Ordering Components
All Products Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenWings" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Boneless Chicken Wings</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenWings" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Bone-In Chicken Wings</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#caprese" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Caprese</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Chicken Ceaser</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenTenders" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Chicken Tenders</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Fried Chicken" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Fried Chicken</div>
<div class="serves">Serves 8-100</div>
<div class="price">Starting at 7.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#garden" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Fried Chicken" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Garden Salad</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#mac" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Mac & Cheese</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $19.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#mashed" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Mashed Potatos</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $16.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenMixed" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Mixed Pieces</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenMixed" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Mixed Pieces</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#green" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Seasoned Green Beans</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $19.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
</div>
<!--End Row-->
<!-- Modal -->
<div class="modal modal1 fade" id="friedchicken" tabindex="-1" role="dialog" aria-labelledby="friedChicken" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="image" data-bind="if: ImageUrl == null">
<i class="fal fa-camera img"></i>
</div>
<!--<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i" ></div>-->
<h1> Fried Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-1" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Type</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-1" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Mixed pieces <br />
Each containes an equal amount of breasts, thighs, wings and drums<br />
Fried, 440 calories per 7oz<br />
Roasted,350 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Prime Parts<br />
Same as mixed, except no wings.<br />
Fried, 440 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Just Breasts<br />
We recommend one per person.<br />
Fried, 400 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Drums & Thighs<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Wings<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-4" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-2" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-2" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-5" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-5" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options 1-->
<div class="options">
<div class="base-accordian section-margin">
@*<section class="section">*@
<section>
<div class="faq">
<!-- ko foreach: $root.CurrentModifiers -->
<div class="faq-row" data-bind="if: MaxQuantity == 1">
<div role="button" class="question open" aria-controls="faq-answer-3" tabindex="0">
<p class="text-3">
</p>
<div class="row hr-row">
<div class="header" data-bind="text: Name"></div>
<div class="required-text" data-bind="if: MinQuantity">Required</div>
</div>
<p></p>
<span class="faq-icon plus rotate hidden">+</span>
<span class="faq-icon minus rotate">-</span>
</div>
<div id="faq-answer-3" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<!-- ko foreach: Items -->
<label class="input-contain">
<input type="radio" data-bind="attr: {name: $parent.ListingId}, value: ListingId, checked: $root.SelectedModifierLevel1" />
<span class="radio"></span>
<span data-bind="text: ModificationItemText"></span><br />
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice"></span></span>
</label>
<!-- /ko -->
</p>
</div>
</div>
<div class="faq-row" data-bind="if: MaxQuantity > 1">
<div role="button" class="question" aria-controls="faq-answer-44" tabindex="0">
<p class="text-3"></p>
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">Required</div>
</div>
<span class="faq-icon rotate plus hidden">+</span>
<span class="faq-icon rotate minus">-</span>
</div>
<div id="faq-answer-44" class="faq-answer" data-collapsed="false" style="height: auto;">
<p class="text-3"></p>
<div class="plus-minus-options">
<!-- ko foreach: Items -->
@*<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>*@
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name" data-bind="text: ModificationItemText"></span>
</div>
<!-- /ko -->
</div>
<p></p>
</div>
</div>
<!-- /ko -->
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<strong>Calorie Statement:</strong><br>2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="chickenTenders" tabindex="-1" role="dialog" aria-labelledby="chickentenders" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Chicken Tenders </h1>
<div class="h1-subcopy">Premium, hand-breaded, all-white meat chicken tenderloins.
<br /><span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-35" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-35" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 pieces - 1 Sauce, Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
50 pieces - 2 Sauce, Serves up to 900
<span class="price">$59.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
100 pieces - 4 Sauce, Serves up to 40
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-6" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Up to 2 Sauces</div>
<!--Number changed based on above selection-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-6" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Barbecue</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Buffalo</span>
</div>
</div>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-66" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-66" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenWings" tabindex="-1" role="dialog" aria-labelledby="chickenwings" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Boneless Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
5lbs - Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
10lbs - Serves up to 40
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch <br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenWingsbonein" tabindex="-1" role="dialog" aria-labelledby="chickenwingsbonein" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Bone-In Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
50 Piece - Serves up to 50
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - Serves up to 75
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch<br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenMixed" tabindex="-1" role="dialog" aria-labelledby="chickenMixed" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Mixed Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-74" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-74" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried - 290 cal. per piece
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted - 3 cal. per piece
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-72" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-72" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-75" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-75" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal1 fade" id="mac" tabindex="-1" role="dialog" aria-labelledby="mac" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mac & Cheese </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />200 Calorie Per Serving
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-25" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-25" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 10<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 20<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-67" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-67" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="mashed" tabindex="-1" role="dialog" aria-labelledby="mashed" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mashed Potatoes </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">142 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-26" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-26" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 600<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-69" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-69" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="green" tabindex="-1" role="dialog" aria-labelledby="greenBeans" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;">
<img src="" alt="Deli Product" class="img i">
</div>
<h1> Seasoned Green Beans </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-24" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-24" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 60<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-68" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-68" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $500,000</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal1 fade" id="garden" tabindex="-1" role="dialog" aria-labelledby="garden" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Garden Salad </h1>
<div class="h1-subcopy">Lettuce Yum
<span class="calorie-info">30 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-27" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-27" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-28" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-28" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="caprese" tabindex="-1" role="dialog" aria-labelledby="caprese" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Caprese </h1>
<div class="h1-subcopy">Tomato, Mozzarella and Basil. Yum
<br />
<span class="calorie-info">20 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-20" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-20" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-21" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-21" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chicken" tabindex="-1" role="dialog" aria-labelledby="chicken" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Caprese </h1>
<div class="h1-subcopy">Tomato, Mozzarella and Basil. Yum
<br />
<span class="calorie-info">20 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-20" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-20" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-21" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-21" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->Billboard Catering
24 Charac Max Header
Character limit of 72. No more than two lines for one column billboards.
<section class="billboard full-width-right-img">
<div class="container">
<div class="thick-focus" tabindex="0" style="background-color:#C8102E!important;">
<div class="row">
<div class="col-lg-8 col-md-6 col-sm-12 col-xs-12 mobile-img col-lg-push-4 col-md-push-4 col-sm-push-6">
<div class="image img" style="background-image: url('/assets/toolkit/images/deli/catering-cheese.jpg');"></div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12 mobile-btn-copy billboard-copy col-lg-pull-8 col-md-pull-8 col-sm-pull-6">
<div class="copy">
<div class="outer">
<div class="middle">
<div class="inner">
<h1 tabindex="0" style="color:#FFFFFF!important;">24 Charac Max Header</h1>
<p tabindex="0" style="color:#FFFFFF!important;">Character limit of 72. No more than two lines for one column billboards.</p>
<div class="mobile-center">
<a tabindex="0" href="#0" class="btn button-white button-medium" data-content="click-billboard-btn" aria-label="Giant Eagle Billboard Button">Browse Catering</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Caprese
Caprese
Tomato, Mozzarella and Basil. Yum
20 cal. per serving
20 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Caprese </h1>
<div class="h1-subcopy">Tomato, Mozzarella and Basil. Yum
<br />
<span class="calorie-info">20 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-20" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-20" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-21" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-21" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Chicken Caeser
Chicken Ceaser
Lettuce Yum
200 Calorie Per Serving 20 cal. per serving
200 Calorie Per Serving 20 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Chicken Ceaser </h1>
<div class="h1-subcopy">Lettuce Yum<br />200 Calorie Per Serving
<span class="calorie-info">20 cal. per serving</span>
</div>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-22" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-22" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-23" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-23" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Chicken Category Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenWings" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Boneless Chicken Wings</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenWings" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Bone-In Chicken Wings</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenTenders" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Chicken Tenders</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Fried Chicken" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Fried Chicken</div>
<div class="serves">Serves 8-100</div>
<div class="price">Starting at 7.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chickenMixed" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Mixed Pieces</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>
</div>
<!--End Row-->
<!-- Modal -->
<div class="modal modal1 fade" id="friedchicken" tabindex="-1" role="dialog" aria-labelledby="friedChicken" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="image" data-bind="if: ImageUrl == null">
<i class="fal fa-camera img"></i>
</div>
<!--<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i" ></div>-->
<h1> Fried Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-1" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Type</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-1" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Mixed pieces <br />
Each containes an equal amount of breasts, thighs, wings and drums<br />
Fried, 440 calories per 7oz<br />
Roasted,350 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Prime Parts<br />
Same as mixed, except no wings.<br />
Fried, 440 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Just Breasts<br />
We recommend one per person.<br />
Fried, 400 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Drums & Thighs<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Wings<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-4" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-2" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-2" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-5" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-5" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options 1-->
<div class="options">
<div class="base-accordian section-margin">
@*<section class="section">*@
<section>
<div class="faq">
<!-- ko foreach: $root.CurrentModifiers -->
<div class="faq-row" data-bind="if: MaxQuantity == 1">
<div role="button" class="question open" aria-controls="faq-answer-3" tabindex="0">
<p class="text-3">
</p>
<div class="row hr-row">
<div class="header" data-bind="text: Name"></div>
<div class="required-text" data-bind="if: MinQuantity">Required</div>
</div>
<p></p>
<span class="faq-icon plus rotate hidden">+</span>
<span class="faq-icon minus rotate">-</span>
</div>
<div id="faq-answer-3" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<!-- ko foreach: Items -->
<label class="input-contain">
<input type="radio" data-bind="attr: {name: $parent.ListingId}, value: ListingId, checked: $root.SelectedModifierLevel1" />
<span class="radio"></span>
<span data-bind="text: ModificationItemText"></span><br />
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice"></span></span>
</label>
<!-- /ko -->
</p>
</div>
</div>
<div class="faq-row" data-bind="if: MaxQuantity > 1">
<div role="button" class="question" aria-controls="faq-answer-44" tabindex="0">
<p class="text-3"></p>
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">Required</div>
</div>
<span class="faq-icon rotate plus hidden">+</span>
<span class="faq-icon rotate minus">-</span>
</div>
<div id="faq-answer-44" class="faq-answer" data-collapsed="false" style="height: auto;">
<p class="text-3"></p>
<div class="plus-minus-options">
<!-- ko foreach: Items -->
@*<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>*@
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name" data-bind="text: ModificationItemText"></span>
</div>
<!-- /ko -->
</div>
<p></p>
</div>
</div>
<!-- /ko -->
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<strong>Calorie Statement:</strong><br>2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="chickenTenders" tabindex="-1" role="dialog" aria-labelledby="chickentenders" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Chicken Tenders </h1>
<div class="h1-subcopy">Premium, hand-breaded, all-white meat chicken tenderloins.
<br /><span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-35" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-35" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 pieces - 1 Sauce, Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
50 pieces - 2 Sauce, Serves up to 900
<span class="price">$59.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
100 pieces - 4 Sauce, Serves up to 40
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-6" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Up to 2 Sauces</div>
<!--Number changed based on above selection-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-6" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Barbecue</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Buffalo</span>
</div>
</div>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-66" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-66" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenWings" tabindex="-1" role="dialog" aria-labelledby="chickenwings" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Boneless Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
5lbs - Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
10lbs - Serves up to 40
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch <br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenWingsbonein" tabindex="-1" role="dialog" aria-labelledby="chickenwingsbonein" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Bone-In Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
50 Piece - Serves up to 50
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - Serves up to 75
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch<br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chickenMixed" tabindex="-1" role="dialog" aria-labelledby="chickenMixed" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Mixed Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-74" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-74" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried - 290 cal. per piece
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted - 3 cal. per piece
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-72" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-72" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-75" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-75" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->Chicken Mixed
Mixed Chicken
Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
390 cal. per piece
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Mixed Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-74" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-74" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried - 290 cal. per piece
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted - 3 cal. per piece
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-72" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-72" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-75" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-75" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Chicken Tenders
Chicken Tenders
Premium, hand-breaded, all-white meat chicken tenderloins.
390 cal. per piece
390 cal. per piece
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Chicken Tenders </h1>
<div class="h1-subcopy">Premium, hand-breaded, all-white meat chicken tenderloins.
<br /><span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-35" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-35" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 pieces - 1 Sauce, Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
50 pieces - 2 Sauce, Serves up to 900
<span class="price">$59.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
100 pieces - 4 Sauce, Serves up to 40
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-6" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Up to 2 Sauces</div>
<!--Number changed based on above selection-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-6" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Barbecue</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Buffalo</span>
</div>
</div>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-66" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-66" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Chicken Wings
Boneless Chicken Wings
Available plain or tossed.
390 cal. per piece
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Boneless Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
5lbs - Serves up to 20
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
10lbs - Serves up to 40
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch <br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Chicken Wings Bonein
Bone-In Chicken Wings
Available plain or tossed.
390 cal. per piece
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
<h1> Bone-In Chicken Wings </h1>
<div class="h1-subcopy">Available plain or tossed.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-11" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-11" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
50 Piece - Serves up to 50
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - Serves up to 75
<span class="price">$56.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-12" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Sauce Options</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-12" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Plain
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Tossed
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-13" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Flavor</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-13" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
BBQ
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Buffalo
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Parmesan
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
None
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-14" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Add Garnish Platter?</div>
<div class="required-text">Not Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-14" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Blue Cheese <br />
Celery, carrots and blue cheese dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Yes, Ranch<br />
Celery, carrots and ranch dressing<br /> Serves up to 15<br />
120 cal. per serving
<span class="price">$10.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
No
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-55" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-55" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $56.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Circle Catering
<div class="circle-image-nav">
<div class="container">
<!--Begin Circle Image -->
<section>
<div class="circle-image-links">
<h3 class="center">Categories</h3>
<!--Should be able to set name in CMS-->
<div class="row justify-content-center">
<!--Start row of Circle Inmages-->
<!--Start one circle image Nav-->
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering-cheese.jpg" alt="Breakfast" class="img" /></div>
<div class="circleimagetext">Breakfast</div>
</a>
</div>
</div>
<!--END one circle image Nav-->
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/S-mini-sandwich-platter.png" alt="Sandwiches" class="img" /></div>
<div class="circleimagetext">Sandwiches</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/MCSP-crowd-pleaser-platter.png" alt="Deli, Cheese & Charcuterie" class="img" /></div>
<div class="circleimagetext">Deli, Cheese & Charcuterie</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering-cheese.jpg" alt="Salads & Crudité" class="img" /></div>
<div class="circleimagetext">Salads & Crudité</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/SS-nigiri-deluxe-sushi-platter.png" alt="Sushi" class="img" /></div>
<div class="circleimagetext">Sushi</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/SS-shrimp-partry-platter.png" alt="Seafood" class="img" /></div>
<div class="circleimagetext">Seafood</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Famous Fried Chicken" class="img" /></div>
<div class="circleimagetext">Famous Fried Chicken</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering-cheese.jpg" alt="Entreés" class="img" /></div>
<div class="circleimagetext">Entreés</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering-cheese.jpg" alt="Sides" class="img" /></div>
<div class="circleimagetext">Sides</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering/D-gobs.png" alt="Dessert" class="img" /></div>
<div class="circleimagetext">Dessert</div>
</a>
</div>
</div>
<div class="col-md-ci col-xs-ci">
<div class="one-circle-image">
<a href="/Catering-Ordering/all-products.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg"><img src="/assets/toolkit/images/catering-cheese.jpg" alt="All Products" class="img" /></div>
<div class="circleimagetext">All Products</div>
</a>
</div>
</div>
<!--Start View All
<div class="col-md-ci col-xs-ci inline">
<div class="one-circle-image">
<a href="/Catering-Ordering/category-popups.html" data-content="click-circleimage" tabindex="0">
<div class="circleimg viewall"><img src="/assets/toolkit/images/view-all-circle.png" alt="Circle Image Category" class="img" />
</a>
</div>
</div>-->
</div>
</div>
</section>
</div>
</div>Fried Chicken
Fried Chicken
Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
390 cal. per piece
<div class="item-details">
<div class="container">
<div class="image" data-bind="if: ImageUrl == null">
<i class="fal fa-camera img"></i>
</div>
<!--<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i" ></div>-->
<h1> Fried Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-1" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Type</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-1" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Mixed pieces <br />
Each containes an equal amount of breasts, thighs, wings and drums<br />
Fried, 440 calories per 7oz<br />
Roasted,350 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Prime Parts<br />
Same as mixed, except no wings.<br />
Fried, 440 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Just Breasts<br />
We recommend one per person.<br />
Fried, 400 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Drums & Thighs<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Wings<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-4" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-2" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-2" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-5" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-5" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options 1-->
<div class="options">
<div class="base-accordian section-margin">
@*<section class="section">*@
<section>
<div class="faq">
<!-- ko foreach: $root.CurrentModifiers -->
<div class="faq-row" data-bind="if: MaxQuantity == 1">
<div role="button" class="question open" aria-controls="faq-answer-3" tabindex="0">
<p class="text-3">
</p>
<div class="row hr-row">
<div class="header" data-bind="text: Name"></div>
<div class="required-text" data-bind="if: MinQuantity">Required</div>
</div>
<p></p>
<span class="faq-icon plus rotate hidden">+</span>
<span class="faq-icon minus rotate">-</span>
</div>
<div id="faq-answer-3" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<!-- ko foreach: Items -->
<label class="input-contain">
<input type="radio" data-bind="attr: {name: $parent.ListingId}, value: ListingId, checked: $root.SelectedModifierLevel1" />
<span class="radio"></span>
<span data-bind="text: ModificationItemText"></span><br />
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice"></span></span>
</label>
<!-- /ko -->
</p>
</div>
</div>
<div class="faq-row" data-bind="if: MaxQuantity > 1">
<div role="button" class="question" aria-controls="faq-answer-44" tabindex="0">
<p class="text-3"></p>
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">Required</div>
</div>
<span class="faq-icon rotate plus hidden">+</span>
<span class="faq-icon rotate minus">-</span>
</div>
<div id="faq-answer-44" class="faq-answer" data-collapsed="false" style="height: auto;">
<p class="text-3"></p>
<div class="plus-minus-options">
<!-- ko foreach: Items -->
@*<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>*@
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name" data-bind="text: ModificationItemText"></span>
</div>
<!-- /ko -->
</div>
<p></p>
</div>
</div>
<!-- /ko -->
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<strong>Calorie Statement:</strong><br>2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Garden Salad
Garden Salad
Lettuce Yum
30 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Garden Salad </h1>
<div class="h1-subcopy">Lettuce Yum
<span class="calorie-info">30 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-27" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-27" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-28" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-28" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Green Beans
Seasoned Green Beans
Yummy and Cheesy
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
42 cal. per serving
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
42 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;">
<img src="" alt="Deli Product" class="img i">
</div>
<h1> Seasoned Green Beans </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-24" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-24" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 60<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-68" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-68" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $500,000</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Holiday Chicken Category Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">HOLIDAY MEATTT</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">HOLIDAY WINGS</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 20.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">HOLIDAY ITEM</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Fried Chicken" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">HOLIDAY Fried Chicken</div>
<div class="serves">Serves 8-100</div>
<div class="price">Starting at 7.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#friedchicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">HOLIDAY SIDE</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>
</div>
<!--End Row-->
<!-- Modal -->
<div class="modal modal1 fade" id="friedchicken" tabindex="-1" role="dialog" aria-labelledby="friedChicken" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="image" data-bind="if: ImageUrl == null">
<i class="fal fa-camera img"></i>
</div>
<!--<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i" ></div>-->
<h1> Fried Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
<!-- Red notice for things like out of season products or out of fried chicken -->
<div class="notice red-notice">
<i class="fa fa-calendar-day"></i>
<span>This product is only available between 12/01/56 and 12/31/56.</span>
</div>
<!-- Blue notice for things like need 2 days to prepare or non urgent messaging -->
<div class="notice blue-notice">
<i class="fas fa-info-circle" aria-hidden="true"></i>
<span>Piece availability may vary by store and time.</span>
</div>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-1" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Type</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-1" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Mixed pieces <br />
Each containes an equal amount of breasts, thighs, wings and drums<br />
Fried, 440 calories per 7oz<br />
Roasted,350 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Prime Parts<br />
Same as mixed, except no wings.<br />
Fried, 440 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Just Breasts<br />
We recommend one per person.<br />
Fried, 400 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Drums & Thighs<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Wings<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-4" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-2" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-2" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-5" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-5" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options 1-->
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<section>
<div class="faq">
<!-- ko foreach: $root.CurrentModifiers -->
<div class="faq-row" data-bind="if: MaxQuantity == 1">
<div role="button" class="question open" aria-controls="faq-answer-3" tabindex="0">
<p class="text-3">
</p>
<div class="row hr-row">
<div class="header" data-bind="text: Name"></div>
<div class="required-text" data-bind="if: MinQuantity">Required</div>
</div>
<p></p>
<span class="faq-icon plus rotate hidden">+</span>
<span class="faq-icon minus rotate">-</span>
</div>
<div id="faq-answer-3" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<!-- ko foreach: Items -->
<label class="input-contain">
<input type="radio" data-bind="attr: {name: $parent.ListingId}, value: ListingId, checked: $root.SelectedModifierLevel1" />
<span class="radio"></span>
<span data-bind="text: ModificationItemText"></span><br />
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice"></span></span>
</label>
<!-- /ko -->
</p>
</div>
</div>
<div class="faq-row" data-bind="if: MaxQuantity > 1">
<div role="button" class="question" aria-controls="faq-answer-44" tabindex="0">
<p class="text-3"></p>
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">Required</div>
</div>
<span class="faq-icon rotate plus hidden">+</span>
<span class="faq-icon rotate minus">-</span>
</div>
<div id="faq-answer-44" class="faq-answer" data-collapsed="false" style="height: auto;">
<p class="text-3"></p>
<div class="plus-minus-options">
<!-- ko foreach: Items -->
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name" data-bind="text: ModificationItemText"></span>
</div>
<!-- /ko -->
</div>
<p></p>
</div>
</div>
<!-- /ko -->
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<strong>Calorie Statement:</strong><br>2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->Holiday Fried Chicken
Fried Chicken
Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
390 cal. per piece
This product is only available between 12/01/56 and 12/31/56.
Piece availability may vary by store and time.
<div class="item-details">
<div class="container">
<div class="image" data-bind="if: ImageUrl == null">
<i class="fal fa-camera img"></i>
</div>
<!--<div class="details-image"><img src="/assets/toolkit/images/catering/fried-chicken.png" alt="Deli Product" class="img i" ></div>-->
<h1> Fried Chicken </h1>
<div class="h1-subcopy">Our famous, tender, juicy fried and roasted chicken has long been one of our house specialties! Select your favorite from breasts, thighs, wings, drums and tenders. The roasted version is simply roasted with our signature River City seasoning.
<span class="calorie-info">390 cal. per piece</span>
<!-- Red notice for things like out of season products or out of fried chicken -->
<div class="notice red-notice">
<i class="fa fa-calendar-day"></i>
<span>This product is only available between 12/01/56 and 12/31/56.</span>
</div>
<!-- Blue notice for things like need 2 days to prepare or non urgent messaging -->
<div class="notice blue-notice">
<i class="fas fa-info-circle" aria-hidden="true"></i>
<span>Piece availability may vary by store and time.</span>
</div>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-1" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Type</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-1" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Mixed pieces <br />
Each containes an equal amount of breasts, thighs, wings and drums<br />
Fried, 440 calories per 7oz<br />
Roasted,350 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Prime Parts<br />
Same as mixed, except no wings.<br />
Fried, 440 calories per 7oz<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Just Breasts<br />
We recommend one per person.<br />
Fried, 400 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Drums & Thighs<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Wings<br />
We recommend two pieces per person.<br />
Fried, 480 calories per piece<br />
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question open" aria-controls="faq-answer-4" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Fried or Roasted</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Fried
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Roasted
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-2" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-2" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
8 Piece - serves up to 18
<span class="price">$7.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
12 Piece - serves up to 18
<span class="price">$11.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
24 Piece - serves up to 18
<span class="price">$29.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
48 Piece - serves up to 30
<span class="price">$46.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
100 Piece - serves up to 70
<span class="price">$119.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-5" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-5" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options 1-->
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<section>
<div class="faq">
<!-- ko foreach: $root.CurrentModifiers -->
<div class="faq-row" data-bind="if: MaxQuantity == 1">
<div role="button" class="question open" aria-controls="faq-answer-3" tabindex="0">
<p class="text-3">
</p>
<div class="row hr-row">
<div class="header" data-bind="text: Name"></div>
<div class="required-text" data-bind="if: MinQuantity">Required</div>
</div>
<p></p>
<span class="faq-icon plus rotate hidden">+</span>
<span class="faq-icon minus rotate">-</span>
</div>
<div id="faq-answer-3" class="faq-answer" data-collapsed="false" style="height:auto">
<p class="text-3">
<!-- ko foreach: Items -->
<label class="input-contain">
<input type="radio" data-bind="attr: {name: $parent.ListingId}, value: ListingId, checked: $root.SelectedModifierLevel1" />
<span class="radio"></span>
<span data-bind="text: ModificationItemText"></span><br />
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice"></span></span>
</label>
<!-- /ko -->
</p>
</div>
</div>
<div class="faq-row" data-bind="if: MaxQuantity > 1">
<div role="button" class="question" aria-controls="faq-answer-44" tabindex="0">
<p class="text-3"></p>
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">Required</div>
</div>
<span class="faq-icon rotate plus hidden">+</span>
<span class="faq-icon rotate minus">-</span>
</div>
<div id="faq-answer-44" class="faq-answer" data-collapsed="false" style="height: auto;">
<p class="text-3"></p>
<div class="plus-minus-options">
<!-- ko foreach: Items -->
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name" data-bind="text: ModificationItemText"></span>
</div>
<!-- /ko -->
</div>
<p></p>
</div>
</div>
<!-- /ko -->
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<strong>Calorie Statement:</strong><br>2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Legal Info
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>Legal Info 2
Calorie Statement:
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
<div class="legal-info">
<strong>Calorie Statement:</strong><br />
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
<br /><br />
<strong>Menu Changes:</strong><br />Prices and menu itesm are subject to change without notice.
<br /><br />
<strong>Allergen Statement:</strong><br />Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
</div>Mac Cheese
Mac & Cheese
Yummy and Cheesy
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
200 Calorie Per Serving 42 cal. per serving
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
200 Calorie Per Serving 42 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mac & Cheese </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />200 Calorie Per Serving
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-25" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-25" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 10<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 20<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-67" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-67" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Mashed
Mashed Potatoes
Yummy and Cheesy
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
142 cal. per serving
Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.
142 cal. per serving
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mashed Potatoes </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">142 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-26" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-26" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 600<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-69" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-69" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>Navigation Maintenance
<!--NOTE: dont copy above this, only for styleguide purposes-->
<header id="catering-header" class="catering-eagle-ordering">
<div id="catering-other-site-links" class="other-site-links">
<a href="https://www.gianteagle.com" data-content="click-ge" class="gray-link first-link">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="click-shopge" class="gray-link first-link">
Curbside</a>
</div>
<div class="row">
<div class="col-sm-2 col-xs-6 one">
<!--NOTE: Changed classes here-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-mobile" id="catering-logo" />
<!--<img src="/assets/toolkit/images/catering/catering.png" alt="Giant Eagle Deli logo" class="img logo hide-mobile" id="catering-logo" />
</a>-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-desktop" id="catering-mobile-logo" /></a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-push-7 two">
</div>
<div class="col-sm-4 col-xs-6 col-sm-pull-4 three">
<!--NOTE: Changed classes here and whole div below to add Store Selector popup button-->
<div id="catering-store-selector" class="store-selector">
</div>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 four">
<div id="catering-schedule-time" class="schedule-time">
</div>
</div>
</div>
</header>
<!--NOTE: Added Modal Popup-->
<!--Begin Store Locator Popup-->
<div class="modal modal1 fade store-locator-modal" id="storeLocator" tabindex="-1" role="dialog" aria-labelledby="storeLocator" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="store-locator-page store-locator-page-v2 store-locator-catering">
<div class="container">
<div class="map-list row no-pad">
<div class="col-lg-6 col-md-12 col-xs-12 col-xs-12 side">
<br />
<div class="row">
<h3 class="center changestore">Change Your Store</h3>
</div>
<div class="zip-container">
<div class="animated-input-container input-store">
<input class="animated-input" type="number" max="5" name="location" value="" autocomplete="off" id="uniqueID" />
<div class="animated-label">
<label for="uniqueID"> ZIP Code</label>
</div>
</div>
</div>
<div class="p center marg25">There are more than <span class="bold">10</span> stores near <span class="bold">15237</span></div>
<div class="listing2">
<div class="map-component-cate">
<!--Begin My Store-->
<div class="store-content giant-eagle">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="my-store-tag">
<i class="fas fa-map-marker-alt"></i>
My Store
</div>
<!--Add this div when my store for my store tag-->
<div class="store-name-cate-locate">1. This is my STORE</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<!--Add style="display:none;" to this button when My Store-->
<a style="display:none;" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">Second Store, Hover to see Outline</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">3Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">4Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">5Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">6Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">7Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">8Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">9Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">10Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">11 - LAst - Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
</div>
</div>
<!--Begin Map Side-->
<div class="map col-lg-6 col-md-12 col-xs-12 col-xs-12 hide-map-mobile side">
<!--NOTE: Leave these classes but replace iframe below with your map part-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.848379523302!2d-79.93679418447626!3d40.45649267936058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f2105555554b%3A0xa3f3fda068b37e64!2sMarket%20District%20Supermarket!5e0!3m2!1sen!2sus!4v1645128762984!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<!--End Map-->
</div>
</div>
</div>
<!--NOTE: Insert store-locator.html here-->
</div>
</div>
</div>
</div>
<!--End Store Locator Popup-->Navigation Ordering Catering
<!--NOTE: dont copy above this, only for styleguide purposes-->
<header id="catering-header" class="catering-eagle-ordering">
<div id="catering-other-site-links" class="other-site-links">
<a href="https://www.gianteagle.com" data-content="click-ge" class="gray-link first-link">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="click-shopge" class="gray-link first-link">
Curbside</a>
<!--logged out
<a href="#" data-content="click-login" class="gray-link login-link">Login</a>
-->
<!--logged in-->
<span class="logged-in-links">
<a data-content="click-login-account" class="gray-link"><span class="icon icon-user-circle"></span> <span data-bind="text: UserName">Bailey</span></a>
| <a data-bind="attr: { href: LogoutUrl }" data-content="click-shopge" class="gray-link" href="/api/sitecore/account/logout?returnURL=%2F">Sign out</a>
</span>
</div>
<div class="row">
<div class="col-sm-2 col-xs-6 one">
<!--NOTE: Changed classes here-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-mobile" id="catering-logo" />
<!--<img src="/assets/toolkit/images/catering/catering.png" alt="Giant Eagle Deli logo" class="img logo hide-mobile" id="catering-logo" />
</a>-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-desktop" id="catering-mobile-logo" /></a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-push-7 two">
<a href="/Catering-Ordering/cart-your-order.html" class="button-large button-primary" data-content="click-btn" aria-label="Giant Eagle Button"><i class="far fa-shopping-bag"></i> Order (3)</a>
</div>
<div class="col-sm-4 col-xs-6 col-sm-pull-4 three">
<!--NOTE: Changed classes here and whole div below to add Store Selector popup button-->
<div id="catering-store-selector" class="store-selector">
<a class="gray-button" data-content="click-btn-storelocator" type="button" data-toggle="modal" data-target="#storeLocator">
<i class="fas fa-map-marker-alt"></i>
Waterworks Market District Extra Long Store Name N Stuff
</a>
</div>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 four">
<div id="catering-schedule-time" class="schedule-time">
<a href="/Catering-Ordering/order-history.html" data-content="click-time" class="gray-button">
<i class="fas fa-history"></i>
Order History
</a>
</div>
</div>
</div>
</header>
<!--NOTE: Added Modal Popup-->
<!--Begin Store Locator Popup-->
<div class="modal modal1 fade store-locator-modal" id="storeLocator" tabindex="-1" role="dialog" aria-labelledby="storeLocator" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="store-locator-page store-locator-page-v2 store-locator-catering">
<div class="container">
<div class="map-list row no-pad">
<div class="col-lg-6 col-md-12 col-xs-12 col-xs-12 side">
<br />
<div class="row">
<h3 class="center changestore">Change Your Store</h3>
</div>
<div class="zip-container">
<div class="animated-input-container input-store">
<input class="animated-input" type="number" max="5" name="location" value="" autocomplete="off" id="uniqueID" />
<div class="animated-label">
<label for="uniqueID"> ZIP Code</label>
</div>
</div>
</div>
<div class="p center marg25">There are more than <span class="bold">10</span> stores near <span class="bold">15237</span></div>
<div class="listing2">
<div class="map-component-cate">
<!--Begin My Store-->
<div class="store-content giant-eagle">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="my-store-tag">
<i class="fas fa-map-marker-alt"></i>
My Store
</div>
<!--Add this div when my store for my store tag-->
<div class="store-name-cate-locate">1. This is my STORE</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<!--Add style="display:none;" to this button when My Store-->
<a style="display:none;" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">Second Store, Hover to see Outline</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">3Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">4Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">5Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">6Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">7Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">8Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">9Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">10Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">11 - LAst - Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
</div>
</div>
<!--Begin Map Side-->
<div class="map col-lg-6 col-md-12 col-xs-12 col-xs-12 hide-map-mobile side">
<!--NOTE: Leave these classes but replace iframe below with your map part-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.848379523302!2d-79.93679418447626!3d40.45649267936058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f2105555554b%3A0xa3f3fda068b37e64!2sMarket%20District%20Supermarket!5e0!3m2!1sen!2sus!4v1645128762984!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<!--End Map-->
</div>
</div>
</div>
<!--NOTE: Insert store-locator.html here-->
</div>
</div>
</div>
</div>
<!--End Store Locator Popup-->
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("catering-header").style.fontSize = "12px";
document.getElementById("catering-header").style.height = "54px";
document.getElementById("catering-schedule-time").style.display = "none";
document.getElementById("catering-store-selector").style.display = "none";
document.getElementById("catering-other-site-links").style.display = "none";
document.getElementById("catering-logo").style.width = "100px";
document.getElementById("catering-mobile-logo").style.width = "80px";
document.getElementById("catering-mobile-logo").style.margin = "5px 0px 2px 0px";
} else {
document.getElementById("catering-header").style.fontSize = "14px";
document.getElementById("catering-header").style.height = "103px";
document.getElementById("catering-schedule-time").style.display = "block";
document.getElementById("catering-schedule-time").style.textAlign = "center";
document.getElementById("catering-store-selector").style.display = "block";
document.getElementById("catering-other-site-links").style.display = "block";
document.getElementById("catering-logo").style.width = "130px";
document.getElementById("catering-mobile-logo").style.width = "90px";
}
}
</script>Navigation Ordering Deli
<div class="dismissable-message">
Due to high demand, there may be limited inventory on items.
</div>
<header id="deli-header" class="deli-eagle-ordering">
<div id="other-site-links" class="other-site-links">
<a href="https://www.gianteagle.com" data-content="click-ge" class="gray-link first-link">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="click-shopge" class="gray-link first-link">
Pickup / Delivery</a>
<!--Ramesh Show this on logged out
<a href="#" data-content="click-login" class="gray-link login-link">Login</a>
-->
<!--Ramesh Show this on logged in-->
<span class="logged-in-links">
<a data-content="click-login-account" class="gray-link"><span class="icon icon-user-circle"></span> <span data-bind="text: UserName">Perks</span></a>
| <a data-bind="attr: { href: LogoutUrl }" data-content="click-shopge" class="gray-link" href="/api/sitecore/account/logout?returnURL=%2F">Sign out</a>
</span>
</div>
<div class="row">
<div class="col-sm-3 col-xs-6 one">
<a href="#" data-content="click-ge-logo"><img src="/assets/toolkit/images/deli/deli-ge-logo.png" alt="Giant Eagle Deli logo" class="img logo hide-mobile" id="logo" /></a>
<a href="#" data-content="click-ge-logo"><img src="/assets/toolkit/images/deli/deli-ge-logo.png" alt="Giant Eagle Deli logo" class="img logo hide-desktop" id="mobile-logo" /></a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-push-6 two">
<a href="#" class="button-large button-primary" data-content="click-btn" aria-label="Giant Eagle Button"><i class="far fa-shopping-bag"></i> Order (3)</a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 three">
<div id="store-selector" class="store-selector"><i class="fas fa-map-marker-alt"></i> Twp. of Pine Market District
</div>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 four">
<div id="schedule-time" class="schedule-time">
<a href="#" data-content="click-time" class="gray-button"><i class="fas fa-clock"></i> Schedule Pickup Time</a>
</div>
</div>
</div>
</header>Salad Category Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#garden" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Fried Chicken" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Garden Salad</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#caprese" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Caprese</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#chicken" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Chicken Ceaser</div>
<div class="serves">Serves up to 40</div>
<div class="price">Starting at $24.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
</div>
<!--End Row-->
<!-- Modal -->
<div class="modal modal1 fade" id="garden" tabindex="-1" role="dialog" aria-labelledby="garden" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Garden Salad </h1>
<div class="h1-subcopy">Lettuce Yum
<span class="calorie-info">30 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-27" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-27" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-28" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-28" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="caprese" tabindex="-1" role="dialog" aria-labelledby="caprese" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Caprese </h1>
<div class="h1-subcopy">Tomato, Mozzarella and Basil. Yum
<br />
<span class="calorie-info">20 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-20" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-20" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-21" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-21" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="chicken" tabindex="-1" role="dialog" aria-labelledby="chicken" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/brownie-tray.png" alt="Deli Product" class="img i"></div>
<h1> Caprese </h1>
<div class="h1-subcopy">Tomato, Mozzarella and Basil. Yum
<br />
<span class="calorie-info">20 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-20" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-20" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Small - Serves up to 500
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Large - Serves up to 32
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-21" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Dressing</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-21" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Ranch</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Honey Mustard</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Vinagerette</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->Salads
Calorie Statement:
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
<!--NOTE: dont copy above this, only for styleguide purposes-->
<header id="catering-header" class="catering-eagle-ordering">
<div id="catering-other-site-links" class="other-site-links">
<a href="https://www.gianteagle.com" data-content="click-ge" class="gray-link first-link">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="click-shopge" class="gray-link first-link">
Curbside</a>
<!--logged out
<a href="#" data-content="click-login" class="gray-link login-link">Login</a>
-->
<!--logged in-->
<span class="logged-in-links">
<a data-content="click-login-account" class="gray-link"><span class="icon icon-user-circle"></span> <span data-bind="text: UserName">Bailey</span></a>
| <a data-bind="attr: { href: LogoutUrl }" data-content="click-shopge" class="gray-link" href="/api/sitecore/account/logout?returnURL=%2F">Sign out</a>
</span>
</div>
<div class="row">
<div class="col-sm-2 col-xs-6 one">
<!--NOTE: Changed classes here-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-mobile" id="catering-logo" />
<!--<img src="/assets/toolkit/images/catering/catering.png" alt="Giant Eagle Deli logo" class="img logo hide-mobile" id="catering-logo" />
</a>-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-desktop" id="catering-mobile-logo" /></a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-push-7 two">
<a href="/Catering-Ordering/cart-your-order.html" class="button-large button-primary" data-content="click-btn" aria-label="Giant Eagle Button"><i class="far fa-shopping-bag"></i> Order (3)</a>
</div>
<div class="col-sm-4 col-xs-6 col-sm-pull-4 three">
<!--NOTE: Changed classes here and whole div below to add Store Selector popup button-->
<div id="catering-store-selector" class="store-selector">
<a class="gray-button" data-content="click-btn-storelocator" type="button" data-toggle="modal" data-target="#storeLocator">
<i class="fas fa-map-marker-alt"></i>
Waterworks Market District Extra Long Store Name N Stuff
</a>
</div>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 four">
<div id="catering-schedule-time" class="schedule-time">
<a href="/Catering-Ordering/order-history.html" data-content="click-time" class="gray-button">
<i class="fas fa-history"></i>
Order History
</a>
</div>
</div>
</div>
</header>
<!--NOTE: Added Modal Popup-->
<!--Begin Store Locator Popup-->
<div class="modal modal1 fade store-locator-modal" id="storeLocator" tabindex="-1" role="dialog" aria-labelledby="storeLocator" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="store-locator-page store-locator-page-v2 store-locator-catering">
<div class="container">
<div class="map-list row no-pad">
<div class="col-lg-6 col-md-12 col-xs-12 col-xs-12 side">
<br />
<div class="row">
<h3 class="center changestore">Change Your Store</h3>
</div>
<div class="zip-container">
<div class="animated-input-container input-store">
<input class="animated-input" type="number" max="5" name="location" value="" autocomplete="off" id="uniqueID" />
<div class="animated-label">
<label for="uniqueID"> ZIP Code</label>
</div>
</div>
</div>
<div class="p center marg25">There are more than <span class="bold">10</span> stores near <span class="bold">15237</span></div>
<div class="listing2">
<div class="map-component-cate">
<!--Begin My Store-->
<div class="store-content giant-eagle">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="my-store-tag">
<i class="fas fa-map-marker-alt"></i>
My Store
</div>
<!--Add this div when my store for my store tag-->
<div class="store-name-cate-locate">1. This is my STORE</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<!--Add style="display:none;" to this button when My Store-->
<a style="display:none;" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">Second Store, Hover to see Outline</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">3Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">4Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">5Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">6Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">7Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">8Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">9Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">10Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">11 - LAst - Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
</div>
</div>
<!--Begin Map Side-->
<div class="map col-lg-6 col-md-12 col-xs-12 col-xs-12 hide-map-mobile side">
<!--NOTE: Leave these classes but replace iframe below with your map part-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.848379523302!2d-79.93679418447626!3d40.45649267936058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f2105555554b%3A0xa3f3fda068b37e64!2sMarket%20District%20Supermarket!5e0!3m2!1sen!2sus!4v1645128762984!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<!--End Map-->
</div>
</div>
</div>
<!--NOTE: Insert store-locator.html here-->
</div>
</div>
</div>
</div>
<!--End Store Locator Popup-->
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("catering-header").style.fontSize = "12px";
document.getElementById("catering-header").style.height = "54px";
document.getElementById("catering-schedule-time").style.display = "none";
document.getElementById("catering-store-selector").style.display = "none";
document.getElementById("catering-other-site-links").style.display = "none";
document.getElementById("catering-logo").style.width = "100px";
document.getElementById("catering-mobile-logo").style.width = "80px";
document.getElementById("catering-mobile-logo").style.margin = "5px 0px 2px 0px";
} else {
document.getElementById("catering-header").style.fontSize = "14px";
document.getElementById("catering-header").style.height = "103px";
document.getElementById("catering-schedule-time").style.display = "block";
document.getElementById("catering-schedule-time").style.textAlign = "center";
document.getElementById("catering-store-selector").style.display = "block";
document.getElementById("catering-other-site-links").style.display = "block";
document.getElementById("catering-logo").style.width = "130px";
document.getElementById("catering-mobile-logo").style.width = "90px";
}
}
</script>
<div class="catering">
<div class="home-products do-content">
<div class="container">
</div>
</div>
</div>
<hr style="margin-top:-2px;" />
<div class="container">
<div class="legal-info">
<strong>Calorie Statement:</strong><br />
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
<br /><br />
<strong>Menu Changes:</strong><br />Prices and menu itesm are subject to change without notice.
<br /><br />
<strong>Allergen Statement:</strong><br />Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
</div>
</div>
<!--Ramesh I have this part outside the <footer> tags for styling reasons. Let me know if this is an issue-->
<footer>
<a href="https://account.gianteagle.com/PrivacyPolicy?_ga=2.66757230.1301281206.1606190766-1645326429.1561991905" data-content="footer-deli" class="footer-links first-link">Privacy Policy</a>
<a href="https://account.gianteagle.com/TermsOfUse?_ga=2.66757230.1301281206.1606190766-1645326429.1561991905" data-content="footer-deli" class="footer-links">Terms of Use</a>
<a href="https://www.gianteagle.com/about-us/accessibility" data-content="footer-deli" class="footer-links">Accessibility Policy</a>
<a href="https://www.gianteagle.com" data-content="footer-deli" class="footer-links">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="footer-deli" class="footer-links last-link">Curbside</a>
<br /><br />
Copyright © 2021 Giant Eagle, Inc. All Rights Reserved.
</footer>Sides
Calorie Statement:
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
Calorie Statement:
2,000 calories a day is used for general nutrition advice, but calorie needs vary.
Menu Changes:
Prices and menu itesm are subject to change without notice.
Allergen Statement:
Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
<!--NOTE: dont copy above this, only for styleguide purposes-->
<header id="catering-header" class="catering-eagle-ordering">
<div id="catering-other-site-links" class="other-site-links">
<a href="https://www.gianteagle.com" data-content="click-ge" class="gray-link first-link">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="click-shopge" class="gray-link first-link">
Curbside</a>
<!--logged out
<a href="#" data-content="click-login" class="gray-link login-link">Login</a>
-->
<!--logged in-->
<span class="logged-in-links">
<a data-content="click-login-account" class="gray-link"><span class="icon icon-user-circle"></span> <span data-bind="text: UserName">Bailey</span></a>
| <a data-bind="attr: { href: LogoutUrl }" data-content="click-shopge" class="gray-link" href="/api/sitecore/account/logout?returnURL=%2F">Sign out</a>
</span>
</div>
<div class="row">
<div class="col-sm-2 col-xs-6 one">
<!--NOTE: Changed classes here-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-mobile" id="catering-logo" />
<!--<img src="/assets/toolkit/images/catering/catering.png" alt="Giant Eagle Deli logo" class="img logo hide-mobile" id="catering-logo" />
</a>-->
<a href="/Catering-Ordering/home-index-catering-popups.html" data-content="click-ge-logo"><img src="/assets/toolkit/images/logos/market-district-new.png" alt="Giant Eagle logo" class="img logo hide-desktop" id="catering-mobile-logo" /></a>
</div>
<div class="col-sm-3 col-xs-6 col-sm-push-7 two">
<a href="/Catering-Ordering/cart-your-order.html" class="button-large button-primary" data-content="click-btn" aria-label="Giant Eagle Button"><i class="far fa-shopping-bag"></i> Order (3)</a>
</div>
<div class="col-sm-4 col-xs-6 col-sm-pull-4 three">
<!--NOTE: Changed classes here and whole div below to add Store Selector popup button-->
<div id="catering-store-selector" class="store-selector">
<a class="gray-button" data-content="click-btn-storelocator" type="button" data-toggle="modal" data-target="#storeLocator">
<i class="fas fa-map-marker-alt"></i>
Waterworks Market District Extra Long Store Name N Stuff
</a>
</div>
</div>
<div class="col-sm-3 col-xs-6 col-sm-pull-3 four">
<div id="catering-schedule-time" class="schedule-time">
<a href="/Catering-Ordering/order-history.html" data-content="click-time" class="gray-button">
<i class="fas fa-history"></i>
Order History
</a>
</div>
</div>
</div>
</header>
<!--NOTE: Added Modal Popup-->
<!--Begin Store Locator Popup-->
<div class="modal modal1 fade store-locator-modal" id="storeLocator" tabindex="-1" role="dialog" aria-labelledby="storeLocator" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="store-locator-page store-locator-page-v2 store-locator-catering">
<div class="container">
<div class="map-list row no-pad">
<div class="col-lg-6 col-md-12 col-xs-12 col-xs-12 side">
<br />
<div class="row">
<h3 class="center changestore">Change Your Store</h3>
</div>
<div class="zip-container">
<div class="animated-input-container input-store">
<input class="animated-input" type="number" max="5" name="location" value="" autocomplete="off" id="uniqueID" />
<div class="animated-label">
<label for="uniqueID"> ZIP Code</label>
</div>
</div>
</div>
<div class="p center marg25">There are more than <span class="bold">10</span> stores near <span class="bold">15237</span></div>
<div class="listing2">
<div class="map-component-cate">
<!--Begin My Store-->
<div class="store-content giant-eagle">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="my-store-tag">
<i class="fas fa-map-marker-alt"></i>
My Store
</div>
<!--Add this div when my store for my store tag-->
<div class="store-name-cate-locate">1. This is my STORE</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<!--Add style="display:none;" to this button when My Store-->
<a style="display:none;" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">Second Store, Hover to see Outline</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">3Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">4Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">5Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">6Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">7Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">8Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">9Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">10Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">11 - LAst - Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
</div>
</div>
<!--Begin Map Side-->
<div class="map col-lg-6 col-md-12 col-xs-12 col-xs-12 hide-map-mobile side">
<!--NOTE: Leave these classes but replace iframe below with your map part-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.848379523302!2d-79.93679418447626!3d40.45649267936058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f2105555554b%3A0xa3f3fda068b37e64!2sMarket%20District%20Supermarket!5e0!3m2!1sen!2sus!4v1645128762984!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<!--End Map-->
</div>
</div>
</div>
<!--NOTE: Insert store-locator.html here-->
</div>
</div>
</div>
</div>
<!--End Store Locator Popup-->
<script>
// When the user scrolls down 50px from the top of the document, resize the header's font size
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("catering-header").style.fontSize = "12px";
document.getElementById("catering-header").style.height = "54px";
document.getElementById("catering-schedule-time").style.display = "none";
document.getElementById("catering-store-selector").style.display = "none";
document.getElementById("catering-other-site-links").style.display = "none";
document.getElementById("catering-logo").style.width = "100px";
document.getElementById("catering-mobile-logo").style.width = "80px";
document.getElementById("catering-mobile-logo").style.margin = "5px 0px 2px 0px";
} else {
document.getElementById("catering-header").style.fontSize = "14px";
document.getElementById("catering-header").style.height = "103px";
document.getElementById("catering-schedule-time").style.display = "block";
document.getElementById("catering-schedule-time").style.textAlign = "center";
document.getElementById("catering-store-selector").style.display = "block";
document.getElementById("catering-other-site-links").style.display = "block";
document.getElementById("catering-logo").style.width = "130px";
document.getElementById("catering-mobile-logo").style.width = "90px";
}
}
</script>
<div class="catering">
<div class="home-products do-content">
<div class="container">
</div>
</div>
</div>
<hr style="margin-top:-2px;" />
<div class="container">
<div class="legal-info">
<strong>Calorie Statement:</strong><br />
Calories per servng based on the number of suggested servings provided for each item in the menu. Calorie ranges indicate that calories are dependent on the customer's choice. 2,000 calories a day is used for general nutrition advice, but calorie needs vary. Additioanl nutrition information is avaiable upon request.
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
<br /><br />
<strong>Menu Changes:</strong><br />Prices and menu itesm are subject to change without notice.
<br /><br />
<strong>Allergen Statement:</strong><br />Attention persons with food allergies to wheat, soy, eggs, milk, peanuts, tree nuts, fish, and shellfish: Although the staff at Market District takes precautions to safetly handle and label ingredients and foods that contain potential allergens, cross-contamination may occur. Highly sensative individuals should discuss the risks of cross-contamination with their physician.
</div>
</div>
<!--Ramesh I have this part outside the <footer> tags for styling reasons. Let me know if this is an issue-->
<footer>
<a href="https://account.gianteagle.com/PrivacyPolicy?_ga=2.66757230.1301281206.1606190766-1645326429.1561991905" data-content="footer-deli" class="footer-links first-link">Privacy Policy</a>
<a href="https://account.gianteagle.com/TermsOfUse?_ga=2.66757230.1301281206.1606190766-1645326429.1561991905" data-content="footer-deli" class="footer-links">Terms of Use</a>
<a href="https://www.gianteagle.com/about-us/accessibility" data-content="footer-deli" class="footer-links">Accessibility Policy</a>
<a href="https://www.gianteagle.com" data-content="footer-deli" class="footer-links">Gianteagle.com</a>
<a href="https://shop.gianteagle.com/" data-content="footer-deli" class="footer-links last-link">Curbside</a>
<br /><br />
Copyright © 2021 Giant Eagle, Inc. All Rights Reserved.
</footer>Sides Category Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#mac" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Mac & Cheese</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $19.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#mashed" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Mashed Potatos</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $16.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#green" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image">
<i class="fal fa-camera img"></i>
</div>
</div>
<div class="mobile-right">
<div class="product-name">Seasoned Green Beans</div>
<div class="serves">Serves up to 35</div>
<div class="price">Starting at $19.99</div>
</div>
</div>
</div>
</button>
</div>
<!--End col-lg-4-->
</div>
<!--End Row-->
<!-- Modal -->
<div class="modal modal1 fade" id="mac" tabindex="-1" role="dialog" aria-labelledby="mac" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mac & Cheese </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />200 Calorie Per Serving
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-25" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-25" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 10<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 20<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-67" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-67" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal2 fade" id="mashed" tabindex="-1" role="dialog" aria-labelledby="mashed" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;"><img src="" alt="Deli Product" class="img i"></div>
<h1> Mashed Potatoes </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">142 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-26" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-26" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 600<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-69" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-69" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $26.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->
<!-- Modal -->
<div class="modal modal3 fade" id="green" tabindex="-1" role="dialog" aria-labelledby="greenBeans" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image" style="display:none;">
<img src="" alt="Deli Product" class="img i">
</div>
<h1> Seasoned Green Beans </h1>
<div class="h1-subcopy">Yummy and Cheesy<br />Available hot or cold to suit your serving schedule. Half serves up to 15, Full serves up to 35.<br />
<span class="calorie-info">42 cal. per serving</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-24" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-24" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Half - Serves up to 20<br />
<span class="price">$19.99</span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Full - Serves up to 60<br />
<span class="price">$36.99</span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-68" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Hot or Cold</div>
<!--Options Change based on above option-->
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-68" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
Hot
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
Cold
</label>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $500,000</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
</div>
<!-- End Modal -->Store Locator
Change Your Store
There are more than 10 stores near 15237
My Store
1. This is my STORE
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
Second Store, Hover to see Outline
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
3Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
4Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
5Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
6Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
7Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
8Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
9Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
10Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
11 - LAst - Waterworks Market District
910 Freeport Rd Pittsburgh, PA 15238
Distance 4,290.0123 miles
<div class="store-locator-page store-locator-page-v2 store-locator-catering">
<div class="container">
<div class="map-list row no-pad">
<div class="col-lg-6 col-md-12 col-xs-12 col-xs-12 side">
<br />
<div class="row">
<h3 class="center changestore">Change Your Store</h3>
</div>
<div class="zip-container">
<div class="animated-input-container input-store">
<input class="animated-input" type="number" max="5" name="location" value="" autocomplete="off" id="uniqueID" />
<div class="animated-label">
<label for="uniqueID"> ZIP Code</label>
</div>
</div>
</div>
<div class="p center marg25">There are more than <span class="bold">10</span> stores near <span class="bold">15237</span></div>
<div class="listing2">
<div class="map-component-cate">
<!--Begin My Store-->
<div class="store-content giant-eagle">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="my-store-tag">
<i class="fas fa-map-marker-alt"></i>
My Store
</div>
<!--Add this div when my store for my store tag-->
<div class="store-name-cate-locate">1. This is my STORE</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<!--Add style="display:none;" to this button when My Store-->
<a style="display:none;" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">Second Store, Hover to see Outline</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">3Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">4Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">5Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">6Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">7Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">8Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">9Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">10Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
<div class="map-component-cate">
<!--Begin make my store section-->
<div class="store-content market-district">
<div class="row">
<div class="col-sm-7 col-xs-12">
<div class="store-name-cate-locate">11 - LAst - Waterworks Market District</div>
<div class="address-v2">910 Freeport Rd Pittsburgh, PA 15238</div>
<div class="miles">
Distance 4,290.0123 miles
</div>
</div>
<div class="col-sm-5 col-xs-12">
<a href="#" class="button-large button-white btn-store" data-content="click-btn">Make My Store</a>
</div>
</div>
</div>
</div>
<!--End MAke My Store-->
</div>
</div>
<!--Begin Map Side-->
<div class="map col-lg-6 col-md-12 col-xs-12 col-xs-12 hide-map-mobile side">
<!--NOTE: Leave these classes but replace iframe below with your map part-->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3035.848379523302!2d-79.93679418447626!3d40.45649267936058!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f2105555554b%3A0xa3f3fda068b37e64!2sMarket%20District%20Supermarket!5e0!3m2!1sen!2sus!4v1645128762984!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<!--End Map-->
</div>
</div>
</div>Sub Boxes
<!-- Button trigger modal -->
<div class="row">
<!--Begin Row-->
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<button type="button" data-toggle="modal" data-target="#sub" class="catering-modal-btn">
<div class="catering-product-box">
<div class="row">
<div class="mobile-left">
<div class="image"><img src="/assets/toolkit/images/catering/sub.png" alt="Deli Product" class="img i"></div>
</div>
<div class="mobile-right">
<div class="product-name">Sub Platter</div>
<div class="serves">Serves 10-20</div>
<div class="price">Starting at 29.99</div>
</div>
</div>
</div>
</button>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
</div>
</div>
<!--End 2nd row-->
<!-- Modal -->
<div class="modal fade" id="sub" tabindex="-1" role="dialog" aria-labelledby="Sub" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/sub.png" alt="Deli Product" class="img i"></div>
<h1> Sub or Wrap Platter </h1>
<div class="h1-subcopy">Flavor is the key to everything we do and that’s why our meat and cheese, sandwich and sub platters
are tasteful at any affair. All of our Sub & Sandwich Platters come with packets of Mustard, Mayonnaise & Italian Dressing. Complemented by our salads and kicked off with our delicious appetizers, your lunch or dinner is a refreshing take on entertaining.
<br /><br />
Includes lettuce and tomato.<br />
Subs are cut into 4 pieces, wraps are cut into 2.<br />
<span class="calorie-info">390 cal. per serving sub or wrap</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-300" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-300" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
<span class="modifier">
<span data-bind="text: ModificationItemText">Small</span>
<span class="dash"> - </span>
<span class="modifier-description">
serves up to 12. Choose up to 3 Styles.
</span>
</span>
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice">29.99</span></span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
<span class="modifier">
<span data-bind="text: ModificationItemText">Large</span>
<span class="dash"> - </span>
<span class="modifier-description">
serves up to 24. Choose up to 5 Styles.
</span>
</span>
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice">49.99</span></span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-4400" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">0 of 5</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4400" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Deli Favorite – <span class="modifier-description">Roast beef, ham, turkey and provolone cheeseRoast beef, ham, turkey and provolone cheeseRoast beef, ham, turkey and provolone cheese</span> </span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Caprese – <span class="modifier-description">Mozzerela, tomato, basil and olive oil</span> </span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="modifier">
<span class="option-name">Ham & Provolone</span>
<span class="modifier-description">
Includes Ham and Provolone Cheese.
</span>
</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="modifier">
<span class="option-name">Turkey & Swiss</span>
<span class="modifier-description">
Includes Turkey & Swiss Cheese.
</span>
</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Roast Beef & Cheddar</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Chicken Salad</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Veggie & Provolone</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $49.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->
</div>
</div>
</div>
</div>
<!-- End Modal -->Sub Platter
Sub or Wrap Platter
Flavor is the key to everything we do and that’s why our meat and cheese, sandwich and sub platters
are tasteful at any affair. All of our Sub & Sandwich Platters come with packets of Mustard, Mayonnaise & Italian Dressing. Complemented by our salads and kicked off with our delicious appetizers, your lunch or dinner is a refreshing take on entertaining.
Includes lettuce and tomato.
Subs are cut into 4 pieces, wraps are cut into 2.
390 cal. per serving sub or wrap
Includes lettuce and tomato.
Subs are cut into 4 pieces, wraps are cut into 2.
390 cal. per serving sub or wrap
<div class="item-details">
<div class="container">
<div class="details-image"><img src="/assets/toolkit/images/catering/sub.png" alt="Deli Product" class="img i"></div>
<h1> Sub or Wrap Platter </h1>
<div class="h1-subcopy">Flavor is the key to everything we do and that’s why our meat and cheese, sandwich and sub platters
are tasteful at any affair. All of our Sub & Sandwich Platters come with packets of Mustard, Mayonnaise & Italian Dressing. Complemented by our salads and kicked off with our delicious appetizers, your lunch or dinner is a refreshing take on entertaining.
<br /><br />
Includes lettuce and tomato.<br />
Subs are cut into 4 pieces, wraps are cut into 2.<br />
<span class="calorie-info">390 cal. per serving sub or wrap</span>
</div>
<div class="options">
<div class="base-accordian section-margin">
<section class="section">
<div class="faq">
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-300" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose Size</div>
<div class="required-text">Required</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-300" class="faq-answer" data-collapsed="true">
<p class="text-3">
<label class="input-contain">
<input type="radio" checked="checked">
<span class="radio"></span>
<span class="modifier">
<span data-bind="text: ModificationItemText">Small</span>
<span class="dash"> - </span>
<span class="modifier-description">
serves up to 12. Choose up to 3 Styles.
</span>
</span>
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice">29.99</span></span>
</label>
<label class="input-contain">
<input type="radio">
<span class="radio"></span>
<span class="modifier">
<span data-bind="text: ModificationItemText">Large</span>
<span class="dash"> - </span>
<span class="modifier-description">
serves up to 24. Choose up to 5 Styles.
</span>
</span>
<span class="price" data-bind="if: RegularPrice">$<span data-bind="text: RegularPrice">49.99</span></span>
</label>
</p>
</div>
</div>
<div class="faq-row">
<div role="button" class="question" aria-controls="faq-answer-4400" tabindex="0">
<p class="text-3">
<div class="row hr-row">
<div class="header">Choose up to 5 Styles</div>
<!--Number changes based on options above-->
<div class="required-text">0 of 5</div>
</div>
</p>
<span class="faq-icon plus">+</span>
<span class="faq-icon minus hidden">-</span>
</div>
<div id="faq-answer-4400" class="faq-answer" data-collapsed="true">
<p class="text-3">
<div class="plus-minus-options">
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Italian – Ham, capicola, salami and provolone cheese</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Deli Favorite – <span class="modifier-description">Roast beef, ham, turkey and provolone cheeseRoast beef, ham, turkey and provolone cheeseRoast beef, ham, turkey and provolone cheese</span> </span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Caprese – <span class="modifier-description">Mozzerela, tomato, basil and olive oil</span> </span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="modifier">
<span class="option-name">Ham & Provolone</span>
<span class="modifier-description">
Includes Ham and Provolone Cheese.
</span>
</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="modifier">
<span class="option-name">Turkey & Swiss</span>
<span class="modifier-description">
Includes Turkey & Swiss Cheese.
</span>
</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Roast Beef & Cheddar</span>
</div>
<div class="qty border">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
<span class="option-name">Chicken Salad</span>
</div>
<div class="qty border">
<!--Hide if grayed out
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
-->
<span class="gray plus">+</span>
<span class="option-name">Veggie & Provolone</span>
</div>
</div>
</p>
</div>
</div>
</div>
<div class="app-section"></div> <!-- This needed to prevent script error -->
</section>
</div>
<textarea name="notes" id="" rows="5" placeholder="Please leave us any notes, please note we cannot add anything, but we can remove items."></textarea>
<div class="legal-info">
<br /><br />
<strong>Calorie Statement:</strong><br />2,000 calories a day is used for general nutrition advice, but calorie needs vary.
</div>
</div>
<!--End Options-->
</div>
</div>
<div class="fixed-order-buttons">
<div class="row">
<div class="col-sm-4">
<div class="qty">
<span class="minus">-</span>
<span class="count">1</span>
<span class="plus">+</span>
</div>
</div>
<div class="col-sm-8 button">
<a href="#" class="button-full-width-red grayed-out" data-content="click-btn-add-to-order" aria-label="Giant Eagle Button"><i class="fal fa-shopping-basket"></i></i> Add to Order · $49.99</a>
</div>
</div>
</div>
<!--End Fixed Order Buttons-->