-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (188 loc) · 7.96 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"/>
<link rel="stylesheet" href="style.css" />
<title>NutriX</title>
</head>
<body>
<nav>
<div class="nav__logo">
<a href="#"><img src="images/logo.png" alt="logo" /></a>
</div>
<ul class="nav__links">
<li class="link"><a href="index.html">Home</a></li>
<li class="link"><a href="dietai.html">Personalized Diet</a></li>
<li class="link"><a href="#services">Services</a></li>
<li class="link"><a href="bmicalc.html">BMI Calculator</a></li>
<li class="link"><a href="contact.html">Contact Us</a></li>
</ul>
<button class="btn" id="btn" onclick="document.getElementById('btn')"><a href="signup.html">Sign Up</a></button>
</nav>
<header class="section__container header__container">
<div class="header__content">
<span class="bg__blur"></span>
<span class="bg__blur header__blur"></span>
<h4 style="text-align: center;">Your Personal AI Nutritionist for a Healthier, Happier You !</h4>
<h1><span style="text-align: center;">PERSONALIZED </span> AI NUTRITIONIST</h1>
<p>
NutriX is your personal AI nutritionist,
creating custom meal plans based on your health goals.
Whether you want to lose weight, build muscle, or eat healthier, Nutrix offers easy, real-time guidance to keep you on track.
Your journey to better health starts here!
</p>
<div style="text-align: center;">
<button class="btn" onclick="document.getElementById('services').scrollIntoView();">Get Started</button>
</div>
</div>
</header>
<section id="services" class="section__container explore__container">
<div class="explore__header">
<h2 class="section__header">EXPLORE OUR SERVICES</h2>
<div class="explore__nav">
<span><i class="ri-arrow-left-line"></i></span>
<span><i class="ri-arrow-right-line"></i></span>
</div>
</div>
<div class="explore__grid">
<div class="explore__card">
<span><i class="ri-boxing-fill"></i></span>
<h4>Personalized Diet</h4>
<p>
Get a diet customized to your unique needs!
Our AI analyzes your health and lifestyle to create a
personalized plan that helps you stay fit and healthy.
</p>
<a href="dietai.html">Explore Now<i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-heart-pulse-fill"></i></span>
<h4>Nutri Bot</h4>
<p>
Meet Nutri Bot, your virtual nutritionist available 24/7.
Whether you have questions about your diet, meal suggestions,
or need guidance on healthy habits, Nutri Bot is here to support you with instant, accurate advice.
</p>
<a href="#">Explore Now<i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-run-line"></i></span>
<h4>Fat Lose</h4>
<p>
Achieve your fat loss goals efficiently with AI-driven insights.
Our program combines personalized meal plans and expert recommendations
to help you burn fat while maintaining muscle mass and energy levels.
</p>
<a href="dietai.html">Explore Now<i class="ri-arrow-right-line"></i></a>
</div>
<div class="explore__card">
<span><i class="ri-shopping-basket-fill"></i></span>
<h4>BMI calculator</h4>
<p>
Use our BMI Calculator to calculatr your Body-Mass Index ,
Calculate your BMI and Know your area to work.
</p>
<a href="bmicalc.html">Explore Now<i class="ri-arrow-right-line"></i></a>
</div>
</div>
</section>
<section class="section__container class__container">
<div class="class__image">
<span class="bg__blur"></span>
<img src="images/about.png" alt="class" class="class__img-1" />
</div>
<div id="about" class="class__content">
<h2 class="section__header">ABOUT US</h2>
<p>
NutriX is your smart nutrition buddy, here to make healthy eating easy and personal!
By looking at your unique health info and daily habits, NutriX gives you simple, science-backed diet tips to help you reach your wellness goals.
Whether you're aiming to eat better or feel healthier, NutriX is here to guide you every step of the way. Let’s make healthy living a breeze, together with NutriX!
</p>
<button class="btn">Create a personalized diet</button>
</div>
</section>
<section class="section__container join__container">
<h2 class="section__header">WHY NUTRIX ?</h2>
<p class="section__subheader">
Imagine having a nutritionist , who knows exactly what your body needs, understands your goals,
and gets your food preferences. That’s NutriX ! , NutriX designs meal plans just for you,
making healthy eating easy and effective. Whether you want to lose weight or Gain Muscles. <br><br><br>
<div class="join__image">
<div class="join__grid">
<div class="join__card">
<span><i class="ri-user-star-fill"></i></span>
<div class="join__card__content">
<h4>PersonalIzed Diet</h4>
<p>Create your Personalized Diet with NutriX</p>
</div>
</div>
<div class="join__card">
<span><i class="ri-vidicon-fill"></i></span>
<div class="join__card__content">
<h4>Video Counseling</h4>
<p>Get personalized advice from expert nutritionists through live video sessions. </p>
</div>
</div>
<div class="join__card">
<span><i class="ri-building-line"></i></span>
<div class="join__card__content">
<h4>Good Management</h4>
<p>Supportive management, for your fitness & health Goals.</p>
</div>
</div>
</div>
</div>
</section>
<hr class="separator">
<footer class="section__container footer__container">
<span class="bg__blur"></span>
<span class="bg__blur footer__blur"></span>
<div class="footer__col">
<div class="footer__logo"><img src="images/logo.png" alt="logo" /></div>
<p>
Take the first step towards a healthier, stronger you with our
unbeatable pricing plans. Let's sweat, achieve, and conquer together!
</p>
<div class="footer__socials">
<a href="https://www.linkedin.com/in/yadavaman11/"><i class="ri-linkedin-fill"></i></a>
<a href="#"><i class="ri-instagram-line"></i></a>
<a href="#"><i class="ri-twitter-fill"></i></a>
</div>
</div>
<div class="footer__col">
<h4>Services</h4>
<a href="dietai.html">Personalized Diet</a>
<a href="bmicalc.html">BMI Calculator</a>
<a href="bmicalc.html">Calories Calculator</a>
<a href="#services">Nutri Bot</a>
</div>
<div class="footer__col">
<h4>About Us</h4>
<a href="#about">About NutriX</a>
</div>
<div class="footer__col">
<h4>Contact</h4>
<a href="contact.html">Contact Us</a>
</div>
</footer>
<div class="footer__bar">
Copyright © 2023 Yadav Aman. All rights reserved.
</div>
<script>
window.embeddedChatbotConfig = {
chatbotId: "4EANWV2jlCoIDQRtklgWJ",
domain: "www.chatbase.co"
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
chatbotId="4EANWV2jlCoIDQRtklgWJ"
domain="www.chatbase.co"
defer>
</script>
</body>
</html>