<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Sudila Printers</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<!-- <link rel="shortcut icon" href="images/favicon.ico"> -->

<!-- Google font (font-family: 'Roboto', sans-serif; Poppins ; Satisfy) -->
<link type="text/css" href="css/font_opensans.css" rel="stylesheet">
<link type="text/css" href="css/font_poppins.css" rel="stylesheet">
<link type="text/css" href="css/font_roboto.css" rel="stylesheet">
<!-- Stylesheets -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<!-- Cusom css -->
<link type="text/css" rel="stylesheet" href="css/custom.css">
<link href="css/jquery.toast.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <style type="text/css">
  .furniture--4 .owl-item{max-width: 257px !important; max-height: auto !important;}
  .product__indicator--4 .owl-item{max-width: 257px !important; max-height: auto !important; border-radius: 3px;}
 /* .single__product{max-width: 274px !important; max-height: auto; }*/

 .product .product__thumb {
   margin: 10px;
}
.category-box {
    border: 2px solid #008e46;
    border-radius: 10px;
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    background-color: #e8f5e9; /* Light green background */
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    position: relative;
    overflow: hidden;
    background-image: url('images/bg/box2.png'); 
}

.category-box a {
    text-decoration: none;
    color: #008e46;
    font-weight: bold;
    font-size: 18px;
    transition: color 0.3s;
}

.category-box:hover {
    background-color: #a5d6a7; /* Darker green on hover */
    box-shadow: 0 8px 16px rgba(0, 142, 70, 0.3);
    transform: translateY(-5px);
}

.category-box:hover a {
    color: #004d40; /* Darker text on hover */
}

.category-box.active {
    background-color: #007bff;
    color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 123, 0.3);
}

.category-box.active a {
    color: white;
}

.category-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    transition: opacity 0.3s;
    border-radius: 10px;
}

.category-box:hover::before {
    opacity: 1;
}

.see-more-link {
    text-decoration: none;
    font-size: 16px;
    color: #008e46;
    font-weight: bold;
    transition: color 0.3s;
}

.see-more-link:hover {
    text-decoration: underline;
    color: #2c2f94;
}

</style>
<!-- Main wrapper -->
<div class="wrapper" id="wrapper"> 
  <!-- Header -->
  <?php include 'common/header.php';

  require 'common/pagination.php';

  $pagination = new Pagination();
  $records_per_page = 48;
  $cat = '';
  $cat_name = '';
  $ktxt = '';
  
  if(isset($_GET['c'])) { // Category Search
    $cat = htmlspecialchars(strip_tags(trim($_GET['c'])), ENT_QUOTES, 'UTF-8');
    
    if(empty($cat)) {
      $redirectUrl = "bookstore-sudila-printers-sri-lanka";
      echo "<script type=\"text/javascript\">";
      echo "window.location.href = '$redirectUrl'";
      echo "</script>";
      
    } else {
      $sqlbk = mysqli_query($conn, "SELECT id, category FROM category WHERE search_id='$cat'");
      if(mysqli_num_rows($sqlbk) == 0) {
        $redirectUrl = "bookstore-sudila-printers-sri-lanka";
        echo "<script type=\"text/javascript\">";
        echo "window.location.href = '$redirectUrl'";
        echo "</script>";
      
      } else {
        $sqlb = mysqli_fetch_assoc($sqlbk);
        $cat_name = $sqlb['category'];
        $cat_id = $sqlb['id'];
        
        $sql_p = "SELECT
SQL_CALC_FOUND_ROWS
id, name, price, front_image, back_image, weight, stock_out, discount, search_id, description, new_arrivals, publisher, reviews
FROM
bookdetails
WHERE
id IN (SELECT Book_ID FROM category_map WHERE Cat_ID=$cat_id)";
      
      }
    }
  
  } else if(isset($_GET['s']))  { // Keyword Search
    $key = htmlspecialchars(strip_tags(trim($_GET['s'])), ENT_QUOTES, 'UTF-8');
    $sql_p = "SELECT
SQL_CALC_FOUND_ROWS
id, name, price, front_image, back_image, weight, stock_out, discount, search_id, description, new_arrivals, publisher, reviews
FROM
bookdetails
WHERE
key_words LIKE '%$key%'";

    if(empty($key)) {
      $ktxt = "";
    } else {
      $ktxt = "<h5 class='pb--30'>Search results for: <b>'".$key."'</b></h5>";
    }
    
  } else {
    $records_per_page = 100;
    $sql_p = "SELECT
SQL_CALC_FOUND_ROWS
id, name, price, front_image, back_image, weight, stock_out, discount, search_id, description, new_arrivals, publisher, reviews
FROM
bookdetails";

  }
  
  $sql_pro = $sql_p." ORDER BY id DESC LIMIT " . (($pagination->get_page() - 1) * $records_per_page) . ', ' . $records_per_page . '';
  $tot = mysqli_num_rows(mysqli_query($conn, $sql_p));
  
  //echo $sql_pro;

  if (!($result_pro = @mysqli_query($conn, $sql_pro))) {
    die(mysqli_error($conn));
  }
  if (!($result_pro2 = @mysqli_query($conn, $sql_pro))) {
    die(mysqli_error($conn));
  }
  
  $rows = mysqli_fetch_assoc(mysqli_query($conn, 'SELECT FOUND_ROWS() AS row_ct'));
  $pagination->records($rows['row_ct']);
  $pagination->records_per_page($records_per_page);


   ?>
<!-- //Header --> 
  <!-- Start Slider area -->
  <div class="slider-area brown__nav slider--15 slide__activation slide__arrow01 owl-carousel owl-theme"> 
      <?php $sql_b = mysqli_query($conn, "SELECT * FROM main_banner LIMIT 3");
    $bc = 0;
    while($row_b = mysqli_fetch_array($sql_b)) { $bc++; ?>
    <div class="slide animation__style10 fullscreen bg-image--1 align__center--left" style="background-image:url(image/bg-images/<?php echo $row_b['img']; ?>)">
    <!--<div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="slider__content">
            <div class="contentbox">
              <?php //if(!empty($row_b['title_1'])) { ?>
              <h3 class="text-white"><?php //echo $row_b['title_1']; ?></h3>
              <?php //} ?>
              <?php //if(!empty($row_b['title_2'])) { ?>
              <h3 class="text-white"><?php //echo $row_b['title_2']; ?></h3>
              <?php //} ?>
              <?php //if($bc == 1) { ?>
              <a class="btn btn-warning text-white" href="bookstore-sudila-printers-sri-lanka">Go to Book Store</a>
              <?php //} ?>
            </div>
          </div>
        </div>
      </div>
    </div>-->
      </div>
      <?php } ?>
  </div>
  <!-- End Slider area --> 
 

  <!-- Start BEst Seller Area -->
  <section class="wn__product__area brown--color pt--50  pb--30">
    <div class="container-fluid" style="max-width: 1650px;">
      <div class="row">
        <div class="col-lg-12">
          <div class="section__title text-center">
            <h2 class="title__be--2">New <span class="color--theme">Arrivals</span></h2>
          </div>
        </div>
      </div>
      <!-- Start Single Tab Content -->
      <div class="furniture--4 border--round arrows_style owl-carousel owl-theme mt--50 "> 
        <!-- Start Single Product -->
        <?php
    $sql_pr = mysqli_query($conn, "SELECT id, name, price, front_image, back_image, weight, stock_out, discount, search_id, reviews FROM bookdetails WHERE new_arrivals=1 ORDER by id DESC LIMIT 32");
    while($row_pr = mysqli_fetch_array($sql_pr)) {
      $f_img = $row_pr['front_image'];
      $b_img = $row_pr['back_image'];
      
      if(empty($f_img)) { $front_img = 'noimg.jpg'; } else { $front_img = $f_img; }
      if(empty($b_img)) { $back_img = $front_img; } else { $back_img = $b_img; }
      
      $old_price = $row_pr['price'];
      if($row_pr['discount'] == 0) {
        $new_price = $row_pr['price'];
        $clz = 'hidden';
        
      } else {
        $new_price = ($row_pr['price'] - ($row_pr['price'] * $row_pr['discount']/100));
        $clz = '';
      }
    ?>
        <div class="product product__style--3" ><!-- style="margin: 5px;" -->
          <div class="col-lg-3 col-md-4 col-sm-6 col-12"> <!-- style="border: 2px solid #ccc;" -->
            <div class="product__thumb" title="<?php echo $row_pr['name']; ?>" > <a class="first__img" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $front_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> <a class="second__img animation1" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $back_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> 
            </div>
            <div class="product__content content--center">
              <h4><a href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><?php echo $row_pr['name']; ?></a></h4>
              <ul class="prize d-flex">
                <li>LKR <?php echo number_format($new_price, 2); ?></li>
                <li class="old_prize ml--10 <?php echo $clz; ?>">LKR <?php echo number_format($old_price, 2); ?></li>
              </ul>
              <div class="action">
                <div class="actions_inner">
                  <ul class="add_to_links">
          <?php if($row_pr['stock_out'] == 0 && $row_pr['weight'] > 0) { ?>
                    <li><a title="Add to Cart" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_cart btn_itm_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-shopping-cart-emply"></i></a></li>
          <?php } else { echo '<small class="text-danger">Out of Stock</small> &nbsp;'; } ?>
                    <li><a title="Add to Wishlist" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_wish btn_wh_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-love"></i></a></li>
                    <li><a data-toggle="modal" title="Quick View" data-product-id="<?php echo $row_pr['id']; ?>" class="quickview modal-view detail-link btn_view" href="#productmodal"><i class="bi bi-search"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="product__hover--content">
                <ul class="rating d-flex">
        <?php
        $reviews = $row_pr['reviews'];
        for($rx = 0; $rx < $reviews; $rx++) {
          echo '<li class="on"><i class="fa fa-star-o"></i></li>';
        }
        
        for($rx = 0; $rx < (5-$reviews); $rx++) {
          echo '<li><i class="fa fa-star-o"></i></li>';
        }
        ?>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- End Single Product -->
        <?php } ?>
      </div>
      <!-- End Single Tab Content --> 
    </div>
  </section>
   
  <!-- Start BEst Seller Area --> 
  <!-- Start Best Seller Area -->
  <section class="wn__bestseller__area bg--gray pt--30  pb--30">

    <div class="container-fluid" style="max-width: 1600px;">
      <div class="row">
        <div class="col-lg-12">
          <div class="section__title text-center">
            <h2 class="title__be--2">Product <span class="color--theme">List</span></h2>
          </div>
        </div>
      </div>


      <!--<div class="row mt--50">
        <div class="col-md-12 col-lg-12 col-sm-12">
          <div class="product__nav nav justify-content-center" role="tablist">
            <?php /*$sql_ct = mysqli_query($conn, "SELECT * FROM category WHERE id IN (SELECT Cat_ID FROM category_map) LIMIT 5");
        $cat_arr = array();
        $y = 0;
        while($row_ct = mysqli_fetch_array($sql_ct)) { $y++; array_push($cat_arr, $row_ct['id']); */ ?>
            <a class="nav-item nav-link <?php //if($y == 1) { echo 'active'; } ?>" data-toggle="tab" href="#nav-<?php //echo $row_ct['id']; ?>" role="tab"><?php //echo $row_ct['category']; ?></a>
            <?php //} ?>
          </div>
        </div>
      </div>-->
      <div class="tab__container mt--40">
        <?php
    //$i = 0;
    //foreach($cat_arr AS $c_id) { $i++; ?>
        <!-- Start Single Tab Content -->
        <div class=" single__tab tab-pane fade show active<?php //if($i == 1) { echo 'show active'; } ?>" id="nav-<?php //echo $c_id; ?>" role="tabpanel">
          <div class="product__indicator--4 arrows_style owl-carousel owl-theme">
            <?php  $r = 0; for($q = 0; $q < 24; $q++) { ?>
            <div class="single__product"> 
              <!-- Start Single Product -->
              <?php
      //echo "SELECT id, name, price, front_image, back_image, weight, stock_out, discount, search_id FROM bookdetails ORDER by id DESC LIMIT $r, 2";
      $sql_pr = mysqli_query($conn, "SELECT id, name, price, front_image, back_image, weight, stock_out, discount, search_id, reviews, new_arrivals FROM bookdetails ORDER by id DESC LIMIT $r, 2"); // WHERE id IN (SELECT Book_ID FROM category_map WHERE Cat_ID='$c_id') 
      while($row_pr = mysqli_fetch_array($sql_pr)) {
        $f_img = $row_pr['front_image'];
        $b_img = $row_pr['back_image'];
        
        if(empty($f_img)) { $front_img = 'noimg.jpg'; } else { $front_img = $f_img; }
        if(empty($b_img)) { $back_img = $front_img; } else { $back_img = $b_img; }
        
        $old_price = $row_pr['price'];
        if($row_pr['discount'] == 0) {
          $new_price = $row_pr['price'];
          $clz = 'hidden';
          $clz2 = '';
          
        } else {
          $new_price = ($row_pr['price'] - ($row_pr['price'] * $row_pr['discount']/100));
          $clz = '';
          $clz2 = 'hidden';
        }
      ?>
              <div class="col-lg-2 col-md-2 col-sm-3 col-12">
                <div class="product product__style--3">
                  <div class="product__thumb" title="<?php echo $row_pr['name']; ?>"> <a class="first__img" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $front_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> <a class="second__img animation1" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $back_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> 
          <?php if($row_pr['new_arrivals'] == 1) { ?>
                    <div class="hot__box"> <span class="hot-label">NEW</span> </div>
          <?php } ?>
                  </div>
                  <div class="product__content content--center">
                    <h4><a href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><?php echo $row_pr['name']; ?></a></h4>
                    <ul class="prize d-flex1">
            <li>LKR <?php echo number_format($new_price, 2); ?></li>
            <span class="<?php echo $clz2; ?>">&nbsp;</span><li class="old_prize <?php echo $clz; ?>">LKR <?php echo number_format($old_price, 2); ?></li>
                    </ul>
                    <div class="action">
                      <div class="actions_inner">
              <ul class="add_to_links">
              <?php if($row_pr['stock_out'] == 0 && $row_pr['weight'] > 0) { ?>
              <li><a title="Add to Cart" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_cart btn_itm_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-shopping-cart-emply"></i></a></li>
              <?php } else { echo '<small class="text-danger">Out of Stock</small> &nbsp;'; } ?>
              <li><a title="Add to Wishlist" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_wish btn_wh_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-love"></i></a></li>
              <li><a data-toggle="modal" title="Quick View" data-product-id="<?php echo $row_pr['id']; ?>" class="quickview modal-view detail-link btn_view" href="#productmodal"><i class="bi bi-search"></i></a></li>
              </ul>
                      </div>
                    </div>
                    <div class="product__hover--content">
                      <ul class="rating d-flex">
            <?php
            $reviews = $row_pr['reviews'];
            for($rx = 0; $rx < $reviews; $rx++) {
              echo '<li class="on"><i class="fa fa-star-o"></i></li>';
            }
            
            for($rx = 0; $rx < (5-$reviews); $rx++) {
              echo '<li><i class="fa fa-star-o"></i></li>';
            }
            ?>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <!-- Start Single Product -->
              <?php } ?>
            </div>
            <?php $r+=2; } ?>
          </div>
        </div>
        <!-- End Single Tab Content -->
        <?php //} ?>
      </div>
    </div>
    
  </section>
 

  <!-- Start BEst Seller Area -->
  <!-- Start NEwsletter Area --
  <section class="wn__newsletter__area bg-image--2">
    <div class="container">
      <div class="row">
        <div class="col-lg-7 offset-lg-5 col-md-12 col-12 ptb--150">
          <div class="section__title text-center">
            <h2>Stay With Us</h2>
          </div>
          <div class="newsletter__block text-center">
            <p>Subscribe to our newsletters now and stay up-to-date with new collections, the latest lookbooks and exclusive offers.</p>
            <form action="#">
              <div class="newsletter__box">
                <input type="email" placeholder="Enter your e-mail">
                <button>Subscribe</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End NEwsletter Area --> 
  <!-- Start BEst Seller Area -->
  <section class="wn__product__area brown--color pt--30  pb--30">
    <div class="container-fluid" style="max-width: 1650px;">
      <div class="row">
        <div class="col-lg-12">
          <div class="section__title text-center">
            <h2 class="title__be--2">BEST <span class="color--theme"> SELLER</span></h2>
          </div>
        </div>
      </div>
      <!-- Start Single Tab Content -->
      <div class="furniture--4 border--round arrows_style owl-carousel owl-theme mt--50"> 
        <!-- Start Single Product -->
        <?php
    $sql_pr = mysqli_query($conn, "SELECT id, name, price, front_image, back_image, weight, stock_out, discount, search_id, reviews FROM bookdetails WHERE best_seller=1 ORDER by id DESC LIMIT 15");
    while($row_pr = mysqli_fetch_array($sql_pr)) {
      $f_img = $row_pr['front_image'];
      $b_img = $row_pr['back_image'];
      
      if(empty($f_img)) { $front_img = 'noimg.jpg'; } else { $front_img = $f_img; }
      if(empty($b_img)) { $back_img = $front_img; } else { $back_img = $b_img; }
      
      $old_price = $row_pr['price'];
      if($row_pr['discount'] == 0) {
        $new_price = $row_pr['price'];
        $clz = 'hidden';
        
      } else {
        $new_price = ($row_pr['price'] - ($row_pr['price'] * $row_pr['discount']/100));
        $clz = '';
      }
    ?>
        <div class="product product__style--3">
          <div class="col-lg-3 col-md-4 col-sm-6 col-12">
            <div class="product__thumb" title="<?php echo $row_pr['name']; ?>"> <a class="first__img" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $front_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> <a class="second__img animation1" href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><img src="image/books/thumb/<?php echo $back_img; ?>" alt="<?php echo $row_pr['name']; ?>"></a> 
            </div>
            <div class="product__content content--center">
              <h4><a href="book-details-sudila-printers-sri-lanka?bid=<?php echo $row_pr['search_id']; ?>"><?php echo $row_pr['name']; ?></a></h4>
              <ul class="prize d-flex">
                <li>LKR <?php echo number_format($new_price, 2); ?></li>
                <li class="old_prize ml--10 <?php echo $clz; ?>">LKR <?php echo number_format($old_price, 2); ?></li>
              </ul>
              <div class="action">
                <div class="actions_inner">
                  <ul class="add_to_links">
          <?php if($row_pr['stock_out'] == 0 && $row_pr['weight'] > 0) { ?>
                    <li><a title="Add to Cart" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_cart btn_itm_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-shopping-cart-emply"></i></a></li>
          <?php } else { echo '<small class="text-danger">Out of Stock</small> &nbsp;'; } ?>
                    <li><a title="Add to Wishlist" data-product-id="<?php echo $row_pr['id']; ?>" class="btn_wish btn_wh_<?php echo $row_pr['id']; ?>" href="javascript:void(0);"><i class="bi bi-love"></i></a></li>
                    <li><a data-toggle="modal" title="Quick View" data-product-id="<?php echo $row_pr['id']; ?>" class="quickview modal-view detail-link btn_view" href="#productmodal"><i class="bi bi-search"></i></a></li>
                  </ul>
                </div>
              </div>
              <div class="product__hover--content">
                <ul class="rating d-flex">
        <?php
        $reviews = $row_pr['reviews'];
        for($rx = 0; $rx < $reviews; $rx++) {
          echo '<li class="on"><i class="fa fa-star-o"></i></li>';
        }
        
        for($rx = 0; $rx < (5-$reviews); $rx++) {
          echo '<li><i class="fa fa-star-o"></i></li>';
        }
        ?>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- End Single Product -->
        <?php } ?>
      </div>
      <!-- End Single Tab Content --> 
    </div>
  </section>
  <!-- Start BEst Seller Area --> 

<!-- Start Category area -->
<div class="container my-5" style="max-width: 1700px;">
  <div class="row">
    <div class="col-lg-12">
      <div class="section__title text-center">
        <br>
        <h2 class="title__be--2">Category <span class="color--theme">List</span></h2>
        <br><br>
      </div>
    </div>
  </div>
  <div class="row justify-content-center">
    <?php
    // Ensure you have an active database connection in $conn
    $stmt = $conn->prepare("SELECT * FROM category ORDER BY category LIMIT 10");
    $stmt->execute();
    $result = $stmt->get_result();
    while ($row_mcat = $result->fetch_assoc()) {
    ?>
      <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-4">
        <a href="bookstore-sudila-printers-sri-lanka?c=<?php echo htmlspecialchars($row_mcat['search_id']); ?>" class="category-link">
          <div class="category-box text-center p-3 <?php if ($row_mcat['search_id'] == $cat) { echo 'active'; } ?>">
            <?php echo htmlspecialchars($row_mcat['category']); ?>
          </div>
        </a>
      </div>
    <?php
    }
    $stmt->close();
    ?>
  </div>
  <div class="row justify-content-center">
    <div class="col-12 text-center">
      <a href="bookstore-sudila-printers-sri-lanka" class="see-more-link">See More</a>
    </div>
  </div>
</div>
<!-- End Category area -->



  <!-- Footer Area -->
  <?php include 'common/footer.php'; ?>
  <!-- //Footer Area --> 
</div>
<!-- //Main wrapper -->
<!-- JS Files --> 
<script type="text/javascript" src="js/vendor/jquery-3.2.1.min.js" defer></script> 
<script type="text/javascript" src="js/popper.min.js" defer></script> 
<script type="text/javascript" src="js/bootstrap.min.js" defer></script> 
<script type="text/javascript" src="js/plugins.js" defer></script> 
<script type="text/javascript" src="js/active.js" defer></script>
<script type="text/javascript" src="js/add-to-cart.js" defer></script>
<script type="text/javascript" src="js/jquery.toast.js" defer></script>
<!-- Modernizer js -->
<script type="text/javascript" src="js/vendor/modernizr-3.5.0.min.js" defer></script>
</body>
</html>