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

<head>
  <?php
  require 'php/setVariables.php';
  $keywords = "slider box, beef slider, chicken slider";
  $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 | 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="pageFull maintitbg">
        <div class="pageSize">
          <div class="subPageTit">
            <h1>Slider Box</h1>
          </div>
        </div>
      </div>
    </section>

    <section>
      <div class="pageFull prodmainbg">
        <div class="prodTitWrap firstSec">
          <img src="images/products/beef-slider.jpg" alt="Beef Slider">
          <h2><span>Beef Slider</span></h2>

          <p class="prodCombo">2 Sliders: $11.48</p>
          <p class="prodCombo">4 Sliders: $14.99</p>
          <p class="prodDesc">Includes: 1 Small Side and a Drink.</p>
          <p class="prodDesc">American Cheese, Grilled Onion, Lettuce, Tomato, and Ketchup.</p>

          <div class="prodBtnPlace"><a class="ordermenuBtn2" href="locations.php" title="Order Online">order online</a></div>
        </div>

        <div class="diviGrey diviAddMarg"></div>

        <div class="prodTitWrap">
          <img src="images/products/chicken-slider.jpg" alt="Chicken Slider">
          <h2><span>Chicken Slider</span></h2>
          <p class="prodCombo">Combo: $11.99</p>
          <p class="prodDesc">Includes: 1 Small Side and a Drink.</p>
          <p class="prodDesc">American Cheese, Lettuce, Tomato, and 11/11 Sauсe</p>

          <div class="prodBtnPlace"><a class="ordermenuBtn2" href="locations.php" title="Order Online">order online</a></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>
    $('.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 -->

</body>

</html>
