<?php
require 'php/setVariables.php';
$keywords = "slider box, fries";
$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 = "Slider Box and Fries | 11/11 Crispy Chicken & Burgers";
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <?php
    require 'req/header.php';
    ?>
    <!-- owl carousal -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
    <!-- end owl carousal -->
</head>

<body>

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


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



        <section>
          <div class="prPage">
            <div class="prPageSize">
              <div class="prPageWrap">
                <div class="prPageImg">
                  <img src="images/products/slider-box-and-fries.jpg" alt="Slider Box and Fries" title="Slider Box and Fries">
                </div><!-- end prPageImg -->
                <div class="prPageText">
                  <h1>Slider Box and Fries</h1>
                  <p class="prodScript">Choice of: Chicken or Beef</p>
                  <p class="prPageDesc">Includes: 1 Slider, Waffle Fries, Fountain Drink &amp; Ring Pop.</p>
                  <p class="potPrice">$6.99</p>
                  <div class="prPageBtnPlace">
                    <a class="orderRedBtn" href="locations.php">order online</a>
                  </div><!-- end prPageBtnPlace -->
                </div><!-- end prPageText -->
              </div><!-- end prPageWrap -->
            </div><!-- end prPageSize -->

              <div class="prPageSize">
                  <div class="prNutriWrap">
                    <button class="accordion accone"> <span>nutritional facts</span></button>
                            <div class="panel">
                                <p class="panelNutrip">Slider Box Kids Meal Hamburger</p>
                                <div class="panelNutriWrap panelNutripp">
                                    <div class="panelNutriBox">
                                        <p>202 kcal <span>calories</span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>10 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>4 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>36 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>244 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>14 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>0.5 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>2 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>1 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>12 g <span>protein</span></p>
                                    </div>
                                </div>


                                <p class="panelNutrip">Slider Box Kids Meal Chicken</p>
                                <div class="panelNutriWrap">
                                    <div class="panelNutriBox">
                                        <p>210 kcal <span>calories</span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>8 g <span>total fat</span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>1.5 g <span>saturated fat </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>0 g <span>trans fat </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>15 mg <span>cholesterol </span></p>
                                    </div>
                                     <div class="panelNutriBox">
                                        <p>380 mg <span>sodium </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>25 g <span>Total Carbohydrates </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>1 g <span>dietary fiber </span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>3 g <span>sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>1 g <span>added sugars</span></p>
                                    </div>
                                    <div class="panelNutriBox">
                                        <p>8 g <span>protein</span></p>
                                    </div>
                                </div>

                            </div>
                    </div>
              </div>

          </div><!-- end prPage prPageBgColor -->
        </section>




        <!-- <?php require 'req/sides-slider.php'; ?> -->


        <?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>
        $('.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>
