-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
841 lines (820 loc) · 60.9 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
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
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-76789382-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-76789382-2');
</script>
<!-- META -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- META - SEO -->
<meta name="keywords" content="foodservice, foodservice distributor, foodservice distribution, restaurant business, food service, restaurant supplies, Sysco">
<meta name="description" content="Sysco lives at the heart of food and service. We are passionately committed to the success of every customer, supplier partner, community and associate.">
<meta name="robots" content="all">
<!-- TITLE -->
<title>Sysco Simply | Making the Choice Simple</title>
<!-- FAVICONS -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-32x32.png">
<link rel="shortcut icon" href="assets/img/favicon.ico">
<!-- FONTS -->
<link rel="stylesheet" href="https://use.typekit.net/moi7lxa.css">
<!-- STYLES-->
<link href="css/main.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="page">
<main id="main">
<!-- SITE HEADER -->
<header class="site-header">
<nav class="nav">
<!-- Sysco Logo -->
<div class="nav__brand">
<a href="#" class="nav__logo">
<svg class="logo" height="47" viewBox="0 0 124 47" width="124" xmlns="http://www.w3.org/2000/svg">
<title>Sysco</title><path class="logo__blue" d="m13.5652587 0c-6.83147607 0-13.5652587 3.00822678-13.5652587 11.225573 0 12.1689746 17.0080683 9.2662002 17.0080683 16.2714113 0 3.3189143-3.9418699 4.7340169-6.8856193 4.7340169-3.05556717 0-6.83853822-.8980458-9.5045088-2.2677925v6.6332931c3.83240627.8946442 5.72389179 1.4173703 9.9458947 1.4173703 7.8295965 0 14.5363075-3.0535826 14.5363075-11.1121833 0-12.3277202-16.97864261-9.6143064-16.97864261-15.9879373 0-4.00378769 3.45575701-5.13088057 6.12055051-5.13088057 2.722468 0 6.0899478.7279614 8.5334599 1.72919179l.0588514-6.20808202c-2.8331086-.89577805-5.936934-1.3039807-9.2691029-1.3039807zm45.9629805 10.5452352c-5.6638633 0-10.8875178 2.514982-10.8875178 8.1924005 0 9.5122557 12.564784 5.9756333 12.564784 11.1405307 0 2.5569361-2.9331561 3.2316044-4.7669672 3.2316044-2.48 0-4.8269957-.6553921-7.0915994-1.7291918l-.4413859 5.6127865c2.641253.6633293 5.4296346 1.1338963 8.1803512 1.1338963 5.8780826 0 11.6525866-2.4526176 11.6525866-8.5892642 0-9.5122557-12.564784-6.8623402-12.564784-11.0554885 0-2.2507841 2.3258092-2.919783 4.2667299-2.919783 2.6424301 0 4.6457333.4184078 6.8561937 1.1338963l.0882301-5.159228c-2.2634267-.4603618-4.4609398-.9921592-7.8566683-.9921592zm24.9530136 0c-8.6805884 0-13.4475556 6.0425332-13.4475556 13.66345 0 8.0291194 4.5998292 13.9185766 13.7123875 13.9185766 2.9649356 0 5.1071283-.2653318 7.2093018-.8787696l-.3236829-5.6694814c-1.2394114.5113872-3.4816513 1.2189386-5.5320357 1.2189386-5.06711 0-7.5035599-3.7305188-7.5035599-8.5892642 0-4.9607962 2.8495873-8.3341376 7.3270053-8.3341376 2.2092835 0 3.6205413.4013993 4.9140963.9638119l.6473657-5.4143547c-1.9962415-.5624125-4.0913524-.8787696-7.0033225-.8787696zm22.8049362 0c-8.1956527 0-14.5068822 5.2805549-14.5068822 13.9752714 0 7.5698914 5.3413574 13.6067552 14.5068822 13.6067552 9.220845 0 14.565733-6.0368638 14.565733-13.6067552 0-8.6947165-6.315937-13.9752714-14.565733-13.9752714zm14.477456 0c-1.238234 0-2.206929.9252593-2.206929 2.0693607 0 1.1565741.968695 2.0977081 2.206929 2.0977081 1.237057 0 2.236355-.941134 2.236355-2.0977081 0-1.1441014-.981642-2.0693607-2.206929-2.0693607h-.029379zm-79.6554343.2551267-13.8006644 36.1996381h6.6207879l14.5068817-36.1996381zm79.6554343.2551267c.913375 0 1.559563.6916767 1.559563 1.5591073 0 .8685645-.659136 1.5987938-1.559563 1.5874547-.901604 0-1.559564-.7030156-1.559564-1.5591073 0-.8799035.683854-1.5874547 1.559564-1.5874547zm0 .5669481c-.413137 0-.743882.0612304-.882772.0849969v1.8992762h.617941v-.7086852h.20598c.200094 0 .286018.1190591.323683.3118214.037664.1689506.08484.325383.147128.3968638h.676792c-.037665-.0714808-.055368-.1768878-.117703-.4535585-.062429-.2778046-.187148-.4218548-.41196-.4819059v-.0283021c.274247-.0725693.441386-.26193.441386-.4535585 0-.1927624-.081263-.3129553-.205981-.3968637-.15066-.0963358-.343692-.1700844-.794494-.1700844zm-.235406.4252111h.20598c.213042 0 .353109.0691222.353109.2267792 0 .1326659-.157722.2267792-.382534.2267792h-.176555zm-14.24205 3.8268998c4.744604 0 7.003322 3.7838119 7.003322 7.8238842 0 4.3995176-1.4501 9.0995176-7.003322 9.0995176-5.499079 0-6.944471-4.7510254-6.944471-9.0995176 0-3.9380217 2.252833-7.8238842 6.944471-7.8238842z" /><path class="logo__green" d="m19.075454 8.20545943c3.0026004 2.92047027 5.9936656 6.48045137 8.1611209 10.65445167 1.9402128 3.7373153 2.9207009 7.3782051 3.6231917 11.0445867.0276843.1285671.118812.1197005.1684132.0188861 2.5815674-4.333601 4.1607299-10.2332833 1.8513921-14.6799348-2.4212287-4.6638856-8.241867-6.81184439-13.7060692-7.2429878-.1914835-.00798-.2249354.08866698-.0980487.20504251"/></svg>
</a><!-- /.nav__logo -->
</div><!-- /.nav__brand -->
<!-- Mobile Toggle -->
<button class="nav__toggle" type="button" aria-controls="navDrawer" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Primary Menu -->
<div class="nav__drawer" id="navDrawer">
<ul class="nav__menu nav__menu--primary">
<!-- About -->
<li class="nav__item">
<a href="#" class="nav__link nav__link--reveal">About</a>
<!-- About Submenu -->
<ul class="nav-submenu">
<li class="nav-submenu__heading">
Company Profile
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Company-Profile/The-Sysco-Story.html">The Sysco Story</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Company-Profile/Corporate-Social-Responsibility.html">Corporate Social Responsibilty</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Company-Profile/Annual-Report.html">Annual Report</a>
</li>
<li class="nav-submenu__break" role="presentation"></li>
<li class="nav-submenu__heading">
Our People
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Our-People/Our-Management.html">Our Management</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Our-People/Diversity-and-Inclusion.html">Diversity and Inclusion</a>
</li>
<li class="nav-submenu__break" role="presentation"></li>
<li class="nav-submenu__heading">
Sysco Today
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Sysco-Today/News-Room.html">News Room</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Sysco-Today/Events.html">Events</a>
</li>
</ul><!-- /. nav-submenu -->
<div class="nav-arrow">
<div class="nav-arrow__container">
<span class="nav-arrow__bar"></span>
<span class="nav-arrow__bar"></span>
</div>
</div>
</li><!-- /.nav__item -->
<!-- Product -->
<li class="nav__item">
<a href="#" class="nav__link nav__link--reveal">Product</a>
<!-- Products Submenu -->
<ul class="nav-submenu">
<li class="nav-submenu__heading">
Products
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Products/Product-Categories.html">Product Categories</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Products/Sysco-Brand-Family.html">Sysco Brand Family</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Products/Sysco-Foodie.html">Sysco Foodie</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Products/Quality-Assurance.html">Quality Assurance</a>
</li>
<li class="nav-submenu__break" role="presentation"></li>
<li class="nav-submenu__heading">
Solutions & Services
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Solutions-And-Services/Services.html">Services</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/About/Our-People/Diversity-and-Inclusion.html">Culinary and Product Solutions</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Solutions-And-Services/Technology-Solutions.html">Technology Solutions</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Products/Solutions-And-Services/Multicultural-Resources.html">Multicultural</a>
</li>
</ul><!-- /. nav-submenu -->
<div class="nav-arrow">
<div class="nav-arrow__container">
<span class="nav-arrow__bar"></span>
<span class="nav-arrow__bar"></span>
</div>
</div>
</li><!-- /.nav__item -->
<!-- Customers -->
<li class="nav__item">
<a href="#" class="nav__link nav__link--reveal">Customers</a>
<!-- Customers Submenu -->
<ul class="nav-submenu">
<li class="nav-submenu__heading">
Who We Serve
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Restaurants.html">Restaurants</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Healthcare-and-Senior-Living.html">Healthcare and Senior Living</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Higher-Education.html">Higher Education</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Government.html">Government</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Food-Service-Management.html">Food Service Management</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Travel.html">Travel</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Leisure.html">Leisure</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Customers/Who-We-Serve/Retail.html">Retail</a>
</li>
</ul><!-- /. nav-submenu -->
<div class="nav-arrow">
<div class="nav-arrow__container">
<span class="nav-arrow__bar"></span>
<span class="nav-arrow__bar"></span>
</div>
</div>
</li><!-- /.nav__item -->
<li class="nav__item">
<a href="#" class="nav__link nav__link--reveal">Suppliers</a>
<!-- Suppliers Submenu -->
<ul class="nav-submenu">
<li class="nav-submenu__heading">
Supplier Relationships
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Suppliers/Supplier-Partnerships/Supplier-Resources.html">Supplier Resources</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Suppliers/Supplier-Partnerships/Supplier-Diversity.html">Supplier Diversity</a>
</li>
</ul><!-- /. nav-submenu -->
<div class="nav-arrow">
<div class="nav-arrow__container">
<span class="nav-arrow__bar"></span>
<span class="nav-arrow__bar"></span>
</div>
</div>
</li><!-- /.nav__item -->
<li class="nav__item">
<a href="https://www.sysco.com/Investors.html" class="nav__link">Investors</a>
</li><!-- /.nav__item -->
<li class="nav__item">
<a href="https://www.sysco.com/Careers.html" class="nav__link">Careers</a>
</li><!-- /.nav__item -->
<!-- Contacts -->
<li class="nav__item">
<a href="#" class="nav__link nav__link--reveal">Contact</a>
<!-- Contact Submenu -->
<ul class="nav-submenu">
<li class="nav-submenu__heading">
Supplier Relationships
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Contact/Contact/Become-A-Customer.html">Become a Customer</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Contact/Contact/Contact-Us.html">Contact Us</a>
</li>
<li class="nav-submenu__item">
<a class="nav-submenu__link" href="https://www.sysco.com/Contact/Contact/Our-Locations.html">Our Locations</a>
</li>
</ul><!-- /. nav-submenu -->
<div class="nav-arrow">
<div class="nav-arrow__container">
<span class="nav-arrow__bar"></span>
<span class="nav-arrow__bar"></span>
</div>
</div>
</li><!-- /.nav__item -->
</ul><!-- /.nav__menu--primary-->
<!-- Secondary Menu -->
<ul class="nav__menu nav__menu--secondary">
<li class="nav__item">
<a href="#letsTalkForm" class="button button--brand button--small">Become A Customer</a>
</li><!-- /.nav__item -->
<li class="nav__item">
<a href="https://www.esysco.net/" class="nav__link nav__link--cta">Order Now</a>
</li><!-- /.nav__item -->
<li class="nav__item">
<a href="https://www.mysysco.com/" class="nav__link nav__link--cta">Sign In</a>
</li><!-- /.nav__item -->
</ul><!-- /.nav__menu--secondary -->
</div><!-- /.nav__drawer -->
</nav><!-- /.nav -->
</header><!-- /.site-header -->
<!-- HERO SECTION -->
<section class="hero">
<div class="hero__img" style="background-image: url('assets/img/hero-background.jpg');"></div>
<div class="container">
<div class="hero__content">
<h1 class="hero__title">Sysco Simply</h1>
<p class="hero__subtitle">Making the choice simple.</p>
</div><!-- /.hero__content -->
</div><!-- /.container -->
</section><!-- /.hero -->
<!-- INTRO SECTION -->
<section class="intro">
<div class="container">
<div class="grid">
<div class="intro__box grid__item grid__item--4">
<!-- THEME LOGO -->
<img class="intro__logo" src="assets/img/logo-simply.png" alt="Sysco Simply"/>
<button class="button button--outline button--large modal--show" data-modal-open="modal-4">Watch the Video</button><!-- /.button -->
</div><!-- .grid__item -->
<div class="grid__item grid__item--8">
<div class="intro__text">
<p class="lead">Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p><!-- /.lead -->
<p class="text--large">Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
</div><!-- /.intro__text -->
</div><!-- /.grid__item -->
</div><!-- /.grid -->
</div><!-- /.container -->
</section><!-- /.intro -->
<section class="values-section" style="background-image: url('assets/img/background-bigleaves.jpg');">
<div class="container container--tight">
<h2 class="values-section__title heading--1">Value Proposition</h2>
<!-- Value 1 -->
<article class="value">
<figure class="value__img">
<img class="img--full" src="assets/img/value-001.jpg" alt="Berries and grains"/>
</figure><!-- /.card__img -->
<div class="value__content">
<span class="value__title" tabindex="1">Choice</span>
<p class="value__text">At Sysco, we strive to offer our customers the widest range of dietary options for your patrons' lifestyle choices.</p>
</div><!-- /.card__content -->
</article><!-- /.card -->
<!-- Value 2 -->
<article class="value">
<figure class="value__img">
<img class="img--full" src="assets/img/value-002.jpg" alt="Greens and nuts"/>
</figure><!-- /.card__img -->
<div class="value__content">
<span class="value__title" tabindex="1">Integrity</span>
<p class="value__text">Sysco strives to offer the widest range of dietary options for customers while meeting specific standards regarding ingredient statements and nutritional labeling</p>
</div><!-- /.card__content -->
</article><!-- /.card -->
<!-- Value 3 -->
<article class="value">
<figure class="value__img">
<img class="img--full" src="assets/img/value-003.jpg" alt="Power chickpea bowl with zuchinni"/>
</figure><!-- /.card__img -->
<div class="value__content">
<span class="value__title" tabindex="1">Purpose</span>
<p class="value__text">Whether the purpose is elevating your menu using versatile products or staying on trend, we make the choice simple with Sysco Simply.</p>
</div><!-- /.card__content -->
</article><!-- /.card -->
</div><!-- /.container -->
</section><!-- /.values-section -->
<section class="carousel-section">
<div class="container">
<h2 class="carousel__title heading--1">Featured Plant-based Products</h2>
<div class="featured-carousel">
<div class="circle-slider">
<div class="circle-slider__rotator">
<ul class="circle-slider__list">
<!-- Slider Item 1 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-meatball.png" alt="Plant-based meatball"/>
</div>
</li><!-- /.circle-slider__item -->
<!-- Slider Item 2 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-almonds.png" alt="Unsweetened Almond Milk"/>
</div>
</li><!-- /.circle-slider__item -->
<!-- Slider Item 3 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-sweetpotato.png" alt="Sysco Imperial ELite Sweet Potato Dices"/>
</div>
</li><!-- /.circle-slider__item -->
<!-- Slider Item 4 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-melange.png" alt="Path of Life Pulse Melange"/>
</div>
</li><!-- /.circle-slider__item -->
<!-- Slider Item 5 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-grains.png" alt="Path of Life 5-Grain Blend"/>
</div>
</li><!-- /.circle-slider__item -->
<!-- Slider Item 6 -->
<li class="circle-slider__item" tabindex="1">
<div class="circle-slider__block">
<img class="circle-slider__image" src="assets/img/carousel-sausage.png" alt="Beyond Meat® Beyond Sausage®"/>
</div>
</li><!-- /.circle-slider__item -->
</ul><!-- /.circle-slider__list -->
<div class="slide-wrapper">
<div class="slide">
<span class="slide__triangle"></span>
<span class="slide__title">Plant-based Meatballs</span>
<p class="slide__text text--large">New Product. Coming soon!</p>
</div>
<div class="slide">
<span class="triangle"></span>
<span class="slide__title">Unsweetened Almond Milk</span>
<p class="slide__text text--large">A creamy milk alternative packed with plant-based power. Add this beverage to cereal, smoothies, coffee, baked goods and other items to satisfy a variety of dietary needs.</p>
</div>
<div class="slide">
<span class="slide__triangle"></span>
<span class="slide__title">Sysco Imperial Elite Sweet Potato Dices</span>
<p class="slide__text text--large">Sweet and savory bites fit for any occasion. Add the popularity of sweet potatoes to your menu in fun and trendy applications including stand-alone snacks, desserts and breakfast dishes.</p>
</div>
<div class="slide">
<span class="slide__triangle"></span>
<span class="slide__title">Path of Life Pulse Melange</span>
<p class="slide__text text--large">A colorful super side medley with wholesome ingredients. Add plant-based proteins to a wide range of applications with a gluten-free blend of pulses and vegetables seasoned with garlic, olive oil, basil and red wine vinegar.</p>
</div>
<div class="slide">
<span class="slide__triangle"></span>
<span class="slide__title">Path of Life 5-Grain Blend</span>
<p class="slide__text text--large">A super side of grainy goodness with bold flavor in every bite. This premium ancient grain blend of red and white quinoa, barley, wild rice and wheat berries provides chefs with the perfect base for countless dishes.</p>
</div>
<div class="slide">
<span class="slide__triangle"></span>
<span class="slide__title">
<a href="product.html">Beyond Meat® Beyond Sausage®</span></a>
<p class="slide__text text--large">A modern miracle of meatiness crafted with plant based-ingredients. Deliver mouthwatering sausage in a variety of flavors including Original Brat, Sweet Italian, and Hot Italian.</p>
</div>
</div><!-- /.slide-wrapper -->
<!-- Prev Button -->
<button class="prev">
<img src="assets/img/icon-prev.png" alt=""/>
<span class="sr-only">Previous slide</span>
</button><!-- /.prev -->
<!-- Next Button -->
<button class="next">
<img src="assets/img/icon-next.png" alt=""/>
<span class="sr-only">Next slide</span>
</button><!-- /.next -->
</div><!-- /.circle-slider__rotator -->
</div><!-- /.circle-slider -->
</div><!-- /.offerings -->
</div><!-- /.container -->
<!-- Section Cutouts -->
<img class="cutout cutout--watermelon" src="assets/img/cutout-watermelon.png" alt=""/>
<img class="cutout cutout--knife" src="assets/img/cutout-knife.png" alt=""/>
<img class="cutout cutout--legumes" src="assets/img/cutout-legumes.png" alt=""/>
<img class="cutout cutout--greenbeans" src="assets/img/cutout-greenbeans.png" alt=""/>
</section><!-- /.carousel-section -->
<section id="letsTalkForm" class="lets-talk">
<div class="container container--expanded">
<!-- GRID -->
<div class="grid grid--center">
<div class="grid__item grid__item--6 lets-talk__content">
<h3 class="lets-talk__heading heading--1">Let's Talk!</h3>
<ul class="value-list">
<li class="value-list__item value-list__item--fresh">
<img class="value-list__icon" src="assets/img/icon-fresh.png" alt=""/>
<p>Fresh food and fresh ideas</p>
</li>
<li class="value-list__item value-list__item--innovative">
<img class="value-list__icon" src="assets/img/icon-weber.png" alt=""/>
<p>Innovative ingredients & cutting-edge products</p>
</li>
<li class="value-list__item value-list__item--leading">
<img class="value-list__icon" src="assets/img/icon-waiter.png" alt=""/>
<p>Industry-leading distribution network</p>
</li>
</ul><!-- /.value-list -->
</div><!-- /.grid__item -->
<!-- FORM -->
<div class="grid__item grid__item--6">
<div class="wrapper">
<form class="form lets-talk__form">
<!-- Full Name -->
<div class="form__group">
<label for="formName">Name *</label>
<input type="text" name="Name" id="formName" name="Your Name" class="form__control" placeholder="Your Full Name" />
</div><!-- /.form__group -->
<!-- Business Name -->
<div class="form__group">
<label for="formBusiness">Business *</label>
<input type="text" class="form__control" id="formBusiness" placeholder="Your Business" name="Business Name"/>
</div><!-- /.form__group -->
<!-- Email Address -->
<div class="form__group">
<label for="formEmail">Email Address *</label>
<input type="email" class="form__control" id="formEmail" placeholder="Your Email Address" name="Email Address"/>
</div><!-- /.form__group -->
<!-- Phone and Zip -->
<div class="form__group form-grid">
<div class="form-grid__item form-grid__item--7">
<label for="formPhone">Phone Number *</label>
<input type="tel" class="form__control" id="formPhone" placeholder="Your Phone Number" name="Phone Number" />
</div>
<div class="form-grid__item form-grid__item--5">
<label for="formZip">Zip *</label>
<input type="text" pattern="[0-9]{5}" class="form__control" id="formZip" placeholder="Your Zip Code" name="Zip Code" />
</div>
</div><!-- /.form__group -->
<div class="form__check">
<label for="Subscribe" style="margin: 0;">
<input id="Subscribe" type="checkbox" name="Name" value="Yes, sign me up for your mailing list."> Yes, sign me up for your mailing list</label>
</div>
<!-- Submit -->
<button type="submit" class="button button--large">Submit</button>
</form><!-- /.form -->
</div><!-- /.wrapper -->
</div><!-- /.grid__item -->
</div><!-- /.grid -->
</div><!-- /.container -->
</section><!-- /.lets-talk -->
<section class="social-section">
<div class="container container--expanded">
<div class="grid">
<!-- SOCIAL ICONS -->
<div class="grid__item--6 hp__social">
<ul class="list--inline">
<li>
<a target="_blank" href="https://www.facebook.com/Sysco-Foodie-USA-445390629235007/" class="social__link social__link--facebook">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<title>Facebook Icon</title>
<path d="m36 0a36 36 0 1 0 36 36 36 36 0 0 0 -36-36zm10.66 21.18h-5c-1.77 0-2.14.73-2.14 2.56v4.44h7.18l-.7 7.82h-6.52v23.26h-9.3v-23.18h-4.83v-7.9h4.83v-6.18c0-5.83 3.12-8.88 10-8.88h6.44z"/>
</svg>
</a><!-- /.social__link--facebook -->
</li>
<li>
<a target="_blank" href="https://twitter.com/SyscoFoodieUSA" class="social__link social__link--twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><title>Twitter</title><path d="M36,0A36,36,0,1,0,72,36,36,36,0,0,0,36,0ZM54.1,26.71l0,1.2c0,12.35-9.39,26.59-26.58,26.59a26.49,26.49,0,0,1-14.33-4.2,20.69,20.69,0,0,0,2.23.12,18.73,18.73,0,0,0,11.61-4,9.34,9.34,0,0,1-8.73-6.49,9.29,9.29,0,0,0,1.76.17,9.48,9.48,0,0,0,2.46-.32,9.36,9.36,0,0,1-7.49-9.17v-.11a9.32,9.32,0,0,0,4.23,1.17,9.35,9.35,0,0,1-4.16-7.78,9.23,9.23,0,0,1,1.27-4.69A26.53,26.53,0,0,0,35.66,29a9.35,9.35,0,0,1,15.92-8.52,18.82,18.82,0,0,0,5.94-2.27,9.4,9.4,0,0,1-4.11,5.17,19,19,0,0,0,5.37-1.47A18.69,18.69,0,0,1,54.1,26.71Z"/></svg>
</a><!-- /.social__link--facebook -->
</li>
<li>
<a target="_blank" href="https://www.youtube.com/channel/UCghU8ZT0GmFO-VdZk8no3LQ" class="social__link social__link--youtube">
<svg viewBox="0 0 72.38 72.38" xmlns="http://www.w3.org/2000/svg">
<title>Youtube Icon</title>
<path d="m31.46 42.83 11.67-6.64-11.67-6.64z"/><path d="m36.19 0a36.19 36.19 0 1 0 36.19 36.19 36.19 36.19 0 0 0 -36.19-36.19zm21.23 47a5.6 5.6 0 0 1 -3.94 4c-3.48.93-17.48.93-17.48.93s-14 0-17.45-.94a5.63 5.63 0 0 1 -4-4c-.93-3.5-.93-10.82-.93-10.82s0-7.31.93-10.82a5.62 5.62 0 0 1 4-4c3.49-.94 17.45-.94 17.45-.94s14 0 17.46.94a5.59 5.59 0 0 1 3.94 4c.94 3.51.94 10.82.94 10.82s.02 7.34-.92 10.83z"/>
</svg>
</a><!-- /.social__link--youtube -->
</li>
<li>
<a target="_blank" href="https://www.instagram.com/syscofoodieusa/" class="social__link social__link--instagram">
<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><title>Instagram Icon</title><circle cx="36" cy="36" r="7.35" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -14.91 36)"/><path d="m36 0a36 36 0 1 0 36 36 36 36 0 0 0 -36-36zm21.29 44.47a12.84 12.84 0 0 1 -12.82 12.82h-16.94a12.84 12.84 0 0 1 -12.82-12.82v-16.94a12.84 12.84 0 0 1 12.82-12.82h16.94a12.84 12.84 0 0 1 12.82 12.82z"/><path d="m44.47 18.23h-16.94a9.31 9.31 0 0 0 -9.3 9.3v16.94a9.31 9.31 0 0 0 9.3 9.3h16.94a9.31 9.31 0 0 0 9.3-9.3v-16.94a9.31 9.31 0 0 0 -9.3-9.3zm-8.47 28.63a10.86 10.86 0 1 1 10.86-10.86 10.87 10.87 0 0 1 -10.86 10.86zm11.19-20a2.09 2.09 0 1 1 2.09-2.08 2.08 2.08 0 0 1 -2.09 2.11z"/></svg>
</a><!-- /.social__link--instagram -->
</li>
</ul><!-- /.list--inline -->
</div><!-- /.lets-talk__social -->
</div>
</div>
</section>
<!-- VIDEO SECTION -->
<section class="video-section">
<h3 class="video-section__title heading--1">Simply Inspiration</h3>
<div class="container">
<div class="video-grid">
<div class="video__item">
<div class="video__box" style="background-image:url('assets/img/video-001.jpg')">
<button class="play modal--show" type="button" data-modal-open="modal-1">
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Play</title>
<g id="play-button" fill="#CBF9B1" fill-rule="nonzero">
<path d="M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M7.70308123,5.95704949 L7.70308123,14.0429505 L14.7058824,10 L7.70308123,5.95704949 Z" id="Shape"></path>
</g>
</svg>
</button>
</div>
</div>
<div class="video__item">
<div class="video__box" style="background-image:url('assets/img/video-002.jpg')">
<button class="play modal--show" type="button" data-modal-open="modal-2">
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Play</title>
<g id="play-button" fill="#CBF9B1" fill-rule="nonzero">
<path d="M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M7.70308123,5.95704949 L7.70308123,14.0429505 L14.7058824,10 L7.70308123,5.95704949 Z" id="Shape"></path>
</g>
</svg>
</button>
</div>
</div>
<div class="video__item">
<div class="video__box" style="background-image:url('assets/img/video-003.jpg')">
<button class="play modal--show" type="button" data-modal-open="modal-3">
<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Play</title>
<g id="play-button" fill="#CBF9B1" fill-rule="nonzero">
<path d="M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M7.70308123,5.95704949 L7.70308123,14.0429505 L14.7058824,10 L7.70308123,5.95704949 Z" id="Shape"></path>
</g>
</svg>
</button>
</div>
</div>
</div>
</div>
</section>
<section class="section resources">
<div class="container">
<div class="resources__heading">
<h4 class="resources__title heading--1">Simply Sysco™ Brings You</h4>
<p class="resources__lead text--large">Great food is never out of season. Check out more of our recipes and see our products in action.</p>
</div>
<div class="grid">
<div class="grid__item grid__item--4">
<div class="resource">
<img class="resource__img" src="assets/img/resource-001.jpg" alt=""/>
<div class="resource__content">
<span class="resource__title heading--4">EarthPlus</span>
<p class="resource__text">Kevin Bacon ipsum dolor amet t-bone capicola buffalo salami.</p>
<a class="button button--link" href="#">Read More</a>
</div>
</div>
</div>
<div class="grid__item grid__item--4">
<div class="resource">
<img class="resource__img" src="assets/img/resource-002.jpg" alt=""/>
<div class="resource__content">
<span class="resource__title heading--4">CES</span>
<p class="resource__text">Kevin Bacon ipsum dolor amet t-bone capicola buffalo salami.</p>
<a class="button button--link" href="#">Read More</a>
</div>
</div>
</div>
<div class="grid__item grid__item--4">
<div class="resource">
<img class="resource__img" src="assets/img/resource-003.jpg" alt=""/>
<div class="resource__content">
<span class="resource__title heading--4">SyscoFoodie.com</span>
<p class="resource__text">Kevin Bacon ipsum dolor amet t-bone capicola buffalo salami.</p>
<a class="button button--link" href="#">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- PAGE FOOTER -->
<div class="footer-border">
<img class="img--full" src="assets/img/footer-border.jpg" alt=""/>
</div>
<footer class="footer">
<div class="container container--expanded">
<div class="footer-links">
<div class="footer-links__about">
<p class="footer-links__text">Sysco is the global leader in selling, marketing and distributing food products to restaurants, healthcare and educational facilities, lodging establishments and other customers who prepare meals away from home. Its family of products also includes equipment and supplies for the foodservice and hospitality industries. With over 65,000 associates, the company operates approximately 300 distribution facilities across the globe and serves more than 500,000 customer locations. For fiscal year 2017 that ended July 1, 2017, the company generated sales of more than $55 billion.</p>
</div>
<div class="footer-links__menus">
<ul class="footer-menu">
<li class="footer-menu__item display--sm">
<span class="footer-menu__heading">About<span>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/About/Company-Profile/The-Sysco-Story.html" class="footer-menu__link">The Sysco Story</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/About/Company-Profile/Annual-Report.html" class="footer-menu__link">Annual Report</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/About/Company-Profile/Corporate-Social-Responsibility.html" class="footer-menu__link">Corporate Social Responsibility</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/About/Our-People/Diversity-and-Inclusion.html" class="footer-menu__link">Diversity</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/About/Sysco-Today/News-Room.html" class="footer-menu__link">News Room</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/dam/jcr:37e29059-3cf2-4505-9e80-3c30f870d8c5/At-a-glance-August-2018.pdf" class="footer-menu__link">At a Glance</a>
</li>
</ul>
<ul class="footer-menu">
<li class="footer-menu__item display--sm">
<span class="footer-menu__heading">Customer Solutions<span>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Products/Products/Product-Categories.html" class="footer-menu__link">Product Categories</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/Products/Products/Sysco-Brand-Family.html" class="footer-menu__link">Sysco Brand Family</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/Products/Solutions-And-Services/Services.html" class="footer-menu__link">Services</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/Products/Solutions-And-Services/Culinary-and-Product-Solutions.html" class="footer-menu__link">Culinary Solutions</a>
</li>
<li class="footer-menu__item display--sm">
<a href="https://www.sysco.com/Products/Solutions-And-Services/Technology-Solutions.html" class="footer-menu__link">Technology Solutions</a>
</li>
</ul>
<ul class="footer-menu">
<li class="footer-menu__item display--sm">
<span class="footer-menu__heading">Resources<span>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Suppliers/Supplier-Partnerships/Supplier-Resources.html" class="footer-menu__link">Suppliers</a>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Investors.html" class="footer-menu__link">Investors</a>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Careers.html" class="footer-menu__link">Careers</a>
</li>
</ul>
<ul class="footer-menu">
<li class="footer-menu__item display--sm">
<span class="footer-menu__heading">Contact Us<span>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Contact/Contact/Become-A-Customer.html" class="footer-menu__link">Become a Customer</a>
</li>
<li class="footer-menu__item">
<a href="https://www.sysco.com/Contact/Contact/Our-Locations.html" class="footer-menu__link">Our Locations</a>
</li>
<li class="footer-menu__item display--sm">
<span class="footer-menu__heading">Support<span>
</li>
<li class="footer-menu__item">
<a href="http://ethicsline.sysco.com/" class="footer-menu__link">Report an Ethics Concern</a>
</li>
</ul>
</div>
<div class="footer-links__social">
<ul class="social-menu__list">
<li class="social-menu__item">
<a href="https://www.facebook.com/SyscoCorporation/" class="social-menu__link">
<svg class="facebook" width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Facebook</title>
<path d="M7.5,7 L6,7 L6,9 L7.5,9 L7.5,15 L10,15 L10,9 L11.821,9 L12,7 L10,7 L10,6.1665 C10,5.689 10.096,5.5 10.5575,5.5 L12,5.5 L12,3 L10.096,3 C8.298,3 7.5,3.7915 7.5,5.3075 L7.5,7 Z" id="Shape" fill="#000000"></path>
<rect id="Rectangle" fill="none" x="0" y="0" width="18" height="18"></rect>
</svg>
</a>
</li>
<li class="social-menu__item">
<a href="https://twitter.com/sysco" class="social-menu__link">
<svg class="twitter" width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Twitter</title>
<path d="M15,5.2785 C14.5585,5.4745 14.084,5.6065 13.586,5.666 C14.0945,5.3615 14.485,4.879 14.6685,4.304 C14.193,4.586 13.666,4.791 13.105,4.9015 C12.6565,4.423 12.016,4.124 11.308,4.124 C9.7185,4.124 8.5505,5.607 8.9095,7.1465 C6.864,7.044 5.05,6.064 3.8355,4.5745 C3.1905,5.681 3.501,7.1285 4.597,7.8615 C4.194,7.8485 3.814,7.738 3.4825,7.5535 C3.4555,8.694 4.273,9.761 5.457,9.9985 C5.1105,10.0925 4.731,10.1145 4.345,10.0405 C4.658,11.0185 5.567,11.73 6.645,11.75 C5.61,12.5615 4.306,12.924 3,12.77 C4.0895,13.4685 5.384,13.876 6.774,13.876 C11.345,13.876 13.9275,10.0155 13.7715,6.553 C14.2525,6.2055 14.67,5.772 15,5.2785 Z" id="Shape" fill="#000000"></path>
<rect id="Rectangle" fill="none" x="0" y="0" width="18" height="18"></rect>
</svg>
</a>
</li>
<li class="social-menu__item">
<a href="https://www.linkedin.com/company/sysco" class="social-menu__link">
<svg class="linkedin" width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>LinkedIn</title>
<path d="M5.49,4.19565217 C5.49,4.85613043 4.935,5.39130435 4.25,5.39130435 C3.565,5.39130435 3.01,4.85613043 3.01,4.19565217 C3.01,3.53565217 3.565,3 4.25,3 C4.935,3 5.49,3.53565217 5.49,4.19565217 Z M5.5,6.34782609 L3,6.34782609 L3,14 L5.5,14 L5.5,6.34782609 Z M9.491,6.34782609 L7.007,6.34782609 L7.007,14 L9.4915,14 L9.4915,9.98308696 C9.4915,7.7496087 12.506,7.56691304 12.506,9.98308696 L12.506,14 L15,14 L15,9.15473913 C15,5.38604348 10.539,5.52330435 9.491,7.37847826 L9.491,6.34782609 Z" id="Shape" fill="#000000"></path>
<rect id="Rectangle" fill="none" x="0" y="0" width="18" height="18"></rect>
</svg>
</a>
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom__logo">
<a href="https://www.sysco.com/" class="footer-bottom__logo-link">
<svg class="sysco" width="124px" height="47px" viewBox="0 0 124 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Sysco</title>
<path fill="#ffffff" d="M13.5652587,0 C6.73378263,0 0,3.00822678 0,11.225573 C0,23.3945476 17.0080683,20.4917732 17.0080683,27.4969843 C17.0080683,30.8158986 13.0661984,32.2310012 10.122449,32.2310012 C7.06688183,32.2310012 3.28391078,31.3329554 0.617940199,29.9632087 L0.617940199,36.5965018 C4.45034647,37.491146 6.34183199,38.0138721 10.5638349,38.0138721 C18.3934314,38.0138721 25.1001424,34.9602895 25.1001424,26.9016888 C25.1001424,14.5739686 8.12149979,17.2873824 8.12149979,10.9137515 C8.12149979,6.90996381 11.5772568,5.78287093 14.2420503,5.78287093 C16.9645183,5.78287093 20.3319981,6.51083233 22.7755102,7.51206272 L22.8343616,1.3039807 C20.001253,0.408202654 16.8974276,0 13.5652587,0 Z M59.5282392,10.5452352 C53.8643759,10.5452352 48.6407214,13.0602172 48.6407214,18.7376357 C48.6407214,28.2498914 61.2055054,24.713269 61.2055054,29.8781664 C61.2055054,32.4351025 58.2723493,33.1097708 56.4385382,33.1097708 C53.9585382,33.1097708 51.6115425,32.4543787 49.3469388,31.380579 L48.9055529,36.9933655 C51.5468059,37.6566948 54.3351875,38.1272618 57.0859041,38.1272618 C62.9639867,38.1272618 68.7384907,35.6746442 68.7384907,29.5379976 C68.7384907,20.0257419 56.1737067,22.6756574 56.1737067,18.4825091 C56.1737067,16.231725 58.4995159,15.5627261 60.4404366,15.5627261 C63.0828667,15.5627261 65.0861699,15.9811339 67.2966303,16.6966224 L67.3848604,11.5373944 C65.1214337,11.0770326 62.9239206,10.5452352 59.5281921,10.5452352 L59.5282392,10.5452352 Z M84.4812528,10.5452352 C75.8006644,10.5452352 71.0336972,16.5877684 71.0336972,24.2086852 C71.0336972,32.2378046 75.6335264,38.1272618 84.7460847,38.1272618 C87.7110203,38.1272618 89.853213,37.86193 91.9553865,37.2484922 L91.6317036,31.5790108 C90.3922922,32.090398 88.1500523,32.7979494 86.0996679,32.7979494 C81.0325579,32.7979494 78.596108,29.0674306 78.596108,24.2086852 C78.596108,19.247889 81.4456953,15.8745476 85.9231133,15.8745476 C88.1323968,15.8745476 89.5436546,16.2759469 90.8372096,16.8383595 L91.4845753,11.4240048 C89.4883338,10.8615923 87.3932229,10.5452352 84.4812528,10.5452352 Z M107.286189,10.5452352 C99.0905363,10.5452352 92.7793068,15.8257901 92.7793068,24.5205066 C92.7793068,32.090398 98.1206642,38.1272618 107.286189,38.1272618 C116.507034,38.1272618 121.851922,32.090398 121.851922,24.5205066 C121.851922,15.8257901 115.535985,10.5452352 107.286189,10.5452352 Z M121.763645,10.5452352 C120.525411,10.5452352 119.556716,11.4704945 119.556716,12.6145959 C119.556716,13.77117 120.525411,14.712304 121.763645,14.712304 C123.000702,14.712304 124,13.77117 124,12.6145959 C124,11.4704945 123.018358,10.5452352 121.793071,10.5452352 L121.763692,10.5452352 L121.763645,10.5452352 Z M42.1082107,10.8003619 L28.3075463,47 L34.9283342,47 L49.4352159,10.8003619 L42.1082107,10.8003619 Z M121.763645,11.0554886 C122.67702,11.0554886 123.323208,11.7471653 123.323208,12.6145959 C123.323208,13.4831604 122.664072,14.2133897 121.763645,14.2020506 C120.862041,14.2020506 120.204081,13.499035 120.204081,12.6429433 C120.204081,11.7630398 120.887935,11.0554886 121.763645,11.0554886 Z M121.763645,11.6224367 C121.350508,11.6224367 121.019763,11.6836671 120.880873,11.7074336 L120.880873,13.6067098 L121.498814,13.6067098 L121.498814,12.8980246 L121.704794,12.8980246 C121.904888,12.8980246 121.990812,13.0170837 122.028477,13.209846 C122.066141,13.3787966 122.113317,13.535229 122.175605,13.6067098 L122.852397,13.6067098 C122.814732,13.535229 122.797029,13.429822 122.734694,13.1531513 C122.672265,12.8753467 122.547546,12.7312965 122.322734,12.6712454 L122.322734,12.6429433 C122.596981,12.570374 122.76412,12.3810133 122.76412,12.1893848 C122.76412,11.9966224 122.682857,11.8764295 122.558139,11.7925211 C122.407479,11.6961853 122.214447,11.6224367 121.763645,11.6224367 Z M121.528239,12.0476478 C121.577675,12.0476478 121.658889,12.0476478 121.734219,12.0476478 C121.947261,12.0476478 122.087328,12.11677 122.087328,12.274427 C122.087328,12.4070929 121.929606,12.5012062 121.704794,12.5012062 L121.528239,12.5012062 L121.528239,12.0476478 Z M107.286189,15.8745476 C112.030793,15.8745476 114.289511,19.6583595 114.289511,23.6984318 C114.289511,28.0979494 112.839411,32.7979494 107.286189,32.7979494 C101.78711,32.7979494 100.341718,28.046924 100.341718,23.6984318 C100.341718,19.7604101 102.594551,15.8745476 107.286189,15.8745476 Z" id="Shape"></path>
<path fill="#ffffff" d="M19.075454,8.20545943 C22.0780544,11.1259297 25.0691196,14.6859108 27.2365749,18.8599111 C29.1767877,22.5972264 30.1572758,26.2381162 30.8597666,29.9044978 C30.8874509,30.0330649 30.9785786,30.0241983 31.0281798,29.9233839 C33.6097472,25.5897829 35.1889097,19.6901006 32.8795719,15.2434491 C30.4583432,10.5795635 24.6377049,8.43160471 19.1735027,8.0004613 C18.9820192,7.9924813 18.9485673,8.08912828 19.075454,8.20550381" id="Shape"></path>
</svg>
</a>
<p class="footer-bottom__rights">©2018 All Rights Reserved. Sysco Corporation</p>
</div>
<div class="footer-bottom__terms">
<ul class="list--terms">
<li>
<a href="https://www.sysco.com/Terms.html">Terms & Conditions</a>
</li>
<li>
<a href="https://www.sysco.com/Privacy-Policy.html">Privacy Policy</a>
</li>
<li>
<a href="https://www.sysco.com/System-Usage-Policy.html">System Usage Policy</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- MODALS -->
<!-- Modal - Video 1 -->
<div class="modal" aria-hidden="true" role="dialog" aria-labelledby="video-1" aria-describedby="modalDescription" data-modal="modal-1">
<div class="modal__overlay modal--hide" tabindex="-1"></div>
<div class="modal__container modal--hide">
<div class="modal__wrapper modal--transition">
<div id="video-1" class="sr-only">Beginning of dialog window. It contains a video.</div>
<div class="modal__header">
<button class="modal__close modal--hide" aria-label="Close" data-modal-close="modal-1"><span class="sr-only">Close</span>×</button>
</div><!-- .modal__header -->
<div class="modal__body">
<div class="modal__content">
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/Om1pvVqtzag' frameborder='0' allowfullscreen="allowfullscreen"></iframe>
</div>
</div><!-- /.modal__content -->
</div><!-- /.modal__wrapper -->
</div><!-- /.modal__wrapper -->
</div><!-- /.modal__container -->
</div><!-- /.modal -->
<!-- Modal - Video 2 -->
<div class="modal" aria-hidden="true" role="dialog" aria-labelledby="video-2" aria-describedby="modalDescription" data-modal="modal-2">
<div class="modal__overlay modal--hide" tabindex="-1"></div>
<div class="modal__container modal--hide">
<div class="modal__wrapper modal--transition">
<div id="modalDescription1" class="sr-only">Beginning of dialog window. It contains a video.</div>
<div class="modal__header">
<button class="modal__close modal--hide" aria-label="Close" data-modal-close="modal-2"><span class="sr-only">Close</span>×</button>
</div><!-- .modal__header -->
<div class="modal__body">
<div class="modal__content">
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/YNAr4DOb4k0' frameborder='0' allowfullscreen></iframe>
</div>
</div><!-- /.modal__content -->
</div><!-- /.modal__body -->
</div><!-- /.modal__wrapper -->
</div><!-- /.modal__container -->
</div><!-- /.modal -->
<!-- Modal - Video 3 -->
<div class="modal" aria-hidden="true" role="dialog" aria-labelledby="video-3" aria-describedby="modalDescription" data-modal="modal-3">
<div class="modal__overlay modal--hide" tabindex="-1"></div>
<div class="modal__container modal--hide">
<div class="modal__wrapper modal--transition">
<div id="modalDescription1" class="sr-only">Beginning of dialog window. It contains a video.</div>
<div class="modal__header">
<button class="modal__close modal--hide" aria-label="Close" data-modal-close="modal-3"><span class="sr-only">Close</span>×</button>
</div><!-- .modal__header -->
<div class="modal__body">
<div class="modal__content">
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/lmCJQjQXEag' frameborder='0' allowfullscreen></iframe>
</div>
</div><!-- /.modal__content -->
</div><!-- /.modal__body -->
</div><!-- /.modal__wrapper -->
</div><!-- /.modal__container -->
</div><!-- /.modal -->
<!-- Modal - Video 4 -->
<div class="modal" aria-hidden="true" role="dialog" aria-labelledby="video-4" aria-describedby="modalDescription" data-modal="modal-4">
<div class="modal__overlay modal--hide" tabindex="-1"></div>
<div class="modal__container modal--hide">
<div class="modal__wrapper modal--transition">
<div id="modalDescription1" class="sr-only">Beginning of dialog window. It contains a video.</div>
<div class="modal__header">
<button class="modal__close modal--hide" aria-label="Close" data-modal-close="modal-4"><span class="sr-only">Close</span>×</button>
</div><!-- .modal__header -->
<div class="modal__body">
<div class='embed-container'>
<iframe src='https://www.youtube.com/embed/3GZUoMEhHmU' frameborder='0' allowfullscreen></iframe>
</div>
</div><!-- /.modal__body -->
</div><!-- /.modal__wrapper -->
</div><!-- /.modal__container -->
</div><!-- /.modal -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/main.min.js"></script>
</body>
</html>