-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
767 lines (751 loc) · 50.2 KB
/
index.html
File metadata and controls
767 lines (751 loc) · 50.2 KB
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
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
<!DOCTYPE html>
<html lang="en">
<head>
<title>HelloFresh</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link data-react-helmet="true" rel="icon" href="https://www.hellofresh.com/images/intfood/icons/favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="CSS/style.css">
<link rel="stylesheet" href="https://npmcdn.com/js-offcanvas@1.0/dist/_css/minified/js-offcanvas.css">
</head>
<body>
<!-- ben-->
<section class="bg-light">
<div class="container-fluid">
<nav class="navbar navbar-expand-md bg-light fixed-top">
<button class="navbar-toggler js-offcanvas-trigger" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
aria-expanded="false" aria-label="Toggle navigation" data-offcanvas-trigger="off-canvas">
<svg width="20" height="15" viewBox="0 0 20 15" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" aria-labelledby="a11y--id a11y--id-desc"
data-reactid="56">
<title id="a11y--id" data-reactid="57"></title>
<desc id="a11y--id-desc" data-reactid="58"></desc>
<path d="M0 1c0-.552.455-1 .992-1h18.016c.548 0 .992.444.992 1 0 .552-.455 1-.992 1H.992A.993.993 0 0 1 0 1zm0 6.333c0-.552.455-1 .992-1h18.016c.548 0 .992.444.992 1 0 .553-.455 1-.992 1H.992a.993.993 0 0 1-.992-1zm0 6.334c0-.553.455-1 .992-1h18.016c.548 0 .992.444.992 1 0 .552-.455 1-.992 1H.992a.993.993 0 0 1-.992-1z"
fill="#343434" fill-rule="evenodd" data-reactid="59"></path>
</svg>
</button>
<img src="https://static.hellofresh.com/images/hellofresh-logo.svg?v=3" class="" id="HFlogo" alt="HelloFresh">
<a href="#" target="_self" class="LoginResponsive LoginResponsiveVanish">
<span class="loginspan" data-kind="transparent">
<span data-translation-id="senf-navigation.login">LOG IN</span>
</span>
</a>
<a href="#off-canvas" class="js-offcanvas-trigger navbar-toggle collapsed" data-toggle="collapse" data-offcanvas-trigger="off-canvas"
aria-expanded="false">
<div class="collapse navbar-collapse d-none" id="navbarCollapse">
<ul class="navbar-nav mr-auto nav2">
<a class="btn ButtonGreen bside" href="#" role="button">LOG IN</a>
<li class="nav-item active">
<a class="nav-link LinkOver" href="#our">
<svg class="logosvg" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc" data-reactid="73">
<title id="a11y--id" data-reactid="74"></title>
<desc id="a11y--id-desc" data-reactid="75"></desc>
<g fill="#343434" fill-rule="nonzero" data-reactid="76">
<path d="M3.833 8h16.334c1.288 0 2.333 1.125 2.333 2.513v8.974c0 1.388-1.045 2.513-2.333 2.513H3.833C2.545 22 1.5 20.875 1.5 19.487v-8.974C1.5 9.125 2.545 8 3.833 8zm-.146 1C3.032 9 2.5 9.586 2.5 10.31v9.38c0 .724.532 1.31 1.188 1.31h16.625c.655 0 1.187-.586 1.187-1.31v-9.38c0-.724-.532-1.31-1.188-1.31H3.688zm6.495 8.153l5.625-5.747a.557.557 0 0 1 .795 0 .58.58 0 0 1 0 .813l-6.063 6.194a.5.5 0 0 1-.714 0l-2.427-2.48a.58.58 0 0 1 .008-.82.557.557 0 0 1 .787.008l1.989 2.032z"
data-reactid="77"></path>
<path d="M20 8.5h-1V6.7c0-.663-.448-1.2-1-1.2H6c-.552 0-1 .537-1 1.2v1.8H4V6.833C4 5.545 4.895 4.5 6 4.5h12c1.105 0 2 1.045 2 2.333V8.5z"
data-reactid="78"></path>
<path d="M18 5h-1V3.2c0-.663-.448-1.2-1-1.2H8c-.552 0-1 .537-1 1.2V5H6V3.333C6 2.045 6.895 1 8 1h8c1.105 0 2 1.045 2 2.333V5z"
data-reactid="79"></path>
</g>
</svg>Our Plans</a>
</li>
<li class="nav-item dropdown drop-cursor-t">
<a class="nav-link drop-cursor-t" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">
<svg class="logosvg" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc" data-reactid="84">
<title id="a11y--id" data-reactid="85"></title>
<desc id="a11y--id-desc" data-reactid="86"></desc>
<path fill="#343434" fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 1C5.925 23 1 18.075 1 12S5.925 1 12 1s11 4.925 11 11-4.925 11-11 11zm0-5.5c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm.5-4.21l.082-.098c1.675-.3 2.918-1.732 2.918-3.442a3.51 3.51 0 0 0-3.5-3.5 3.51 3.51 0 0 0-3.5 3.5c0 .305.195.5.5.5s.5-.195.5-.5c0-1.375 1.125-2.5 2.5-2.5s2.5 1.125 2.5 2.5-1.125 2.5-2.5 2.5c-.305 0-.5.195-.5.5v1.2c0 .305.195.5.5.5s.5-.195.5-.5v-.66z"
data-reactid="87"></path>
</svg>
How It Works
<img src="img/arrow.png" alt="arrow">
</a>
<div class="dropdown-menu">
<a class="dropdown-item overGreen" href="#">How It Works</a>
<a class="dropdown-item overGreen" href="#">Our Suppliers</a>
<a class="dropdown-item overGreen" href="#">Recycling</a>
</div>
</li>
<li class="nav-item dropdown drop-cursor-t LinkOver">
<a class="nav-link drop-cursor-t" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown">
<svg class="logosvg" width="24" height="24" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc" data-reactid="92">
<title id="a11y--id" data-reactid="93"></title>
<desc id="a11y--id-desc" data-reactid="94"></desc>
<path d="M2 3.742C2 2.228 3.118 1 4.493 1h15.014C20.884 1 22 2.23 22 3.742v16.516C22 21.772 20.882 23 19.507 23H4.493C3.116 23 2 21.77 2 20.258V3.742zm1-.322v17.16c0 .783.573 1.42 1.278 1.42h15.444c.704 0 1.278-.637 1.278-1.42V3.42C21 2.637 20.427 2 19.722 2H4.278C3.574 2 3 2.637 3 3.42zm7 3.08h7.5a.5.5 0 1 1 0 1H10a.5.5 0 0 1 0-1zm-3.25-.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zM10 11.5h7.5a.5.5 0 1 1 0 1H10a.5.5 0 1 1 0-1zm-3.25-.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zM10 16.5h7.5a.5.5 0 1 1 0 1H10a.5.5 0 1 1 0-1zm-3.25-.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5z"
fill="#343434" stroke="#343434" stroke-width="0.2" fill-rule="evenodd" data-reactid="95"></path>
</svg>
Our Menus
<img src="img/arrow.png" alt="arrow">
</a>
<div class="dropdown-menu">
<a class="dropdown-item overGreen" href="#">Our Menus</a>
<a class="dropdown-item overGreen" href="#">Recipe Archive</a>
</div>
</li>
<li class="nav-item">
<hr>
<a class="nav-link LinkOver" href="#our">Wine</a>
</li>
<li class="nav-item">
<a class="nav-link LinkOver" href="#our">Kitchenware</a>
</li>
<li class="nav-item">
<a class="nav-link LinkOver" href="#our">Gifts</a>
</li class="nav-item">
</ul>
</a>
<form class="form-inline mt-2 mt-md-0 vanish">
<a href="#" target="_self" class="LoginResponsive">
<span class="loginspan" data-kind="transparent">
<span data-translation-id="senf-navigation.login">LOG IN</span>
</span>
</a>
</form>
</div>
</nav>
</div>
</section>
<aside class="js-offcanvas" data-offcanvas-options='{ "modifiers": "left,overlay" }' id="off-canvas">
<ul class="navbar-nav mr-auto">
<li class="nav-item LinkOver">
<hr>
<a class="nav-link LinkOver" href="#help">Help</a>
</li class="nav-item">
<li class="nav-item ">
<a class="nav-link LinkOver" href="#give">Give Us Feedback</a>
</li class="nav-item">
</ul>
</aside>
<!-- Banner hello -->
<section class="container-fluid" id="hello">
<div id="MsgHello">
<div class="row justify-content-center">
<div class="col-12 mx-auto">
<h1>
Say Hello to Easy
<br> Home Cooking
</h1>
</div>
</div>
<div id="TextSay" class="row mx-auto">
<div class="col-12 TextSay">
Whip up tasty meals with simple recipe
<br> and pre-measured ingredients every week.
</div>
</div>
<div id="ButtonGreenB" class="row justify-content-center">
<a class="btn ButtonGreen" href="#" role="button">View our plans</a>
</div>
</div>
</section>
<!-- How it works -->
<section class="container-fluid" id="HowIt">
<div class="row justify-content-center" id="titleHow">
<div>
<h1>How it Works</h1>
</div>
</div>
<div class="row col-lg-12 justify-content-center">
<div class="offset-lg-1 col-lg-2 col-md-3 col-sm-3 col-6">
<div class="card" style="width: 10rem;">
<img class="card-img-top mx-auto" src="https://cdn.hellofresh.com/us/cms/lentil/delicious/hiw-phone-grey.svg" alt="PhoneImg">
<div class="card-body">
<h5 class="card-title">Select your favorite dishes</h5>
<p class="card-text">from 15 chef-curated weekly recipes</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-6">
<div class="card" style="width: 10rem;">
<img class="card-img-top mx-auto" src="https://cdn.hellofresh.com/us/cms/lentil/delicious/hiw-truck-grey.svg" alt="PhoneImg">
<div class="card-body">
<h5 class="card-title">Schedule convenient deliveries</h5>
<p class="card-text">and let us take care of planning and shopping</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-6">
<div class="card" style="width: 10rem;">
<img class="card-img-top mx-auto" src="https://cdn.hellofresh.com/us/cms/lentil/delicious/hiw-ingredients-grey.svg" alt="PhoneImg">
<div class="card-body">
<h6 class="card-title">Enjoy delicious ingredients</h6>
<p class="card-text">delivered straight to your doorstep</p>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-6">
<div class="card" style="width: 10rem;">
<img class="card-img-top mx-auto" src="https://cdn.hellofresh.com/us/cms/lentil/delicious/hiw-fork-and-spoon-grey.svg" alt="PhoneImg">
<div class="card-body">
<h5 class="card-title">Have fun cooking again & again</h5>
<p class="card-text">or skip a week anytime</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center" id="ButtonHow">
<div class="col-5 col-sm-3 col-md-3 col-lg-1">
<button type="button" class="btn btn-outline-success ButtonHow">LEARN MORE</button>
</div>
</div>
</section>
<!-- What-->
<section class="container-fluid">
<div class="row" id="what">
<div class="col-12 offset-sm-3 col-sm-7 offset-md-6 col-md-5 offset-lg-6 col-lg-5 offset-xl-7 col-xl-4" id="backgroundimg">
<h2 class="h2what">What's Inside The Box Each Week</h2>
<div class="row box-inline croix">
<svg class="croixtop" width="17" height="17" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<desc id="a11y--id-desc"></desc>
<g fill="none" fill-rule="evenodd">
<path d="M13.235 13.235v6.918a1.235 1.235 0 0 1-2.47 0v-6.918H3.847a1.235 1.235 0 1 1 0-2.47h6.918V3.847a1.235 1.235 0 0 1 2.47 0v6.918h6.918a1.235 1.235 0 0 1 0 2.47h-6.918z"
fill="#91c11e"></path>
<path d="M0 0h24v24H0z"></path>
</g>
</svg>
<p>Easy-to-follow recipes with clear nutritional info</p>
</div>
<div class="row box-inline croix">
<svg class="croixtop" width="17" height="17" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<g fill="none" fill-rule="evenodd">
<path d="M13.235 13.235v6.918a1.235 1.235 0 0 1-2.47 0v-6.918H3.847a1.235 1.235 0 1 1 0-2.47h6.918V3.847a1.235 1.235 0 0 1 2.47 0v6.918h6.918a1.235 1.235 0 0 1 0 2.47h-6.918z"
fill="#91c11e"></path>
<path d="M0 0h24v24H0z"></path>
</g>
</svg>
<p>High-quality ingredients sourced straight from the farm</p>
</div>
<div class="row box-inline croix">
<svg class="croixtop" width="17" height="17" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<g fill="none" fill-rule="evenodd">
<path d="M13.235 13.235v6.918a1.235 1.235 0 0 1-2.47 0v-6.918H3.847a1.235 1.235 0 1 1 0-2.47h6.918V3.847a1.235 1.235 0 0 1 2.47 0v6.918h6.918a1.235 1.235 0 0 1 0 2.47h-6.918z"
fill="#91c11e"></path>
<path d="M0 0h24v24H0z"></path>
</g>
</svg>
<p>Convenient meal kits that fit perfectly in the fridge</p>
</div>
<div class="row box-inline croix">
<svg class="croixtop" width="17" height="17" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<g fill="none" fill-rule="evenodd">
<path d="M13.235 13.235v6.918a1.235 1.235 0 0 1-2.47 0v-6.918H3.847a1.235 1.235 0 1 1 0-2.47h6.918V3.847a1.235 1.235 0 0 1 2.47 0v6.918h6.918a1.235 1.235 0 0 1 0 2.47h-6.918z"
fill="#91c11e"></path>
<path d="M0 0h24v24H0z"></path>
</g>
</svg>
<p>A fun cooking experience that makes you feel unstoppable</p>
</div>
<div id="ButtonGreenB" class="row justify-content-center">
<a class="btn ButtonGreen" href="#" role="button">CHOOSE MY PLAN</a>
</div>
</div>
</div>
</section>
<!-- /ben -->
<section class="container-fluid weekly_menu">
<div class="row ">
<div class="col-12 date_week">
<h1>Weekly menus for 17 Mar - 23 Mar</h1>
</div>
</div>
<div class="type_menu">
<!-- Centered Pills -->
<ul class="nav justify-content-center">
<li class="nav-item navitem">
<a class="nav-link active" href="#classic_plan">Classic Plan</a>
</li>
<li class="nav-item navitem">
<a class="nav-link" href="#veggie_plan">Veggie Plan</a>
</li>
<li class="nav-item navitem">
<a class="nav-link" href="#family_plan">Family Plan</a>
</li>
</ul>
</div>
<div class="list_dish">
<div class="container-fluid">
<div id="carouselExample" class="carousel slide" data-ride="carousel" data-interval="9000">
<div class="carousel-inner row w-100 mx-auto" role="listbox">
<div class="carousel-item col-md-3 active">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 1" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193016/classic_plan/chicken_orzo.jpg"
alt="chicken">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Winner winner Chicken Orzo Dinner</span>
<br> with Cheesy Roasted Zucchini and Tomato</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M255.992 64C150.137 64 64.008 150.13 64.008 256c0 105.869 86.13 192 191.985 192 105.87 0 192-86.131 192-192-.001-105.87-86.13-192-192.001-192zm49.92 294.21l13.635-7.875 20.641 35.76a159.565 159.565 0 0 1-13.614 7.89l-20.662-35.775zM411.033 256c0 2.654-.068 5.279-.195 7.875h-41.371v-15.736h41.371c.127 2.596.195 5.236.195 7.861zm-52.831-49.92l-7.875-13.621 35.76-20.624a150.122 150.122 0 0 1 7.875 13.62l-35.76 20.625zm-31.628-88.051a155.46 155.46 0 0 1 13.614 7.906l-20.641 35.76-13.635-7.89 20.662-35.776zm23.753 201.526l7.875-13.635 35.76 20.655a154.62 154.62 0 0 1-7.875 13.62l-35.76-20.64zm-164.902 74.43l20.655-35.775-13.627-7.875-20.647 35.744a156.064 156.064 0 0 1-45.893-45.885l35.752-20.639-7.867-13.635-35.767 20.655c-9.751-18.976-15.735-40.2-16.868-62.7h41.363v-15.736h-41.363c1.134-22.499 7.118-43.71 16.868-62.684l35.767 20.625 7.867-13.635-35.752-20.61a156.27 156.27 0 0 1 45.893-45.9l20.647 35.76 13.627-7.89-20.655-35.775c21.188-10.86 45.157-17.054 70.567-17.054v310.08c-25.41-.001-49.379-6.211-70.567-17.071z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">30 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 2" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193015/classic_plan/beef_tacos.jpg"
alt="beefTacos">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Pineapple Poblano Beef Tacos</span>
<br> with Lime Crema, Cilantro, and Warm Spices</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M256.008 64C150.122 64 63.992 150.13 63.992 255.985 63.992 361.87 150.122 448 256.008 448c105.869 0 192-86.13 192-192.015 0-105.855-86.131-191.985-192-191.985zm84.194 322.081l-20.655-35.746-13.606 7.875 20.641 35.76c-18.976 9.751-40.215 15.736-62.715 16.876v-41.371h-15.735v41.371c-22.501-1.14-43.725-7.126-62.701-16.876l20.641-35.76-13.604-7.86-20.641 35.73a156.032 156.032 0 0 1-45.9-45.9l35.746-20.641-7.875-13.62-35.761 20.655c-9.734-18.974-15.749-40.214-16.89-62.715h41.386v-15.735h-41.386c1.141-22.499 7.156-43.725 16.89-62.7l35.761 20.655 7.875-13.62-35.746-20.67a155.955 155.955 0 0 1 45.9-45.87l20.641 35.729 13.604-7.875-20.641-35.744c21.195-10.89 45.166-17.07 70.576-17.07v155.024l56.64-98.295-6.706-3.915 20.641-35.744c4.68 2.385 9.225 5.04 13.62 7.89l-20.655 35.729-6.811-3.929-56.729 98.264 98.204-56.804-3.869-6.72 35.744-20.67a155.93 155.93 0 0 1 7.906 13.635l-35.775 20.655-3.931-6.824-98.279 56.729 113.475-.074v-7.786h41.354c.151 2.596.226 5.235.226 7.86 0 2.64-.075 5.281-.226 7.875h-41.369l.015-7.875H256.008l134.28 77.371a156.304 156.304 0 0 1-50.086 52.726z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">20 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 3" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193015/classic_plan/pork.jpg"
alt="pork">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Figgy Balsamic Pork</span>
<br> with Roasted Greens Beans and Rosemary Potatoes</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M255.992 64C150.137 64 64.008 150.13 64.008 256c0 105.869 86.13 192 191.985 192 105.87 0 192-86.131 192-192-.001-105.87-86.13-192-192.001-192zm49.92 294.21l13.635-7.875 20.641 35.76a159.565 159.565 0 0 1-13.614 7.89l-20.662-35.775zM411.033 256c0 2.654-.068 5.279-.195 7.875h-41.371v-15.736h41.371c.127 2.596.195 5.236.195 7.861zm-52.831-49.92l-7.875-13.621 35.76-20.624a150.122 150.122 0 0 1 7.875 13.62l-35.76 20.625zm-31.628-88.051a155.46 155.46 0 0 1 13.614 7.906l-20.641 35.76-13.635-7.89 20.662-35.776zm23.753 201.526l7.875-13.635 35.76 20.655a154.62 154.62 0 0 1-7.875 13.62l-35.76-20.64zm-164.902 74.43l20.655-35.775-13.627-7.875-20.647 35.744a156.064 156.064 0 0 1-45.893-45.885l35.752-20.639-7.867-13.635-35.767 20.655c-9.751-18.976-15.735-40.2-16.868-62.7h41.363v-15.736h-41.363c1.134-22.499 7.118-43.71 16.868-62.684l35.767 20.625 7.867-13.635-35.752-20.61a156.27 156.27 0 0 1 45.893-45.9l20.647 35.76 13.627-7.89-20.655-35.775c21.188-10.86 45.157-17.054 70.567-17.054v310.08c-25.41-.001-49.379-6.211-70.567-17.071z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">30 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 4" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193027/classic_plan/chicken_legs.jpg"
alt="chickenLegs">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Thai Lemongrass Chicken Legs</span>
<br> over Jasmin Rice and Snow Peas</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M256.008 64.015c-105.884 0-192 86.131-192 192 0 105.87 86.116 191.971 192 191.971 105.855 0 191.984-86.1 191.984-191.971 0-105.869-86.129-192-191.984-192zm130.08 107.79c2.849 4.41 5.474 8.94 7.875 13.62l-35.761 20.67-7.875-13.649 35.761-20.641zm-200.64 222.181c-4.696-2.43-9.256-5.041-13.621-7.921l20.641-35.729 6.811 3.929 56.729-98.25-134.13 77.804C109.805 313.034 102.417 289 101.186 264H142v-16h-40.818c1.095-22 7.051-43.706 16.841-62.799l35.79 20.782 7.86-13.593-35.73-20.613c11.896-18.329 27.54-33.945 45.885-45.856l20.641 35.737 13.604-7.858-20.628-35.758C206.609 107.153 231 100.975 256 100.975v155.039l-56.652 98.31 6.722 3.9-20.622 35.762zM264 410.845c-3 .12-5.352.21-7.992.21-2.641 0-5.008-.091-8.008-.21V369h16v41.845zm62.568-16.859l-20.641-35.79 13.606-7.86 20.655 35.729c-4.38 2.88-8.926 5.491-13.62 7.921zm-7.034-232.32l-13.606-7.861 20.641-35.76c4.694 2.401 9.239 5.01 13.62 7.89l-20.655 35.731zm66.554 178.529l-35.761-20.639 7.875-13.621 35.761 20.641a153.053 153.053 0 0 1-7.875 13.619zM369 264v-16h41.854c.12 3 .18 5.36.18 7.999 0 2.64-.06 5.001-.18 8.001H369z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">40 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 5" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193024/classic_plan/pork_cutlets.jpg"
alt="cutlets">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Maple and Rosemary-Glazed Pork Cutlets</span>
<br> with Apple Salad in a Creamy Dressing</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M256.008 64C150.122 64 63.992 150.13 63.992 255.985 63.992 361.87 150.122 448 256.008 448c105.869 0 192-86.13 192-192.015 0-105.855-86.131-191.985-192-191.985zm84.194 322.081l-20.655-35.746-13.606 7.875 20.641 35.76c-18.976 9.751-40.215 15.736-62.715 16.876v-41.371h-15.735v41.371c-22.501-1.14-43.725-7.126-62.701-16.876l20.641-35.76-13.604-7.86-20.641 35.73a156.032 156.032 0 0 1-45.9-45.9l35.746-20.641-7.875-13.62-35.761 20.655c-9.734-18.974-15.749-40.214-16.89-62.715h41.386v-15.735h-41.386c1.141-22.499 7.156-43.725 16.89-62.7l35.761 20.655 7.875-13.62-35.746-20.67a155.955 155.955 0 0 1 45.9-45.87l20.641 35.729 13.604-7.875-20.641-35.744c21.195-10.89 45.166-17.07 70.576-17.07v155.024l56.64-98.295-6.706-3.915 20.641-35.744c4.68 2.385 9.225 5.04 13.62 7.89l-20.655 35.729-6.811-3.929-56.729 98.264 98.204-56.804-3.869-6.72 35.744-20.67a155.93 155.93 0 0 1 7.906 13.635l-35.775 20.655-3.931-6.824-98.279 56.729 113.475-.074v-7.786h41.354c.151 2.596.226 5.235.226 7.86 0 2.64-.075 5.281-.226 7.875h-41.369l.015-7.875H256.008l134.28 77.371a156.304 156.304 0 0 1-50.086 52.726z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">20 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 6" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193041/classic_plan/steack.jpg"
alt="steak">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">New York Strip Steak with Truffle Butter</span>
<br> over Mashed Potatoes and Roasted Asparagus</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M256.008 64.015c-105.884 0-192 86.131-192 192 0 105.87 86.116 191.971 192 191.971 105.855 0 191.984-86.1 191.984-191.971 0-105.869-86.129-192-191.984-192zm130.08 107.79c2.849 4.41 5.474 8.94 7.875 13.62l-35.761 20.67-7.875-13.649 35.761-20.641zm-200.64 222.181c-4.696-2.43-9.256-5.041-13.621-7.921l20.641-35.729 6.811 3.929 56.729-98.25-134.13 77.804C109.805 313.034 102.417 289 101.186 264H142v-16h-40.818c1.095-22 7.051-43.706 16.841-62.799l35.79 20.782 7.86-13.593-35.73-20.613c11.896-18.329 27.54-33.945 45.885-45.856l20.641 35.737 13.604-7.858-20.628-35.758C206.609 107.153 231 100.975 256 100.975v155.039l-56.652 98.31 6.722 3.9-20.622 35.762zM264 410.845c-3 .12-5.352.21-7.992.21-2.641 0-5.008-.091-8.008-.21V369h16v41.845zm62.568-16.859l-20.641-35.79 13.606-7.86 20.655 35.729c-4.38 2.88-8.926 5.491-13.62 7.921zm-7.034-232.32l-13.606-7.861 20.641-35.76c4.694 2.401 9.239 5.01 13.62 7.89l-20.655 35.731zm66.554 178.529l-35.761-20.639 7.875-13.621 35.761 20.641a153.053 153.053 0 0 1-7.875 13.619zM369 264v-16h41.854c.12 3 .18 5.36.18 7.999 0 2.64-.06 5.001-.18 8.001H369z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">40 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 7" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193020/classic_plan/burger.jpg"
alt="burger">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Banh MÎ Burger</span>
<br> with Vietamese-Style Lemongrass Pork and Sriracha Mayo</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M255.992 64C150.137 64 64.008 150.13 64.008 256c0 105.869 86.13 192 191.985 192 105.87 0 192-86.131 192-192-.001-105.87-86.13-192-192.001-192zm49.92 294.21l13.635-7.875 20.641 35.76a159.565 159.565 0 0 1-13.614 7.89l-20.662-35.775zM411.033 256c0 2.654-.068 5.279-.195 7.875h-41.371v-15.736h41.371c.127 2.596.195 5.236.195 7.861zm-52.831-49.92l-7.875-13.621 35.76-20.624a150.122 150.122 0 0 1 7.875 13.62l-35.76 20.625zm-31.628-88.051a155.46 155.46 0 0 1 13.614 7.906l-20.641 35.76-13.635-7.89 20.662-35.776zm23.753 201.526l7.875-13.635 35.76 20.655a154.62 154.62 0 0 1-7.875 13.62l-35.76-20.64zm-164.902 74.43l20.655-35.775-13.627-7.875-20.647 35.744a156.064 156.064 0 0 1-45.893-45.885l35.752-20.639-7.867-13.635-35.767 20.655c-9.751-18.976-15.735-40.2-16.868-62.7h41.363v-15.736h-41.363c1.134-22.499 7.118-43.71 16.868-62.684l35.767 20.625 7.867-13.635-35.752-20.61a156.27 156.27 0 0 1 45.893-45.9l20.647 35.76 13.627-7.89-20.655-35.775c21.188-10.86 45.157-17.054 70.567-17.054v310.08c-25.41-.001-49.379-6.211-70.567-17.071z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">30 min</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item col-md-3 ">
<div class="panel panel-default">
<div class="panel-thumbnail">
<a href="#" title="image 8" class="thumb">
<img class="img-fluid mx-auto d-block" src="http://res.cloudinary.com/dx0ubgpga/image/upload/v1520193038/classic_plan/tilapia.jpg"
alt="tilapia">
</a>
<div class="caption">
<div class="legend">
<span class="name_dish">Tilapia with Scallion Sriracha Pesto</span>
<br> over Ginger Jasmine Rice with Green Beans</div>
<div class="time">
<svg class="fela-1rtnddl" width="20" height="20" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M255.992 64C150.137 64 64.008 150.13 64.008 256c0 105.869 86.13 192 191.985 192 105.87 0 192-86.131 192-192-.001-105.87-86.13-192-192.001-192zm49.92 294.21l13.635-7.875 20.641 35.76a159.565 159.565 0 0 1-13.614 7.89l-20.662-35.775zM411.033 256c0 2.654-.068 5.279-.195 7.875h-41.371v-15.736h41.371c.127 2.596.195 5.236.195 7.861zm-52.831-49.92l-7.875-13.621 35.76-20.624a150.122 150.122 0 0 1 7.875 13.62l-35.76 20.625zm-31.628-88.051a155.46 155.46 0 0 1 13.614 7.906l-20.641 35.76-13.635-7.89 20.662-35.776zm23.753 201.526l7.875-13.635 35.76 20.655a154.62 154.62 0 0 1-7.875 13.62l-35.76-20.64zm-164.902 74.43l20.655-35.775-13.627-7.875-20.647 35.744a156.064 156.064 0 0 1-45.893-45.885l35.752-20.639-7.867-13.635-35.767 20.655c-9.751-18.976-15.735-40.2-16.868-62.7h41.363v-15.736h-41.363c1.134-22.499 7.118-43.71 16.868-62.684l35.767 20.625 7.867-13.635-35.752-20.61a156.27 156.27 0 0 1 45.893-45.9l20.647 35.76 13.627-7.89-20.655-35.775c21.188-10.86 45.157-17.054 70.567-17.054v310.08c-25.41-.001-49.379-6.211-70.567-17.071z"
fill="#343434" fill-rule="evenodd"></path>
</svg>
<span class="time_baking">30 min</span>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next text-faded" href="#carouselExample" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<hr class="hrr">
<div class="row button_plans text-center">
<div class="col-12">
<div class="button_plans1">
<a href="#plans">
<button type="button" class="btn btn-secondary btn-lg">View our plans</button>
</a>
</div>
</div>
</div>
</section>
<hr class="hrr">
<section class="container-fluid twitter_section">
<h1>A little bit of HelloFresh love</h1>
<div class="row tweets">
<div class="col-md-4 tweet1">
<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr">
<p lang="en" dir="ltr">Taking a break from sweets tonight to make a
<a href="https://twitter.com/HelloFresh?ref_src=twsrc%5Etfw">@HelloFresh</a> dinner for me & my mom... Pineapple Poblano Beef Tacos... Yum!👩🏻🍳🌮🍅🌶
<a href="https://twitter.com/hashtag/bakedbyo?src=hash&ref_src=twsrc%5Etfw">#bakedbyo</a>
<a href="https://twitter.com/hashtag/hellofreshpics?src=hash&ref_src=twsrc%5Etfw">#hellofreshpics</a>
<a href="https://twitter.com/hashtag/kidchef?src=hash&ref_src=twsrc%5Etfw">#kidchef</a>
<a href="https://twitter.com/hashtag/kidbaker?src=hash&ref_src=twsrc%5Etfw">#kidbaker</a>
<a href="https://twitter.com/hashtag/foodnetwork?src=hash&ref_src=twsrc%5Etfw">#foodnetwork</a>
<a href="https://twitter.com/hashtag/choppedjr?src=hash&ref_src=twsrc%5Etfw">#choppedjr</a>
<a href="https://twitter.com/hashtag/choppedjunior?src=hash&ref_src=twsrc%5Etfw">#choppedjunior</a>
<a href="https://twitter.com/hashtag/kidsbakingchampionship?src=hash&ref_src=twsrc%5Etfw">#kidsbakingchampionship</a>
<a href="https://twitter.com/hashtag/tacos?src=hash&ref_src=twsrc%5Etfw">#tacos</a>
<a href="https://twitter.com/hashtag/pablano?src=hash&ref_src=twsrc%5Etfw">#pablano</a>
<a href="https://twitter.com/hashtag/tacotuesday?src=hash&ref_src=twsrc%5Etfw">#tacotuesday</a>
<a href="https://twitter.com/hashtag/chef?src=hash&ref_src=twsrc%5Etfw">#chef</a>
<a href="https://t.co/LewYR7cgqV">pic.twitter.com/LewYR7cgqV</a>
</p>— Baked By Olivia (@BakedByO)
<a href="https://twitter.com/BakedByO/status/971150596031082496?ref_src=twsrc%5Etfw">6 mars 2018</a>
</blockquote>
</div>
<div class="col-md-4 tweet2">
<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr">
<p lang="en" dir="ltr">So
<a href="https://twitter.com/HelloFresh?ref_src=twsrc%5Etfw">@HelloFresh</a> might be one of the most awesome things I've stumbled upon! I can freaking cook! And since
using it (about a month and a half) I've lost 10 pounds because I'm not eating crap/take out all the
time. :-9 yum!!
<a href="https://t.co/Wf8BrIUBPz">pic.twitter.com/Wf8BrIUBPz</a>
</p>— Jenn @ Voltron S5!!! (@Jennlikesthings)
<a href="https://twitter.com/Jennlikesthings/status/970865726130069505?ref_src=twsrc%5Etfw">6 mars 2018</a>
</blockquote>
</div>
<div class="col-md-4 tweet3">
<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr">
<p lang="en" dir="ltr">Tex Mex Tilapia with couscous and green beans. And green muscles as an app. Not a bad night. Cant recommend
<a href="https://twitter.com/HelloFresh?ref_src=twsrc%5Etfw">@HelloFresh</a> enough. (Muscles not included lol)
<a href="https://twitter.com/hashtag/seafoodnight?src=hash&ref_src=twsrc%5Etfw">#seafoodnight</a>
<a href="https://twitter.com/hashtag/hellofresh?src=hash&ref_src=twsrc%5Etfw">#hellofresh</a>
<a href="https://twitter.com/hashtag/delicious?src=hash&ref_src=twsrc%5Etfw">#delicious</a>
<a href="https://t.co/Rda9HxRRXd">pic.twitter.com/Rda9HxRRXd</a>
</p>— WhySoGeeky??? (@WhySoGeeky)
<a href="https://twitter.com/WhySoGeeky/status/969042211575705601?ref_src=twsrc%5Etfw">1 mars 2018</a>
</blockquote>
</div>
</div>
</section>
<section class="container-fluid plans">
<div class="row flexible_plans text-center">
<div class="col-12 flex_plans">
<h1>Flexible Plans</h1>
<p>Skip weeks, swap recipes, and cancel anytime - only order what </br> and when you want. No commitments.</p>
<div class="button_plans2">
<a href="#plans">
<button type="button" class="btn btn-secondary btn-lg">View our plans</button>
</a>
</div>
</div>
</div>
</section>
<!--footer-->
<footer class="container-fluid">
<div class="row footer_p1">
<div class="col-md-2 hellofresh">
<ul>
<li>
<span class="title_footer">Hellofresh 
<svg class="fela-1o97d5r fela-1rtnddl" width="12" height="10" viewBox="0 0 24 20" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y--id a11y--id-desc">
<title id="a11y--id"></title>
<desc id="a11y--id-desc"></desc>
<path d="M12.2204462,6.73523319 C12.1365545,6.90041775 12.0637047,7.10799331 11.9999269,7.34869081 C11.9361948,7.10799331 11.8632076,6.90041775 11.7793159,6.73523319 C10.5709724,4.35444956 7.51174163,3.33400439 4.9463771,4.45560119 C2.38247872,5.57685784 1.28240188,8.4150135 2.49069953,10.7956696 C3.69885972,13.1762406 11.9979109,20 11.9979109,20 C12.0018054,20 20.3009482,13.1762406 21.5090167,10.7956696 C22.7173602,8.4150135 21.6188411,5.57685784 19.0532933,4.45560119 C16.4887077,3.33400439 13.428698,4.35444956 12.2204462,6.73523319 Z"
fill="#91c11e" stroke="#91c11e" stroke-width="1" fill-rule="evenodd"></path>
</svg>
</span>
</li>
<li>
<a href="#students">Students</a>
</li>
<li>
<a href="#blog">Blog</a>
</li>
<li>
<a href="#recipes">Recipes</a>
</li>
</ul>
</div>
<div class="col-md-2 our_company">
<ul>
<li>
<span class="title_footer">Our company</span>
</li>
<li>
<a href="#hellofresh_group">HelloFresh Group</a>
</li>
<li>
<a href="#jobs">Jobs</a>
</li>
<li>
<a href="#press">Press</a>
</li>
</ul>
</div>
<div class="col-md-2 help_center">
<ul>
<li>
<span class="title_footer">Help center</span>
</li>
<li>
<a href="#help">Help</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<div class="col-md-3 offset-md-3 download_app text-right">
<div class="button_download">
<a href="https://www.hellofresh.com/app/?redirectedFromAccountArea=true" target="_blank">
<button type="button" class="btn btn-secondary btn-lg center-block">Download our app</button>
</a>
</div>
</div>
</div>
<hr class="hrr">
<div class="row footer_p2">
<div class="col-md-2 col-xs-12 brand text-center">
<p>© HelloFresh 2018</p>
</div>
<div class="col-md-4 col-xs-12 terms_privacy text-left">
<p>
<a href="#terms">Terms and Conditions</a>
<a href="#privacy">Privacy</a>
</p>
</div>
<div class="col-md-2 offset-md-4 col-xs-12 social_buttons text-center">
<ul>
<li>
<a href="https://www.facebook.com/HelloFreshus?redirectedFromAccountArea=true" target="_blank">
<svg class="fela-1rtnddl" width="24" height="23.04" viewBox="0 0 25 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y-Facebook-id a11y-Facebook-id-desc" data-reactid="123">
<title id="a11y-Facebook-id" data-reactid="124">Facebook</title>
<desc id="a11y-Facebook-id-desc" data-reactid="125"></desc>
<path d="M.504 0A.504.504 0 0 0 0 .503v22.992c0 .278.226.504.504.504h12.232v-8.02h-2.581a.403.403 0 0 1-.404-.403v-3.25c0-.223.18-.404.404-.404h2.582V9.678c0-2.956 1.864-4.867 4.748-4.867l2.569.005c.222 0 .403.18.403.403v3.018c0 .223-.18.404-.404.404h-1.73c-1.192 0-1.41.465-1.41 1.379v1.902h3.02a.404.404 0 0 1 .403.403v3.252c0 .222-.181.403-.405.403h-3.018V24h6.614a.504.504 0 0 0 .504-.503V.503A.503.503 0 0 0 23.527 0H.504z"
fill="#91c11e" fill-rule="evenodd" data-reactid="126"></path>
</svg>
</a>
</li>
<li>
<a href="https://twitter.com/HelloFresh?redirectedFromAccountArea=true" target="_blank">
<svg class="fela-1rtnddl" width="32" height="23.272727272727273" viewBox="0 0 33 24" preserveAspectRatio="xMidYMid meet"
xmlns="http://www.w3.org/2000/svg" aria-labelledby="a11y-Twitter-id a11y-Twitter-id-desc" data-reactid="128">
<title id="a11y-Twitter-id" data-reactid="129">Twitter</title>
<desc id="a11y-Twitter-id-desc" data-reactid="130"></desc>
<path d="M28.628 3.795c1.37-.75 2.422-1.936 2.918-3.352a14.097 14.097 0 0 1-4.217 1.47C26.118.736 24.392 0 22.48 0c-3.667 0-6.64 2.713-6.64 6.059 0 .474.058.937.172 1.38-5.521-.253-10.415-2.664-13.69-6.33a5.626 5.626 0 0 0-.899 3.046c0 2.102 1.172 3.957 2.955 5.043A7.103 7.103 0 0 1 1.37 8.44c-.002.025-.002.05-.002.076 0 2.936 2.29 5.384 5.329 5.942a7.273 7.273 0 0 1-3 .103c.845 2.407 3.298 4.159 6.204 4.208-2.272 1.625-5.136 2.594-8.247 2.594-.537 0-1.066-.029-1.585-.085C3.01 22.997 6.5 24 10.25 24c12.216 0 18.896-9.232 18.896-17.239 0-.262-.006-.523-.02-.783a12.906 12.906 0 0 0 3.315-3.137 14.311 14.311 0 0 1-3.813.954z"
fill="#91c11e" fill-rule="evenodd" data-reactid="131"></path>
</svg>
</a>
</li>
<li>
<a href="https://www.instagram.com/hellofresh/?redirectedFromAccountArea=true" target="_blank">
<svg class="fela-1rtnddl" width="26" height="23.11111111111111" viewBox="0 0 27 24" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg"
aria-labelledby="a11y-Instagram-id a11y-Instagram-id-desc" data-reactid="133">
<title id="a11y-Instagram-id" data-reactid="134">Instagram</title>
<desc id="a11y-Instagram-id-desc" data-reactid="135"></desc>
<g fill="#91c11e" fill-rule="evenodd" data-reactid="136">
<path d="M15.83 12.213c0-1.294-1.14-2.338-2.539-2.338-1.398 0-2.546 1.05-2.546 2.338 0 1.295 1.14 2.346 2.546 2.346 1.405.007 2.54-1.051 2.54-2.346zM19.618.013H6.693C3.133.013.238 2.681.238 5.96v1.656h9.5a6.458 6.458 0 0 1 3.553-1.052c1.327 0 2.54.395 3.552 1.052H26.066V5.959c0-3.272-2.889-5.946-6.448-5.946zm2.61 5.657c0 .361-.32.657-.72.657h-2.21c-.393 0-.714-.296-.714-.657V3.633c0-.361.32-.657.713-.657h2.211c.393 0 .72.296.72.657V5.67z"
data-reactid="137"></path>
<path d="M19.418 12.213c0 3.115-2.746 5.65-6.134 5.65-3.388 0-6.134-2.529-6.134-5.65 0-.854.206-1.668.584-2.398H.244v8.134c0 3.278 2.897 5.946 6.456 5.946h12.91c3.56 0 6.456-2.668 6.456-5.946V9.815h-7.233c.371.73.585 1.544.585 2.398z"
data-reactid="138"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="chatbox chatbox--tray chatbox--empty">
<div class="chatbox__title">
<img src="http://res.cloudinary.com/dx0ubgpga/image/upload/c_scale,h_23/v1521127555/bubble_v8unjz.png" alt="bubble">
<h5>
<a href="#">Chat with us</a>
</h5>
<button class="chatbox__title__tray">
<span></span>
</button>
</div>
<div class="chatbox__body">
<div class="chatbox__body__message chatbox__body__message--left">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg" alt="Picture">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="chatbox__body__message chatbox__body__message--right">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/arashmil/128.jpg" alt="Picture">
<p>Nulla vel turpis vulputate, tincidunt lectus sed, porta arcu.</p>
</div>
<div class="chatbox__body__message chatbox__body__message--left">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg" alt="Picture">
<p>Curabitur consequat nisl suscipit odio porta, ornare blandit ante maximus.</p>
</div>
<div class="chatbox__body__message chatbox__body__message--right">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/arashmil/128.jpg" alt="Picture">
<p>Cras dui massa, placerat vel sapien sed, fringilla molestie justo.</p>
</div>
<div class="chatbox__body__message chatbox__body__message--right">
<img src="https://s3.amazonaws.com/uifaces/faces/twitter/arashmil/128.jpg" alt="Picture">
<p>Praesent a gravida urna. Mauris eleifend, tellus ac fringilla imperdiet, odio dolor sodales libero, vel mattis
elit mauris id erat. Phasellus leo nisi, convallis in euismod at, consectetur commodo urna.</p>
</div>
</div>
<form class="chatbox__credentials">
<div class="form-group">
<label for="inputName">First Name *</label>
<input type="text" class="form-control" placeholder="Enter your first name" id="inputName" required>
</div>
<div class="form-group">
<label for="inputName">Last Name *</label>
<input type="text" class="form-control" placeholder="Enter your last name" id="inputName" required>
</div>
<div class="form-group">
<label for="inputEmail">Email *</label>
<input type="email" class="form-control" placeholder="Enter your email" id="inputEmail" required>
</div>
<button type="submit" class="btn btn-success btn-block green">Start Chat</button>
</form>
<textarea class="chatbox__message" placeholder="Write something interesting"></textarea>
</div>
</footer>
<!--fichiers javascript et jquery-->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!--fichiers javascript et jquery pour carousel-->
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="https://cdn.rawgit.com/JacobLett/bootstrap4-latest/master/bootstrap-4-latest.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="https://npmcdn.com/js-offcanvas@1.0/dist/_js/js-offcanvas.pkgd.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>