-
Notifications
You must be signed in to change notification settings - Fork 2
/
mediter.html
313 lines (295 loc) · 18.9 KB
/
mediter.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Mediterranean </title>
<link rel='stylesheet' type='text/css' media='screen' href='./style/fw19_0256/mediter.css'>
<link rel="stylesheet" href="./style/fw20_0020/d1.css">
<link rel="stylesheet" href="./style/style.css">
</head>
<body>
<div class="first" style="background-image: url('https://hips.hearstapps.com/hmg-prod/images/ingredients-royalty-free-image-948683220-1545179868.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;">
<h1>Mediterranean Diet </h1>
<p
style=" padding-left: 5%; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #f6ef6d; margin: 0px 0px 20px;">
Enjoy the flavors of the Mediterranean while promoting
whole-body health</p>
<!-- <p
style=" padding-left: 5%; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #f6ef6d; margin: 0px 0px 20px;">
No food is off-limits.</p> -->
<img style="width: 190px; padding: 5% 2px 5% 5% "
src="https://s3.amazonaws.com/img.mynetdiary.com/images/app-store-badge.svg" alt="">
<img style="width: 190px; padding: 5% 2px 5% 2% "
src="https://s3.amazonaws.com/img.mynetdiary.com/images/google-play-badge.svg" alt="">
</div>
<div id="upper">
<div class="sec">
<h3>How it works</h3>
<p style="text-align: center;color: #46618a;">You lose weight when you eat fewer calories
than you burn.
Our Premium diet automatically tunes up your plan to achieve your target weight on time. It balances
carbs, protein, and fat during your weight loss journey. Easy and delicious Premium Recipes help you eat
healthily and stay within your budget. You will learn about better food choices, portion sizes, and
eating habits for lifelong success in a healthy lifestyle</p>
<p style="text-align: center;color: #46618a; padding: 5%;">HIGHLIGHTS</p>
<ul>
<li style="color: #46618a;">No forbidden foods. Well-balanced nutrition</li>
<li style="padding-top: 10px;color: #46618a;">Hundreds of Premium Recipes</li>
<li style="color: #46618a;">Considered the healthiest option for weight loss</li>
<li style="padding-top: 10px;color: #46618a;">Excellent for long-term maintenance</li>
</ul>
<div class="btn">
<button id="first"> Read More About Diet </button>
</div>
</div>
<h3>What it takes to follow the diet</h3>
<div class="third">
<div class="track"><a href=""><img
style="width:100%;margin-bottom: 4%; height: 500px; border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]" alt="">
<h5
style="text-align: center;color: #268fd0;margin-bottom: 4%; font-size: 35px; padding-bottom: 14px; font-family: Cabin,Helvetica,Arial,sans-serif;">
Premium Recipes</h5>
<p
style="text-align: center; font-family: Cabin,Helvetica,Arial,sans-serif;color: #46618a;">
Never go hungry - hundreds of easy, healthy, and
delicious recipes.</p>
<p
style="text-align: center;font-family: Cabin,Helvetica,Arial,sans-serif;color: #46618a;">
Plus, automatically load any recipe from the web
with the recipe import tool. </p>
</a></div>
<div class="track"><a href=""><img
style="width:100%;margin-bottom: 4%; height: 500px;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="text-align: center;color: #268fd0;margin-bottom: 4%;font-family: Cabin,Helvetica,Arial,sans-serif; font-size: 35px; padding-bottom: 14px;">
Easy Tracking</h5>
<p
style="color: #46618a;font-family: Cabin,Helvetica,Arial,sans-serif; text-align: center;">
Massive food catalog, fastest barcode scanner,</p>
<p
style="color: #46618a;font-family: Cabin,Helvetica,Arial,sans-serif; text-align: center;">
quickest food lookup making food tracking a breeze
</p>
</a></div>
<div class="track"><a href=""><img
style="width:100%;margin-bottom: 4%; height: 500px;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="text-align: center;color: #268fd0;margin-bottom: 4%;font-family: Cabin,Helvetica,Arial,sans-serif; font-size: 35px; padding-bottom: 14px;">
Insights and Guidance</h5>
<p
style="color: #46618a;font-family: Cabin,Helvetica,Arial,sans-serif; text-align: center;">
Encouraging and supportive feedback,guiding you to
your goal</p>
</a></div>
</div>
<h3>Premium Recipes that Fit Your Lifestyle</h3>
<p
style="text-align: center;color: #46618a;font-family: Cabin,Helvetica,Arial,sans-serif;margin-bottom: 5%; ">
Hundreds of easy recipes, with great variety, carefully crafted for great taste
by MyNetDiary's team of Registered Dietitians. Here are a few sample recipes: </p>
<div class="four">
<!-- <h3>Premium Recipes that Fit Your Lifestyle</h3> -->
<!-- <p style="text-align: center; ">Hundreds of easy recipes, with great variety, carefully crafted for great taste by MyNetDiary's team of Registered Dietitians. Here are a few sample recipes: </p> -->
<div class="mid"><img style="width: 300px; height: 400px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="Arugula Avocado Salad"></div>
<div class="mid"><img style="width: 300;height: 400px;"
src="https://www.nzherald.co.nz/resizer/gwu8-ERoyQ4maQUgNValkm1wVKU=/576x613/smart/filters:quality(70)/cloudfront-ap-southeast-2.images.arcpublishing.com/nzme/P7VXUEE4ULFZV2EJSSNCLEK2QY.jpg"
alt=""></div>
<div class="mid"><img style="width: 300%;height: 400px;"
src="https://images.immediate.co.uk/production/volatile/sites/30/2010/10/easy-turkey-soup-main-cf09aff.jpg"
alt=""></div>
<div class="mid"><img style="width: 300px;height: 400px;"
src="https://static.onecms.io/wp-content/uploads/sites/44/2020/08/06/8412964.jpg" alt=""></div>
<div class="mid"><img style="width: 300px;height: 400px;"
src="https://www.howsweeteats.com/wp-content/uploads/2020/03/shrimp-kale-caesar-4-1475x2048.jpg"
alt="">
</div>
</div>
<h3>Comprehensive Tracking</h3>
<div class="slid">
<div class="tracking"><img style="width: 100%; height:900px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt=""></div>
<div class="tracking">
<h4 style="font-size: 48px;margin: 0px 0px 48px;padding-top: 40%;">Fast and Beautiful Food Log</h4>
<p style="margin: 0px 0px 28px;text-align: left;">Fast barcode scanner, accurate
1,215,000 foods database, with detailed macros and 50 nutrients, make tracking your diet a breeze in
MyNetDiary.
</p>
</div>
</div>
<h3>Get Smart Analysis and Insights </h3>
<div class="sixth">
<div class="smart"><img
style="width: 100%; height:500px; margin-bottom:5%;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="font-size: 42px; font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center;">
Detailed shareable reports and charts</h5>
<p
style="font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center; margin: 20px 0px 20px;">
Reports and charts help you see the big picture and adjust your diet as needed.</p>
</div>
<div class="smart"><img
style="width: 100%; height:500px;margin-right:10%; margin-bottom:5%;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="font-size: 42px; font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center;">
Detailed nutrient analysis</h5>
<p
style="font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center; margin: 20px 0px 20px;">
MyNetDiary can track up to 50 nutrients, to make sure you are getting enough of important nutrients.
</p>
</div>
</div>
<div class="sixth">
<div class="smart"><img
style="width: 100%; height:500px; margin-bottom:5%;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="font-size: 42px; font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center;">
Detailed shareable reports and charts</h5>
<p
style="font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center; margin: 20px 0px 20px;">
Reports and charts help you see the big picture and adjust your diet as needed.</p>
</div>
<div class="smart"><img
style="width: 100%; height:500px; margin-bottom:5%;border-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]"
alt="">
<h5
style="font-size: 42px; font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center;">
Detailed nutrient analysis</h5>
<p
style="font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;text-align: center; margin: 20px 0px 20px;">
MyNetDiary can track up to 50 nutrients, to make sure you are getting enough of important nutrients.
</p>
</div>
</div>
<h3>Created by Registered Dietitians</h3>
<p
style="text-align: center;font-family: Rubik,Helvetica,Arial,sans-serif;color: #46618A;margin: 20px 0px 20px;">
Knowledge and expertise distilled into the powerful app</p>
<div class="seven">
<!-- <div class="head">
</div> -->
<div class="trainer"><a href=""><img style="width: 250px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]" alt="">
<h2 style="font-size: 26px; color: white;font-family: Verdana, Geneva, Tahoma, sans-serif;">Joanna
Kriehn</h2><br>
<p style="color: #f6ef6d;font-family: Verdana, Geneva, Tahoma, sans-serif;">MS,
RDN, CDCES</p>
</a>
</div>
<div class="trainer">
<a href=""><img style="width: 250px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]" alt="">
<h2 style="font-size: 26px; color: white;font-family: Verdana, Geneva, Tahoma, sans-serif;">Brenda
Braslow</h2><br>
<p style="color: #f6ef6d;font-family: Verdana, Geneva, Tahoma, sans-serif;">MS,
RDN, LDN, CDCES</p>
</a>
</div>
<div class="trainer">
<a href=""><img style="width: 250px;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]" alt="">
<h2 style="font-size: 26px; color: white;font-family: Verdana, Geneva, Tahoma, sans-serif;">Sue
Heikkinen</h2><br>
<p style="color: #f6ef6d;font-family: Verdana, Geneva, Tahoma, sans-serif;">MS, RD,
CDCES, BC-ADM, ACE-PT</p>
</a>
</div>
<div class="trainer">
<a href=""><img style="width: 250px;margin-bottom: 5%;"
src="https://s3.amazonaws.com/img.mynetdiary.com/keto/[email protected]" alt="">
<h2 style="font-size: 26px; color: white;font-family: Verdana, Geneva, Tahoma, sans-serif;">
Katherine Isacks</h2><br>
<p style="color: #f6ef6d;font-family: Verdana, Geneva, Tahoma, sans-serif;">MPS,
RDN, CDCES</p>
</a>
</div>
</div>
<div class="eight">
<div class="head"><img style="width: 100%; height:400px; margin-bottom: 5%;"
src="https://s3.amazonaws.com/img.mynetdiary.com/src/article/planning-weight-and-calories.jpg"
alt="">
<h6
style="font-size: 26px;color: #46618a; font-family: Rubik,Helvetica,Arial,sans-serif; padding: 2px 2px 50px 10px;">
<a href="#">Planning weight & calories
</a></h6>
<p class="para" style="color: #46618a;font-family: Verdana, Geneva, Tahoma, sans-serif;">Good news!
You can stop guessing at how many calories you need to control your weight. When you
guess at what you need, you are more likely to consume too few or too many calories, thereby
preventing you from meeting your goal. That is frustrating and erodes confidence. Instead, use
MyNetDiary to plan and track calories so that you meet your weight goal safely and effectively.</p>
</div>
<div class="head"><img style="width: 100%; height:400px;margin-bottom: 5%;"
src="https://s3.amazonaws.com/img.mynetdiary.com/blog/measuring-and-estimating-portion-size.jpeg"
alt="">
<h6
style="font-size: 26px;color: #268fd0;font-family: Rubik,Helvetica,Arial,sans-serif; padding: 2px 2px 50px 10px;">
<a href="#">Measuring and estimating portion sizes
</a></h6>
<p class="para" style="color: #46618a;font-family: Verdana, Geneva, Tahoma, sans-serif;">If you are
new to logging, or have been at it for awhile, you may have wondered about the best way to measure
or calculate portion size. A key aspect of tracking is accurately figuring out how much food and
drink you've consumed.</p>
</div>
</div>
<div class="eight">
<div class="head"><img style="width: 100%; height:400px;margin-bottom: 5%;"
src="https://s3.amazonaws.com/img.mynetdiary.com/blog/food-score-new.jpeg" alt="">
<h6
style="font-size: 26px;color: #268fd0;font-family: Rubik,Helvetica,Arial,sans-serif; padding: 2px 2px 50px 10px;">
<a href="#">Planning weight & calories
</a></h6>
<p class="para" style="color: rgb(83, 83, 236);font-family: Verdana, Geneva, Tahoma, sans-serif;">
Good news! You can stop guessing at how many calories you need to control your weight. When you
guess at what you need, you are more likely to consume too few or too many calories, thereby
preventing you from meeting your goal. That is frustrating and erodes confidence. Instead, use
MyNetDiary to plan and track calories so that you meet your weight goal safely and effectively.</p>
</div>
<div class="head"><img style="width: 100%; height:400px;margin-bottom: 5%;"
src="https://s3.amazonaws.com/img.mynetdiary.com/blog/create-your-own-workout-plan.jpeg" alt="">
<h6
style="font-size: 26px;color: #268fd0;font-family: Rubik,Helvetica,Arial,sans-serif; padding: 2px 2px 50px 10px;">
<a href="#">Measuring and estimating portion sizes
</a></h6>
<p class="para" style="color: rgb(83, 83, 236);font-family: Rubik,Helvetica,Arial,sans-serif;">If you
are new to logging, or have been at it for awhile, you may have wondered about the best way to
measure or calculate portion size. A key aspect of tracking is accurately figuring out how much food
and drink you've consumed.</p>
</div>
</div>
<div class="btnsec">
<button id="button">VIEW ALL ARTICLE</button>
</div>
<div class="Bpage_lastsection">
<div>
<div></div>
</div>
<div>
<h1>Start Your Free Food Diary Today</h1>
<button>SIGN UP</button>
</div>
<div>
<img src="https://s3.amazonaws.com/img.mynetdiary.com/images/[email protected]?v07092020" alt="">
</div>
</div>
</div>
</body>
</html>