AI-Diet-Consultancy.github.io/index.html at main · Kitzito/AI-Diet-Consultancy.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="refresh" content="">
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Author" content="Godfada">
    <meta name="keyword" content="Diet Consultant">
    <meta name="Robot" content="Index,Follow">
    <meta name="description" content="This is a chatbox">
    <meta name="googlebot" content="translate">
    <meta name="revised" content="chatbox, 15/7/22">
    <meta name="coverage" content="worldwide">
    <meta name="target" content="all">
    <meta name="distribution" content="global">
    <meta name="classification" content="Business">
    <meta name="reply-to" content="[email protected]">
    <link rel="icon" href="mk.png">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="fontawesome-free-6.2.1-web/css/all.css">
    <title>AID Consultant</title>
</head>
<body>

    <!----------------------Header------------------->
    <section  class="header">
        <nav>
            <a href="#" id="light-mode" onclick="ToggleDarkLight1()"><img src="Android 616.jpg" alt="logo" onclick="indexMode()" class="mode"></a>
            <a href="#" onclick="ToggleDarkLight2()" class="bg--mode--dark" id="dark-mode"><img src="Android 838.jpg" alt="logo" onclick="indexMode()" class="mode"></a>
            <div class="nav-links" id="navlinks">
                <i class="fa fa-times" onclick="hidemenu()"></i>
                <ul>
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li><a href="contact.html">CONTACT</a></li>
                  <!----  <li><a href="bmi.html">BMI</a></li> -->
                    <li><a href="login.html">LOGIN</a></li>
                </ul>
            </div>
            <i class="fa fa-bars" onclick="showmenu()"></i>
        </nav>
        <div class="text-box">
            <a href="#" class="btn btn-white btn-animated">AI DIET CONSULTANCY</a>
        </div>
    </section>

    <!---------------SERVICES----------------->
    <section class="services">
        <h1><i>Our Services</i></h1>
        <p>Our Services Include and are not limited to...</p>
        <div class="row">
            <div class="serve-col">
                <h3><i>Nutrition/Diet Assessment</i></h3>
                <p>The AI Diet Consultant provides Nutritional analysis for all
             diets with comparism to the selected nutritional goal.
            Our menus are sure to comply with state all regulations.</p>
            </div>
            <div class="serve-col">
                <h3><i>Menu And Recipe Development</i></h3>
                <p>Our diet bot provides 100% customizable menus that are unique to
                    the user's immidiate environment, culture and dietary needs, taking
                    into prime account related health issues.  </p>
            </div>
            <div class="serve-col">
                <h3><i>Nutrition Related Education</i></h3>
                <p>We partner with community based-programs to provide
                    education to specific target population with focus on
                    diet and fitness related issues.  </p>
            </div>
        </div>
    </section>

    <!-------------------------SPONSORS---------------------->
    <section class="campus">
        <h1><i>Our Sponsors</i></h1>
        <p>The AI Diet Consultancy is Proudly Sponsored by</p>
        <div class="row">
            <div class="campus-col">
                <img src="Bill'sUpdate.png" alt="img">
                <div class="layer">
                    <h3><i>BILL'SUPDATE</i></h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="lmu.jpg" alt="img">
                <div class="layer">
                    <h3><i>LANDMARK TECHNOLOGIES</i></h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="cc1.jpg" alt="img">
                <div class="layer">
                    <h3><i>CODEX COMMUNITY TV (CCTV)</i></h3>
                </div>
            </div>
        </div>
    </section>

    <!----------------------FACILITIES------------------->
    <section class="facilities">
        <h1><i>Our Facilities</i></h1>
        <p>To better serve society, our facilities include and are not limited to...</p>
        <div class="row">
            <div class="facilities-col">
                <img src="Android 616.jpg" alt="facilities image">
                <h3><i>Consultancy Droid Bot</i></h3>
                <p>Our accurate Droid Bot has been customised to provide
                    accurate consultacy service in the absense of human consultants
                </p>
            </div>
            <div class="facilities-col">
                <img src="bmi.png" alt="facilities image">
                <h3><i>BMI Calculator</i></h3>
                <p>Our free Body Mass Index Calculator has been programed to
                    provide accurate BMI results based on user inputs
                </p>
            </div>
            <div class="facilities-col">
                <img src="copilot.webp" alt="facilities image">
                <h3><i>24/7 live chat</i></h3>
                <p>Our 24/7 Live chat is aimed at providing our users
                    with the best browsing experience.
                </p>
            </div>
        </div>
    </section>

    <!-------------------TESTIMONIALS-------------------->
    <section class="testimonials">
        <h1><i>User Reviews</i></h1>
        <p>Top User Reviews and Ratings</p>
        <div class="row">
            <div class="testimonial-col">
                <img src="Android 616.jpg" alt="user image">
                <div>
                    <p>Been using this app for some time now and must say
                        the developers did a really great job in coming
                        up with such a magnificent idea. kudos team...
                    </p>
                        <h3>BILLCLINTON</h3>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half"></i>
                </div>
            </div>
            <div class="testimonial-col">
                <img src="Android 616.jpg" alt="user image">
                <div>
                    <p>Best app i've ever used. i mean, so far
                        the user experience is just out of this world.
                        Hsad a little glitch, and upon writting a query
                        it was solved in no time. Cheers team.
                    </p>
                        <h3>JOHN BATO</h3>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                </div>
            </div>
            <div class="testimonial-col">
                <img src="Android 616.jpg" alt="user image">
                <div>
                    <p>I was refered to this application by a
                        friend of mine who has been using it for
                        months non stop. I hope i meet an even
                        better experience. Goodwork team.
                    </p>
                        <h3>THERESE JUDITH</h3>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star"></i>
                        <i class="fa fa-star-half"></i>
                </div>
            </div>
        </div>
    </section>

    <!---------------------DOWNLOAD NOW------------------>
    <section class="download">
        <h1><i>Download The Application <br> on Apple or PlayStore</i></h1>
        <a href="AIDC apk.rar" class="button"> <i class="fa fa-download"></i> DOWNLOAD</a>
    </section>

    <!---------------------FOOTER------------------>
    <section class="footer">
        <h4><i>Follow Us</i></h4>
        <p>For More info and to know more about us,
             follow us on Facebook, Linkdln, Instagram, Connectyu to
            <br>get first hand information and to stay updated on offers and bonuses.
            </p>
            <div class="icons">
                <img src="facebook.png" alt="facebook">
                <img src="linkdln.png" alt="linkdln">
                <img src="instagram.png" alt="instagram">
                <img src="connectyu.png" alt="connectyu">
            </div>
            <p><i>This page is Proudly sponsored by <br> Bill'sUpdates <i class="fa fa-heart"></i> and Landmark Technologies <i class="fa fa-heart"></i></i></p>
    </section>

    <!------------------------CUBE--------------------->
    <p id="ad"><i>Adverts</i></p>
    <section class="cube-course">
        <div class="cube">

            <div class="box box1">
                <img src="Android 616.jpg" alt="image1">
            </div>
            <div class="box box2">
                <img src="unsplash001.jpg" alt="image2">
            </div>
            <div class="box box3">
                <img src="unsplash002.jpg" alt="image3">
            </div>
            <div class="box box4">
                <img src="unsplash003.jpg" alt="image4">
            </div>
            <div class="box box5">
                <img src="unsplash004.jpg" alt="image5">
            </div>
            <div class="box box6">
                <img src="Android 838.jpg" alt="image6">
            </div>

        </div>
    </section>

<!-------------------------JAVASCRIPT ION ICONS------------------------>
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>

<!--------------JAVASCRIPT FOR TOGGLE MENU--------------->
    <script>
        var navlinks = document.getElementById("navlinks");
        function showmenu(){
            navlinks.style.right = "0";
        }
        function hidemenu(){
            navlinks.style.right = "-230px";
        }
    </script>

<!----------------------Mode Swap JS Script--------------------->
    <script>
        function indexMode(){
            var element = document.body;
            element.classList.toggle("dark-mode");
        }
    </script>

<script>
    const darkMode = document.querySelector("#dark-mode");
    const lightMode = document.querySelector("#light-mode");

    const ToggleDarkLight1 = ()=>{
        lightMode.style.display = "none";
        darkMode.style.display = "block";
    }
    const ToggleDarkLight2 = ()=>{
        lightMode.style.display = "block";
        darkMode.style.display = "none";
    }
</script>

</body>
</html>