<?php
require 'php/setVariables.php';
$keywords = "sides, corn, mashed potatoes, coleslaw, french fries, waffle fries, sweet potato fries, mozzarella cheese sticks";
$description = "Want to taste Homemade Burgers? Our buns and meat are made daily. Never frozen. We offer breakfast, lunch and dinner. Check Our Coupon OFFERS!";
$title = "Sides | 11/11 Crispy Chicken & Burgers";
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <?php
    require 'req/header.php';
    ?>
</head>

<body>
    <div class="fullwrapper"><!-- begin fullwrapper -->

        <?php require 'req/top.php'; ?>

        <section>
            <div class="pageFull maintitbg">
                <div class="pageSize">
                    <div class="subPageTit">
                        <h1>11/11 Fresh Sides</h1>
                    </div>
                </div>
            </div>
        </section>

        <section>
            <div class="pageFull menumainbg">
                <div class="menumainWrap wrapProduct">

                    <div class="menumainBox">
                        <img src="images/products/mashed-potatoes.jpg" alt="Mashed Potatoes" title="Mashed Potatoes">
                        <h3>Mashed Potatoes</h3>
                        <p class="price">Regular: $3.99</p>
                        <p class="price">Large: $5.49</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>110 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>3.5 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0.5 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>330 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>17 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>

                    <div class="menumainBox">
                        <img src="images/products/coleslaw.jpg" alt="Coleslaw" title="Coleslaw">
                        <h3>Coleslaw</h3>
                        <p class="price">Regular: $3.99</p>
                        <p class="price">Large: $5.49</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>170 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>12 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>5 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>180 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>14 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>4 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>10 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                       <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>


                    <div class="menumainBox">
                        <img src="images/products/waffle-fries-plus.jpg" alt="Waffle Fries" title="Waffle Fries">
                        <h3>Waffle Fries</h3>
                        <p class="price">Large: $4.49</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>320 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>15 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>1100 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>41 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>3 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>5 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>

<!--
                    <div class="menumainBox">
                        <img src="images/products/sweet-potato-waffle-fries.jpg" alt="Sweet Potato Waffle Fries" title="Sweet Potato Waffle Fries">
                        <h3>Sweet Potato Waffle Fries</h3>
                        <p class="price">Large: $5.99</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>180 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>9 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>1.5 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>180 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>24 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>8 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>
-->



                    <div class="menumainBox">
                        <img src="images/products/potato-salad.jpg" alt="Potato Salad" title="Potato Salad">
                        <h3>Potato Salad</h3>
                        <p class="price">Regular: $3.99</p>
                        <p class="price">Large: $5.59</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>220 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>11 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>40 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>580 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>25 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>3 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>7 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>6 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>3 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>

                    <div class="menumainBox">
                        <img src="images/products/marys-mac-and-cheese.jpg" alt="Mary’s Mac & Cheese" title="Mary’s Mac & Cheese">
                        <h3>Mary&rsquo;s Mac &amp; Cheese</h3>
                        <p class="price">Large: $5.99</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>480 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>27 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>16 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0.5 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>85 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>1370 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>38 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>6 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>18 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>

                    <div class="menumainBox">
                        <img src="images/products/mozzarella-cheese-sticks-new.jpg" alt="Mozzarella Cheese Sticks" title="Mozzarella Cheese Sticks">
                        <h3>Mozzarella Cheese Sticks</h3>
                        <p class="price">Large: $5.99</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>101 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>6 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>2 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>11 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>268 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>7 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>5 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>


                    <div class="menumainBox">
                        <img src="images/products/onion-rings.jpg" alt="Onion Rings" title="Onion Rings">
                        <h3>Onion Rings</h3>
                        <p class="price">Large: $4.49</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>219 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>12 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>4 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>209 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>26 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>3 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>

                    <div class="menumainBox">
                        <img src="images/products/6-biscuits.jpg" alt="6 Biscuits" title="6 Biscuits">
                        <h3>6 Biscuits</h3>
                        <p class="price">$4.49</p>
                        <div class="sNutriWrap">
                             <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <div class="panelNutriWrap panelsNutriWrap">
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>180 kcal <span>calories</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>8 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>4.5 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>0 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox panelsNutriBox">
                                        <p>520 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>22 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>1 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>0 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox panelsNutriBox">
                                        <p>4 g <span>protein</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="ordermenuBtnPlace"><a class="ordermenuBtn" href="locations.php">order now</a></div>
                    </div>


                </div>

            </div>

        </section>
        <?php require 'req/CTA-section.php'; ?>

    </div><!-- end fullwrapper -->

    <?php require 'req/footer.php'; ?>

     <!-- owl carousal -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script>
        $('.owl-carousel').owlCarousel({
            loop: true,
            margin: 40,
            nav: false,
            responsive: {
                0: {
                    stagePadding: 0,
                    loop: true,
                    responsiveClass: true,
                    dots: true,
                    autoHeight: true,
                    nav: false,
                    items: 1,
                },
                479: {
                    items: 1,
                },
                768: {
                    items: 2,
                },
                1024: {
                    items: 3,
                },
                1920: {
                    items: 3,
                },

                2560: {
                    items: 4,
                },
            }
        })
    </script>
    <!-- end owl carousal -->

 <!-- accordion for nutritional facts -->
    <script>
    var acc = document.getElementsByClassName("accordion");
    var i;

    for (i = 0; i < acc.length; i++) {
      acc[i].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.maxHeight) {
          panel.style.maxHeight = null;
        } else {
          panel.style.maxHeight = panel.scrollHeight + "px";
        }
      });
    }
    </script>
    <!-- end accordion for nutritional facts -->
</body>

</html>
