-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
317 lines (307 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
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Title</title>
<link rel="stylesheet" href="https://www.mindbodygreen.com/css/main.b4bccc234cc2e350f8c0b243763bf291de7a7fb9.css">
<link rel="stylesheet" href="css/main.min.css">
</head>
<body>
<section class="multiVit">
<div class="multiVit__hero">
<h1>Discover The Difference<br>A Daily Vitamin Can Make</h1>
<img
srcset="
images/hero-md.jpg 1x,
images/hero-lg.jpg 2x
"
src="images/hero-md.jpg"
loading="lazy"
>
</div>
<div class="multiVit__copy">
<p>At mbg, our sights are always set on our #1 intention: helping our community live healthier. And what we’ve learned over the years, is that the biggest changes are always made of small steps.</p>
<p>For many, one of the smallest yet important steps they can take is adding a <u>multivitamin like vitafusion™ MultiVites Gummy Vitamins</u> to their daily routine. Sure, you’ve seen multis on the shelves and have even tried to read through the ingredient list. But if that only left you feeling overwhelmed and forgetting which vitamin means what — welcome to the club. Consider this your starting point for understanding the essential nutrients you should look for in a multivitamin, and why!</p>
</div>
<div class="multiVit__blocks">
<div class="multiVit__blocks-block">
<div class="multiVit__blocks-block__inner">
<div class="multiVit__blocks-block__icon">
<img
srcset="
images/icon-1-md.png 1x,
images/icon-1-lg.png 2x
"
src="images/icon-1-md.png"
loading="lazy"
>
</div>
<h2>Which Nutrients Best Support Energy?</h2>
<button class="multiVit__blocks-block__trigger" data-trigger="1">Get Answer</button>
</div>
<img
srcset="
images/cloud-1-md.jpg 1x,
images/cloud-1-lg.jpg 2x
"
src="images/cloud-1-md.jpg"
loading="lazy"
class="multiVit__blocks-block__bg"
>
</div>
<div class="multiVit__blocks-block">
<div class="multiVit__blocks-block__inner">
<div class="multiVit__blocks-block__icon">
<img
srcset="
images/icon-2-md.png 1x,
images/icon-2-lg.png 2x
"
src="images/icon-2-md.png"
loading="lazy"
>
</div>
<h2>What Nutrients Should I Focus On For Immunity?</h2>
<button class="multiVit__blocks-block__trigger" data-trigger="2">Get Answer</button>
</div>
<img
srcset="
images/cloud-2-md.jpg 1x,
images/cloud-2-lg.jpg 2x
"
src="images/cloud-2-md.jpg"
loading="lazy"
class="multiVit__blocks-block__bg"
>
</div>
<div class="multiVit__blocks-block">
<div class="multiVit__blocks-block__inner">
<div class="multiVit__blocks-block__icon">
<img
srcset="
images/icon-3-md.png 1x,
images/icon-3-lg.png 2x
"
src="images/icon-3-md.png"
loading="lazy"
>
</div>
<h2>What Role Does Folic Acid Play In My Health?</h2>
<button class="multiVit__blocks-block__trigger" data-trigger="3">Get Answer</button>
</div>
<img
srcset="
images/cloud-3-md.jpg 1x,
images/cloud-3-lg.jpg 2x
"
src="images/cloud-3-md.jpg"
loading="lazy"
class="multiVit__blocks-block__bg"
>
</div>
<div class="multiVit__blocks-block">
<div class="multiVit__blocks-block__inner">
<div class="multiVit__blocks-block__icon">
<img
srcset="
images/icon-4-md.png 1x,
images/icon-4-lg.png 2x
"
src="images/icon-4-md.png"
loading="lazy"
>
</div>
<h2>Why Should I Supplement Vitamin D If I Can Get It From The Sun?</h2>
<button class="multiVit__blocks-block__trigger" data-trigger="4">Get Answer</button>
</div>
<img
srcset="
images/cloud-4-md.jpg 1x,
images/cloud-4-lg.jpg 2x
"
src="images/cloud-4-md.jpg"
loading="lazy"
class="multiVit__blocks-block__bg"
>
</div>
</div>
<div class="multiVit__sources">
<h2>Sources</h2>
<ol>
<li><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3104015/" target="_blank">https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3104015/</a></li>
<li><a href="https://www.jhrr.org/article.asp?issn=2394-2010;year=2014;volume=1;issue=1;spage=5;epage=9;aulast=Mahmood#:~:text=Folic%20acid%20works%20closely%20with,function%20properly%20in%20the%20body" target="_blank">https://www.jhrr.org/article.asp?issn=2394-2010;year=2014;volume=1;issue=1;spage=5;epage=9;aulast=Mahmood#:~:text=Folic%20acid%20works%20closely%20with,function%20properly%20in%20the%20body</a></li>
<li><a href="https://www.britannica.com/science/folic-acid-deficiency-anemia#:~:text=Folicacid%2CaBvitamin,cells%2Cwhichresultsinanemia" target="_blank">https://www.britannica.com/science/folic-acid-deficiency-anemia#:~:text=Folicacid%2CaBvitamin,cells%2Cwhichresultsinanemia</a></li>
<li><a href="https://ods.od.nih.gov/factsheets/VitaminD-Consumer/" target="_blank">https://ods.od.nih.gov/factsheets/VitaminD-Consumer/</a></li>
</ol>
<p>*These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease.</p>
</div>
</section>
<template id="multiVit__popover1">
<div class="multiVit__popover multiVit__popover-1">
<div class="multiVit__popover__title">
<h1>Which Nutrients Best Support Energy?</h1>
</div>
<div class="multiVit__popover__content">
<button class="multiVit__popover__close" onclick="multiVit__popover1.close();"><svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 38.19 38.19"><defs><style>.cls-1{fill:none;stroke:#010101;stroke-miterlimit:10;stroke-width:4px}</style></defs><path d="m1.41 1.41 35.36 35.36M36.77 1.41 1.41 36.77M1.41 1.41l35.36 35.36M36.77 1.41 1.41 36.77" class="cls-1"/></svg></button>
<p>We know this question matters, as 50% of you reported suboptimal energy levels. All eight B vitamins that our body requires are involved in a variety of essential cellular health functions.* For example, vitamin B12 plays a critical role in our cellular energy.*</p>
<div class="multiVit__popover__grid">
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-1-1-md.jpg 1x,
images/pop-1-1-lg.jpg 2x
"
src="images/pop-1-1-md.jpg"
loading="lazy"
>
<h2>Vitamin B-12</h2>
<p>This nutrient is famous for supporting cellular energy levels due to its role in converting food into cellular energy (aka ATP, which your cells need for their important daily activities!)*</p>
</div>
</div>
<p>78% of you said you’re looking for a multivitamin with B vitamins — and we found it! vitafusion™ MultiVites Gummy Vitamins have both vitamins B6 and B12 to support your cellular energy.*
</p>
<button class="multiVit__popover__top" onClick="document.querySelector('.multiVit__popover-1 .multiVit__popover__title').scrollIntoView(true);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.14 20.37"><path fill="none" stroke="#010101" stroke-miterlimit="10" stroke-width="3.24" d="M1.15 19.22 18.07 2.29 35 19.22"/></svg>Back to Top</button>
</div>
</div>
</template>
<template id="multiVit__popover2">
<div class="multiVit__popover multiVit__popover-2">
<div class="multiVit__popover__title">
<h1>What Nutrients Should I Focus On For Immunity?</h1>
</div>
<div class="multiVit__popover__content">
<button class="multiVit__popover__close" onclick="multiVit__popover2.close();"><svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 38.19 38.19"><defs><style>.cls-1{fill:none;stroke:#010101;stroke-miterlimit:10;stroke-width:4px}</style></defs><path d="m1.41 1.41 35.36 35.36M36.77 1.41 1.41 36.77M1.41 1.41l35.36 35.36M36.77 1.41 1.41 36.77" class="cls-1"/></svg></button>
<p>Given that 67% of you said you’re looking for more vitamin C... We think you’re already on top of this one. But there are a few additional nutrients involved in immune support that you may not realize.* </p>
<div class="multiVit__popover__grid">
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-3-1-md.jpg 1x,
images/pop-3-1-lg.jpg 2x
"
src="images/pop-3-1-md.jpg"
loading="lazy"
>
<h2>Vitamin C</h2>
<p>Vitamin C is an antioxidant that helps protect the body from free radicals, which are unstable compounds that stress our cells and bodies over time.*</p>
</div>
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-3-2-md.jpg 1x,
images/pop-3-2-lg.jpg 2x
"
src="images/pop-3-2-md.jpg"
loading="lazy"
>
<h2>Vitamin E</h2>
<p>As another antioxidant, vitamin E also helps combat oxidative stress in the body and like a buddy, helps regenerate vitamin C.*<sub>1</sub></p>
</div>
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-3-3-md.jpg 1x,
images/pop-3-3-lg.jpg 2x
"
src="images/pop-3-3-md.jpg"
loading="lazy"
>
<h2>Vitamin A</h2>
<p>Vitamin A is an essential fat-soluble micronutrient that is essential for normal immune cell functions.*</p>
</div>
</div>
<p>One serving of vitafusion™️ MultiVites Gummy Vitamins delivers an excellent source of this immune-supporting trio: vitamins C, E, and A (plus much more).* We think of these yummy gummies as our one-stop-shop!</p>
<button class="multiVit__popover__top" onClick="document.querySelector('.multiVit__popover-2 .multiVit__popover__title').scrollIntoView(true);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.14 20.37"><path fill="none" stroke="#010101" stroke-miterlimit="10" stroke-width="3.24" d="M1.15 19.22 18.07 2.29 35 19.22"/></svg>Back to Top</button>
</div>
</div>
</template>
<template id="multiVit__popover3">
<div class="multiVit__popover multiVit__popover-3">
<div class="multiVit__popover__title">
<h1>What Role Does Folic Acid Play In My Health?</h1>
</div>
<div class="multiVit__popover__content">
<button class="multiVit__popover__close" onclick="multiVit__popover3.close();"><svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 38.19 38.19"><defs><style>.cls-1{fill:none;stroke:#010101;stroke-miterlimit:10;stroke-width:4px}</style></defs><path d="m1.41 1.41 35.36 35.36M36.77 1.41 1.41 36.77M1.41 1.41l35.36 35.36M36.77 1.41 1.41 36.77" class="cls-1"/></svg></button>
<p>42% of you said that when you’re seeking out a multivitamin, it’s the ingredient list you check out first. And one of those ingredients to look for is folic acid (AKA folate in food form). Here are two reasons why:</p>
<div class="multiVit__popover__grid">
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-2-1-md.jpg 1x,
images/pop-2-1-lg.jpg 2x
"
src="images/pop-2-1-md.jpg"
loading="lazy"
>
<p>Our body needs folic acid to help make DNA and amino acids (protein building blocks). It also supports red blood cell health and is a critically important prenatal nutrient.*<sub>2</sub></p>
</div>
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-2-2-md.jpg 1x,
images/pop-2-2-lg.jpg 2x
"
src="images/pop-2-2-md.jpg"
loading="lazy"
>
<p>Inadequate folic acid may affect the maturation of our red blood cells, which carry oxygen throughout our body.*<sub>3</sub></p>
</div>
</div>
<p>It is possible to get folic acid and other essential nutrients from our diet. But a multivitamin can make nutrition easier, especially when they taste as good as the natural berry, peach, and orange flavors of vitafusion™ MultiVites Gummy Vitamins.*</p>
<button class="multiVit__popover__top" onClick="document.querySelector('.multiVit__popover-3 .multiVit__popover__title').scrollIntoView(true);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.14 20.37"><path fill="none" stroke="#010101" stroke-miterlimit="10" stroke-width="3.24" d="M1.15 19.22 18.07 2.29 35 19.22"/></svg>Back to Top</button>
</div>
</div>
</template>
<template id="multiVit__popover4">
<div class="multiVit__popover multiVit__popover-4">
<div class="multiVit__popover__title">
<h1>Why Should I Supplement Vitamin D If I Can Get It From The Sun?</h1>
</div>
<div class="multiVit__popover__content">
<button class="multiVit__popover__close" onclick="multiVit__popover4.close();"><svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 38.19 38.19"><defs><style>.cls-1{fill:none;stroke:#010101;stroke-miterlimit:10;stroke-width:4px}</style></defs><path d="m1.41 1.41 35.36 35.36M36.77 1.41 1.41 36.77M1.41 1.41l35.36 35.36M36.77 1.41 1.41 36.77" class="cls-1"/></svg></button>
<p>Vitamin D is an essential nutrient that isn’t as easy to get as it once was. You might consider a multivitamin for additional vitamin D support for these reasons:</p>
<div class="multiVit__popover__grid">
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-4-1-md.jpg 1x,
images/pop-4-1-lg.jpg 2x
"
src="images/pop-4-1-md.jpg"
loading="lazy"
>
<p>Nowadays, factors like pollution, sunscreen, and staying indoors, can affect our body’s natural ability to make vitamin D from the sun.</p>
</div>
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-4-2-md.jpg 1x,
images/pop-4-2-lg.jpg 2x
"
src="images/pop-4-2-md.jpg"
loading="lazy"
>
<p>But vitamin D helps our body absorb and maintain healthy calcium levels, which supports bone health.*<sub>4</sub></p>
</div>
<div class="multiVit__popover__grid-block">
<img
srcset="
images/pop-4-3-md.jpg 1x,
images/pop-4-3-lg.jpg 2x
"
src="images/pop-4-3-md.jpg"
loading="lazy"
>
<p>Vitamin D also plays an essential role in the normal functioning of our immune system function.*</p>
</div>
</div>
<p>Because sunbathing isn’t always the best option, one serving of vitafusion™ MultiVites Gummy Vitamins provides a rich source (1,000 IU) of vitamin D. Packed with nutrients and flavor, staying on top of your essential nutrients has never been more convenient.</p>
<button class="multiVit__popover__top" onClick="document.querySelector('.multiVit__popover-4 .multiVit__popover__title').scrollIntoView(true);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.14 20.37"><path fill="none" stroke="#010101" stroke-miterlimit="10" stroke-width="3.24" d="M1.15 19.22 18.07 2.29 35 19.22"/></svg>Back to Top</button>
</div>
</div>
</template>
<script src="js/main.min.js"></script>
</body>
</html>