<?php
require 'php/setVariables.php';
$keywords = "sandwich, burgers, slider, boxes, 11/11 signature crispy chicken, family style, wings, sides, kids meal, desserts, shakes &amp; drinks";
$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 = "Menu | 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 Crispy Chicken
                            & Burgers Menu</h1>
                    </div>
                </div>
            </div>
        </section>


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

                    <div class="menumainBox">
                        <a href="box-meals.php"><img src="images/menu/family-crispy-chicken-meals.jpg" class="box" alt="Signature-Crispy-Chicken">
                            <h3>Box Meals</h3>
                        </a>
                    </div>

                    <div class="menumainBox">
                        <a href="burgers.php"><img src="images/menu/bacon-cheese-burger-menu.jpg" alt="Burger">
                            <h3>Burgers</h3>
                        </a>
                    </div>

                    <div class="menumainBox">
                        <a href="chicken.php"><img src="images/menu/robert-chicken-menu.jpg" alt="Chicken">
                            <h3>Chicken</h3>
                        </a>
                    </div>

                    <div class="menumainBox">
                        <a href="specialty.php"><img src="images/menu/chicken-waffle.jpg" alt="Sandwich">
                            <h3>Specialty</h3>
                        </a>
                    </div>


                    <div class="menumainBox">
                        <a href="salads.php"><img src="images/menu/chicken-caesar-salad.jpg" alt="Salads" title="Salads">
                            <h3>Salads</h3>
                        </a>
                    </div>


                    <div class="menumainBox">
                        <a href="kids-meal.php"><img src="images/menu/kids-fingers-and-fries-menu.jpg" alt="Kids-Meal">
                            <h3>Kids Meal</h3>
                        </a>
                    </div>


                    <div class="menumainBox">
                        <a href="sides.php"><img src="images/menu/sides-menu.jpg" alt="Sides">
                            <h3>Sides</h3>
                        </a>
                    </div>

                    <div class="menumainBox">
                        <a href="shakes-drinks.php"><img src="images/menu/milkshakes-menu.jpg" alt="Shakes-&-Drinks">
                            <h3>Shakes</h3>
                        </a>
                    </div>

<!--
                    <div class="menumainBox">
                        <a href="desserts.php"><img src="images/menu/Desserts.jpg" alt="Desserts">
                            <h3>Desserts</h3>
                        </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 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>
