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

<head>
  <?php
  require 'php/setVariables.php';
  $keywords = "windows";
  $description = "Evolution Windows and Doors";
  $title = "Windows | Evolution Windows and Doors";

  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>

  <!-- content begin -->


  <!-- navigation menu -->


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


  <main>


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

          <div class="doorsIndiviWrap">
            <div class="doorsIndivImg">
              <img src="images/doors/feather-river/modern-colllection.jpg" alt="Modern Collection" title="Modern Collection">
            </div>

            <div class="doorsIndivText">
              <h1>Modern Collection</h1>

              <div class="floorList">
                <ul>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien enim, mattis sit amet sollicitudin id.</li>
                </ul>
              </div><!-- end floorList -->


            </div><!-- end doorsIndivText -->
          </div><!-- end doorsIndiviWrap -->

        </div><!-- end pageSize -->
      </div><!-- end pageFull doorsIndivPage -->
    </section>









  </main>

  <?php require 'req/footer.php'; ?>
  <!-- content end -->

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