<!DOCTYPE html>
<html lang="en">

<head>
    <?php
    require 'php/setVariables.php';
    $keywords = "chicken only, big signature, crispy chicken";
    $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 = "11/11 Big Signature Crispy Chicken Only | 11/11 Crispy Chicken & Burgers";
    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 prPageBgColor">
            <div class="prPageSize">
              <div class="prPageWrap">
                <div class="prPageImg">
                  <img src="images/products/crispy-chicken-meal.png" alt="Family Crispy Chicken Meals Chicken Only" title="Family Crispy Chicken Meals Chicken Only">
                </div><!-- end prPageImg -->
                <div class="prPageText">
                  <h1>family crispy chicken meals - Chicken Only</h1>
                  <p class="prodScript">Original or Spicy</p>
                  <p class="potPrice">$27.99 <span>/ 12 pieces</span></p>
                  <p class="potPrice">$36.99 <span>/ 16 pieces</span></p>
                  <p class="potPrice">$45.99 <span>/ 20 pieces</span></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><!-- end prPage prPageBgColor -->


          <div class="prPage">
            <div class="prPageSize">
              <div class="prPageWrap">
                <div class="prPageImg">
                  <img src="images/products/family-crispy-chicken-meals-combo.jpg" alt="Family Crispy Chicken Combo" title="Family Crispy Chicken Combo">
                </div><!-- end prPageImg -->
                <div class="prPageText">
                  <h2>family crispy chicken meals - Chicken Combo</h2>
                  <p class="prodScript">Original or Spicy</p>
                  <p class="potPrice">$34.99 <span>/ 12 pieces</span></p>
                  <p class="prPageDescUndPr">Includes: 3 Large Sides &amp; 6 Biscuits.</p>
                  <p class="potPrice">$44.99 <span>/ 16 pieces</span></p>
                  <p class="prPageDescUndPr">Includes: 4 Large Sides &amp; 10 Biscuits.</p>
                  <p class="potPrice">$54.99 <span>/ 20 pieces</span></p>
                  <p class="prPageDescUndPr">Includes: 5 Large Sides &amp; 12 Biscuits.</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><!-- end prPage prPageBgColor -->
        </section>



        <?php require 'req/sides-slider.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: 3,
                },
                1024: {
                    items: 5,
                },
                1301: {
                    items: 5,
                },
                1920: {
                    items: 5,
                },

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

</body>

</html>
