Created
June 11, 2017 14:08
-
-
Save kewang/6c816c384202127079414dfe9c537a8c to your computer and use it in GitHub Desktop.
iris0611
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-sm-3"> | |
| <div class="left-sidebar"> | |
| <h2>Product Categories</h2> | |
| <div class="panel-group category-products" id="accordian"><!--category-productsr--> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordian" href="#sportswear"> | |
| <span class="badge pull-right"><i class="fa fa-plus"></i></span> | |
| Sportswear | |
| </a> | |
| </h4> | |
| </div> | |
| <div id="sportswear" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <ul> | |
| <li><a href="">Nike </a></li> | |
| <li><a class="click-color" href="">Under Armour </a></li> | |
| <li><a href="">Adidas </a></li> | |
| <li><a href="">Puma</a></li> | |
| <li><a href="">ASICS </a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <a data-toggle="collapse" data-parent="#accordian" href="#mens"> | |
| <span class="badge pull-right"><i class="fa fa-plus"></i></span> | |
| Mens | |
| </a> | |
| </h4> | |
| </div> | |
| <div id="mens" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <ul> | |
| <li><a href="">Fendi</a></li> | |
| <li><a href="">Guess</a></li> | |
| <li><a href="">Valentino</a></li> | |
| <li><a href="">Dior</a></li> | |
| <li><a href="">Versace</a></li> | |
| <li><a href="">Armani</a></li> | |
| <li><a href="">Prada</a></li> | |
| <li><a href="">Dolce and Gabbana</a></li> | |
| <li><a href="">Chanel</a></li> | |
| <li><a href="">Gucci</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"> | |
| <!-- parent 是指這一整個大 sidebar 所以是 #accordian，記得要加 # --> | |
| <!-- href 是指自己的 body，所以是 #womens，記得要加 # --> | |
| <a data-toggle="collapse" data-parent="#accordian" href="#womens"> | |
| <!-- pull-right 是指靠右，所以被包住的 fa-plus 就會靠右對齊 --> | |
| <span class="badge pull-right"><i class="fa fa-plus"></i></span> | |
| Womens | |
| </a> | |
| </h4> | |
| </div> | |
| <!-- id 不能重複 --> | |
| <div id="womens" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <ul> | |
| <li> | |
| <!-- parent 是指 Fendi 上一層，也就是 #womens，記得要加 # --> | |
| <!-- href 是指自己的 body，所以是 #fendi-child，記得要加 # --> | |
| <a data-toggle="collapse" data-parent="#womens" href="#fendi-child"> | |
| <span class="badge pull-right"><i class="fa fa-plus"></i></span> | |
| Fendi | |
| </a> | |
| <div id="fendi-child" class="panel-collapse collapse"> | |
| <div class="panel-body"> | |
| <ul> | |
| <li><a href="http://www.google.com.tw">ABC</a></li> | |
| <li><a href="">DEF</a></li> | |
| <li><a href="">GHI</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </li> | |
| <li><a href="">Guess</a></li> | |
| <li><a href="">Valentino</a></li> | |
| <li><a href="">Dior</a></li> | |
| <li><a href="">Versace</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Kids</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Fashion</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Households</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Interiors</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Clothing</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Bags</a></h4> | |
| </div> | |
| </div> | |
| <div class="panel panel-default"> | |
| <div class="panel-heading"> | |
| <h4 class="panel-title"><a href="#">Shoes</a></h4> | |
| </div> | |
| </div> | |
| </div><!--/category-productsr--> | |
| </div> | |
| </div> | |
| <div class="col-sm-9"> | |
| <div class="features_items"><!--features_items--> | |
| <h2 class="title text-center">All Product Listing</h2> | |
| <div id="Pro-s"> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <a href="#"><img src="images/250x250.jpg" alt="" /></a> | |
| </div> | |
| <a href="#"><p>Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose added"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-check"></i><span>Added</span></a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JFShaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JFShaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-3 col-xs-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/250x250.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="Pro-m"> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JFShaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JFShaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-4"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="Pro-b"> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Shaft-locking-device-JFShaft-locking-device-JF</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Shaft-locking-device-JFShaft-locking-device-JF</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2Bellow-coupling-BK2Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| <img src="images/hot.png" class="new" alt="" /> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-sm-6"> | |
| <div class="product-image-wrapper"> | |
| <div class="single-products"> | |
| <div class="productinfo text-center"> | |
| <div class="imgclass"> | |
| <img src="images/400x400.jpg" alt="" /> | |
| </div> | |
| <p>Bellow-coupling-BK2</p> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </div> | |
| <div class="product-overlay"> | |
| <div class="overlay-content"> | |
| <a href="http://www.google.com"> | |
| <p class="pro-info"><span>Model：</span> DBR</p> | |
| <p class="pro-info"><span>Material：</span> Aluminum、Steel Sheet</p> | |
| <p class="pro-info"><span>Minimum Order：</span> 1pc</p> | |
| <a href="#" target="_blank"><p class="pro-name">Bellow-coupling-BK2</p></a> | |
| <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-envelope"></i>Inquire Now</a> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="choose"> | |
| <ul class="nav nav-pills nav-justified"> | |
| <li><a href="#"><i class="fa fa-shopping-cart"></i>Add to cart</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div><!--features_items--> | |
| <ul class="pagination"> | |
| <li class="active"><a href="">1</a></li> | |
| <li><a href="">2</a></li> | |
| <li><a href="">3</a></li> | |
| <li><a href="">4</a></li> | |
| <li><a href="">5</a></li> | |
| <li><a href="">6</a></li> | |
| <li><a href="">7</a></li> | |
| <li><a href="">8</a></li> | |
| <li><a href="">9</a></li> | |
| <li><a href="">10</a></li> | |
| <li><a href="">»</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment