<!DOCTYPE html>
<html lang="en">
<head>
<?php
  require 'php/setVariables.php';
  $keywords = "services";
  $description = "Custom Cutting and Serving boards";
  $title = "Products | Dick's Harwood Creations";
  require 'req/header.php';
?>
</head>
<body>
    <div class="bodyFrame">


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

        <!-- begin content -->
        <main>
            
            
        <section>
            <div class="pageFull prodtitbg">
                <div class="prodTit">
                    <h1>products</h1>
                </div>
            </div>
        </section>


        <section>
            <div class="pageFull prodbg">
                <div class="prodPage">
                    
                    <div class="prodWrap">
                        <div class="prodBox">
                            <img src="images/products/product-1.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$80</p>
                        </div>
                        <div class="prodBox">
                            <img src="images/products/product-2.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$66</p>
                        </div>
                        <div class="prodBox">
                            <img src="images/products/product-1.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$75</p>
                        </div>
                         <div class="prodBox">
                            <img src="images/products/product-1.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$80</p>
                        </div>
                        <div class="prodBox">
                            <img src="images/products/product-2.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$66</p>
                        </div>
                        <div class="prodBox">
                            <img src="images/products/product-1.png" alt="#">
                            <h3>Lorem ipsum</h3>
                            <p class="pCont">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                            <p class="pPrice">$75</p>
                        </div>
                    </div>
                    
                    <?php //require 'req/productsMob.php'; ?>
                    
                    
                </div>
            </div>
        </section>
            
        
            
       




        </main>
         <!-- end content -->

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

    </div><!-- end bodyFrame -->

     <!-- 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,
        },
        1000: {
          items: 2,
        },
        1300: {
          items: 3,
        },
        1301: {
          items: 3,
        },

        2560: {
          items: 3,
        },
      }
    })
  </script>
    
</body>
</html>
