  <div class="col-6 col-md-4">
      <div class="product-column">
          <h3 class="title">New</h3>

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-3.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Silver Porto Headset</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:80%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$45.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-4.jpg') }}"
                          alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Headphone Black</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:20%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="old-price">$60.00</span>
                      <span class="product-price">$45.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/small/product-1.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Computer Mouse</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:100%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$50.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->
      </div><!-- End .product-column -->
  </div><!-- End .col-md-4 -->

  <div class="col-6 col-md-4">
      <div class="product-column">
          <h3 class="title">Hot</h3>

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-1.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Porto Evolution Headset</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:20%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$13.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-2.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Audio Technicca</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:50%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="old-price">$42.00</span>
                      <span class="product-price">$27.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-5.jpg') }}"
                          alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Senheisser</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:0%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$35.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->
      </div><!-- End .product-column -->
  </div><!-- End .col-md-4 -->

  <div class="col-6 col-md-4">
      <div class="product-column">
          <h3 class="title">Sale</h3>

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-4.jpg') }}"
                          alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Phillips</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:20%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$13.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/small/product-1.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Computer Mouse</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:50%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="old-price">$42.00</span>
                      <span class="product-price">$27.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->

          <div class="product product-sm">
              <figure class="product-image-container">
                  <a href="product.html" class="product-image">
                      <img src="{{ asset('porto-ecommerce/assets/images/products/home-featured-3.jpg') }}" alt="product">
                  </a>
              </figure>
              <div class="product-details">
                  <h2 class="product-title">
                      <a href="product.html">Skullcanddy</a>
                  </h2>
                  <div class="ratings-container">
                      <div class="product-ratings">
                          <span class="ratings" style="width:0%"></span><!-- End .ratings -->
                      </div><!-- End .product-ratings -->
                  </div><!-- End .product-container -->
                  <div class="price-box">
                      <span class="product-price">$35.00</span>
                  </div><!-- End .price-box -->
              </div><!-- End .product-details -->
          </div><!-- End .product -->
      </div><!-- End .product-column -->
  </div><!-- End .col-md-4 -->
