-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
304 lines (255 loc) · 15.4 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
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
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style media="screen" type="text/css">
.layer1_class {
position: absolute;
z-index: 1;
visibility: visible;
}
.layer2_class {
position: absolute;
z-index: 2;
top: 0px;
left: 0px;
visibility: hidden
}
</style>
<script>
function delayer() {
setTimeout(downLoad, 3000)
}
function downLoad() {
if (document.all) {
document.all["preloader"].style.display = "none";
document.all["layer2"].style.display = "block";
} else if (document.getElementById) {
node = document.getElementById("preloader").style.display = 'none';
node = document.getElementById("layer2").style.visibility = 'visible';
}
}
</script>
<title>AngryGut</title>
<!-- Links -->
<script src="https://kit.fontawesome.com/b70d731558.js" crossorigin="anonymous"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/93c73bfd5a.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Baloo+2&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@100;200&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
<link rel="manifest" href="./assets/site.webmanifest">
<link rel="stylesheet" href="./css/homepage.css">
</head>
<div id="preloader">
<div id="layer1" class="layer1_class" style="margin: 0;background-color: rgba(0,0,0,0);">
<img src="./assets/anger.png" />
</div>
</div>
<body onload="delayer()" class="layer2_class" id="layer2">
<!-- Floating Button to the top-->
<a href="#" id="scroll"><span></span></a>
<!-- Nav Bar Start -->
<div class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand" id="logoname">AngryGut</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a href="./index.html" class="nav-item nav-link mr-2"><i class="fa-solid fa-house"></i> Home</a>
<a href="./pages/recipes.html" class="nav-item nav-link mr-2"><i
class="fa-solid fa-screwdriver-wrench"></i> Recipes</a>
<a href="./pages/tips.html" class="nav-item nav-link mr-2"><i class="fa-solid fa-lightbulb"></i>
Gut Tips</a>
<a href="./pages/gutproblem.html" class="nav-item nav-link mr-2"><i
class="fa-solid fa-virus-covid"></i> Gut Problems</a>
<a href="./pages/tips.html" class="nav-item nav-link mr-2"><i
class="fa-solid fa-address-card"></i> Gut Education</a>
<a href="./pages/gollu.html" class="nav-item nav-link mr-2"><i
class="fa-solid fa-people-group"></i> Ask Gollu</a>
<div id="icon">
<i class="indicator"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Nav Bar End -->
<!-- First Page Start -->
<div id="page1" style="margin: 0;">
<div class="container">
<div class="text1">
Every day we live and every meal we eat we influence the great
microbial organ inside us - for better or for worse. Quite
literally, your gut is the epicenter of your mental and physical health.
If you want better immunity, efficient digestion, improved clarity and
balance, focus on rebuilding your gut health.
<p>
<h1>Get Introduced To Your Gut Feelings...</h1>
</p>
<button type="button" class="btn btn-warning btn-lg" id="getstartedbutton"><a href="#page2"
id="getstarted">Start<i class="fa-solid fa-arrow-right"></i></a> </button>
</div>
</div>
</div>
<!-- First Page End -->
<!-- Second Page Start -->
<div id="page2">
<div class="alert alert-primary" role="alert" id="watermessage">
"GUT HEALTH IS THE KEY TO OVERALL HEALTH"
</div>
<div class="card">
<div class="container2">
<h2> A healthy gut microbiome tends to include a wide range of different beneficial bacteria and is vital for a healthy immune system.
It plays an important role in regulating your immune system so that it responds to injury or infection but doesn't attack healthy
body tissue. When everything is running smoothly, the gut sends signals for the development of healthy immune function modulating
immune responses. "If you want to boost immunity, look to the gut".</h2>
</div>
</div>
</div>
<!-- Second Page End -->
<div class="content">
<div class="main-section">
<h1 class="gutshoppin">Gut Shopping</h1>
<!--Middle-->
<div class="Card-container">
<div class="Card">
<img src="https://static.toiimg.com/photo/msid-80383465/80383465.jpg?288694" class="Card-img-top" alt="..." />
<div class="Card-body">
<h5 class="Card-title">Knowledge ground</h5>
<p class="Card-text">
Gut health is one of the hottest topics in nutrition, and rightly so.
Here are some of the best books on gut health to help you understand your own unique biology.
</p>
<a href="medicalHelp.html" class="btn btn-success" style="border-radius: 18px">Learn More</a>
<br>
</div>
</div>
<div class="Card">
<img src="https://www.seriouseats.com/thmb/UQ2EdigBsssa5ccJna489XcRvNc=/735x0/__opt__aboutcom__coeus__resources__content_migration__serious_eats__seriouseats.com__images__2014__05__20140509-mexican-snacks-primary-778f865d210f4712bb67cd4226d01fb3.jpg" class="Card-img-top" alt="..." />
<div class="Card-body">
<h5 class="Card-title">The Gut Stuff</h5>
<p class="Card-text">
Most of us are not taking enough fibre, but your friendly gut bugs LOVE fibre.
Check out the healthy snacks that are sure to keep you satisfied when hunger strikes.
</p>
<a href="./pages/recipes.html" class="btn btn-success" style="border-radius: 18px">Snacks</a>
<br>
</div>
</div>
<div class="Card">
<img src="https://s.yimg.com/ny/api/res/1.2/3guERy2rY92FUVM_IeUX7Q--/YXBwaWQ9aGlnaGxhbmRlcjt3PTY0MDtoPTM2Mw--/https://s.yimg.com/os/creatr-uploaded-images/2022-07/9ca66cb0-0803-11ed-9ff7-85cb26e76e0a" class="Card-img-top" alt="..." />
<div class="Card-body">
<h5 class="Card-title">Food Supplements</h5>
<p class="Card-text">
Probiotics are live "good" or "helpful" bacteria and yeasts that help to keep your gut healthy.
You can find probiotics in supplements and some foods, like yogurt.
</p>
<a href="./trainer.html" class="btn btn-success" style="border-radius: 18px">Probiotics</a>
<br>
</div>
</div>
</div>
<!-- Third Page Start-->
<div id="page3">
<div class="jumbotron">
<h1 class="display-4">Maintaining Digestive Health</h1>
<p class="lead">To help you manage your digestive health, you may need more than one healthcare provider.
The right healthcare team can help you stay as emotionally and physically healthy as possible.</p>
<hr class="my-4">
<p class="more">Seeking the help of a Gastroenterologist can help to find medical alternatives available to treat underlying digestive issues.
A Gastroenterologist is a physician with dedicated training for the management of diseases of the gastrointestinal tract and liver.</p>
</div>
<p class="lead">
<a class="btn btn-secondary btn-lg" href="./pages/gutproblem.html" role="button" id="learnmore">Learn more <i
class="fa-solid fa-book-open-reader"></i></a>
</p>
</div>
</div>
</div>
<!-- Third Page End -->
<!-- Footer Start -->
<footer>
<div class="f-container">
<div class="sec aboutus">
<h2>About Us</h2>
<p>AngryGut can help you by empowering gut health and wellbeing knowledge in your team and finding
the Correct Health Plans, Diets & Habits.
</p>
<ul class="sci">
<li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg></a></li>
<li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg></a></li>
<li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
</svg></a></li>
<li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-envelope" viewBox="0 0 16 16">
<path
d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z" />
</svg></a></li>
</ul>
</div>
<div class="sec quickLinks">
<h2>Quick Links</h2>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Our Team</a></li>
</ul>
</div>
<div class="sec contact">
<H2>Contact Info</H2>
<ul class="info">
<li>
<span><i class="fas fa-map-marker-alt"></i></span>
<span>Cuttack-Odisha,<br> India</span>
</li>
<li>
<span><i class="fas fa-phone-alt"></i></span>
<span>
<p><a href="tel:123456789">+91 123456789</a></p>
</span>
</li>
<li>
<span><i class="far fa-envelope"></i></span>
<span>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</span>
</li>
</ul>
</div>
</div>
</footer>
<div class="copyrightText">
<p>Copyright © 2022 Made By Aishwarya Upadhyay. All Right Reserved</p>
</div>
<!-- footer end -->
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="./js/homepage.js"></script>
</body>
</html>