@extends('front.layout') @section('page_title', 'gallary') @section('content') <section class="products section bg-gray"> <div class="container"> <div class="row"> <div class="title text-center"> <h2>Trendy Products</h2> </div> </div> <div class="row"> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <span class="bage">Sale</span> <img class="img-responsive" src="images/shop/products/product-1.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#!" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Reef Boardsport</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-2.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-3.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Strayhorn SP</a></h4> <p class="price">$230</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-4.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Bradley Mid</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-5.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-6.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <span class="bage">Sale</span> <img class="img-responsive" src="images/shop/products/product-7.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-8.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <div class="col-md-4"> <div class="product-item"> <div class="product-thumb"> <img class="img-responsive" src="images/shop/products/product-9.jpg" alt="product-img" /> <div class="preview-meta"> <ul> <li> <span data-toggle="modal" data-target="#product-modal"> <i class="tf-ion-ios-search-strong"></i> </span> </li> <li> <a href="#" ><i class="tf-ion-ios-heart"></i></a> </li> <li> <a href="#!"><i class="tf-ion-android-cart"></i></a> </li> </ul> </div> </div> <div class="product-content"> <h4><a href="product-single.html">Rainbow Shoes</a></h4> <p class="price">$200</p> </div> </div> </div> <!-- Modal --> @endsection