<?php
require 'php/setVariables.php';
$keywords = "locations, 11/11 locations";
$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 = "Locations | 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>Restaurant Locations</h1>
                    </div>
                </div>
            </div>
        </section>


        <section>
          <div class="pageFull locationsPage">
            <div class="pageSize">

              <div class="clocWrap">
                <div class="cloc firstCloc">
                    <h2>Clio, MI</h2>
                    <p class="contAdr"><a href="tel:<?php echo $tellink1; ?>"><?php echo $tel1; ?></a></p>
                    <p class="contAdr"><?php echo $adr1; ?></p>
                    <p class="contDirect"><a target="_blank" href="<?php echo $location1; ?>">Click Here for Directions</a></p>
                    <p class="contWHours"><?php echo $hours1; ?></p>
                    <div class="locatPlaceBtnOrder">
                      <a href="<?php echo $gg1; ?>" class="contGG" target="_blank"><i class="fa-brands fa-google foosocico"></i></a>
                     <a href="<?php echo $order_clio; ?>" class="ordermenuBtn2" target="_blank">order online</a>
                    </div>
                    <div class="map"><?php echo $map1; ?> </div>

                </div>
                <div class="cloc firstCloc">
                    <h2>Wixom, MI</h2>
                    <p class="contAdr"><a href="tel:<?php echo $tellink2; ?>"><?php echo $tel2; ?></a></p>
                    <p class="contAdr"><?php echo $adr2; ?></p>
                    <p class="contDirect"><a target="_blank" href="<?php echo $location2; ?>">Click Here for Directions</a></p>
                    <p class="contWHours"><?php echo $hours2; ?></p>
                    <div class="locatPlaceBtnOrder">
                      <a href="<?php echo $gg2; ?>" class="contGG" target="_blank"><i class="fa-brands fa-google foosocico"></i></a>
                      <a href="<?php echo $order_wixom; ?>" class="ordermenuBtn2" target="_blank">order online</a>
                    </div>
                    <div class="map"><?php echo $map2; ?> </div>
                </div>

                <div class="cloc firstCloc">
                    <h2>Roseville, MI</h2>
                    <p class="contAdr"><a href="tel:<?php echo $tellink4; ?>"><?php echo $tel4; ?></a></p>
                    <p class="contAdr"><?php echo $adr4; ?></p>
                    <p class="contDirect"><a target="_blank" href="<?php echo $location4; ?>">Click Here for Directions</a></p>
                    <p class="contWHours"><?php echo $hours4; ?></p>
                    <div class="locatPlaceBtnOrder">
                      <a href="<?php echo $gg4; ?>" class="contGG" target="_blank"><i class="fa-brands fa-google foosocico"></i></a>
                      <a href="<?php echo $order_roseville; ?>" class="ordermenuBtn2" target="_blank">order online</a>
                    </div>
                    <div class="map"><?php echo $map4; ?> </div>
                </div>

                  <div class="cloc firstCloc">
                      <h2>Waterford Twp, MI</h2>
                    <p class="contAdr"><a href="tel:<?php echo $tellink5; ?>"><?php echo $tel5; ?></a></p>
                    <p class="contAdr"><?php echo $adr5; ?></p>
                    <p class="contDirect"><a target="_blank" href="<?php echo $location5; ?>">Click Here for Directions</a></p>
                    <p class="contWHours"><?php echo $hours5; ?></p>
                    <div class="locatPlaceBtnOrder">
                      <a href="<?php echo $gg5; ?>" class="contGG" target="_blank"><i class="fa-brands fa-google foosocico"></i></a>
                      <a href="<?php echo $order_waterford; ?>" class="ordermenuBtn2" target="_blank">order online</a>
                    </div>
                    <div class="map"><?php echo $map5; ?> </div>
                </div>

                <div class="cloc">
                    <h2>Novi, MI</h2>
                  <p class="contAdr"><a href="tel:<?php echo $tellink6; ?>"><?php echo $tel6; ?></a></p>
                  <p class="contAdr"><?php echo $adr6; ?></p>
                  <p class="contDirect"><a target="_blank" href="<?php echo $location6; ?>">Click Here for Directions</a></p>
                  <p class="contWHours"><?php echo $hours6; ?></p>
                  <div class="locatPlaceBtnOrder">
                    <a href="<?php echo $gg6; ?>" class="contGG" target="_blank"><i class="fa-brands fa-google foosocico"></i></a>
                    <a href="<?php echo $order_novi; ?>" class="ordermenuBtn2" target="_blank">order online</a>
                  </div>
                  <div class="map"><?php echo $map6; ?> </div>
              </div>

              </div>
            </div><!-- end pageSize about -->
          </div><!-- end pageFull topi -->
        </section>


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

                </div>
            </div>
        </section>
-->

    </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>
