$150
<div class="four-item riding-slider single-products riding-one"> <div class="riding-item col-xs-12"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/r1.png" alt="Product" /></a> <div class="link-icon"> <a href="../product-details.html"><i class="fa fa-link"></i></a> </div> </div> <div class="riding-title clearfix"> <div class="product-title text-left floatleft"> <a href="../product-details.html"><h5>Giro Cipher Helmet</h5></a> <p><span>$150</span></p> </div> <div class="actions-btn floatright"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> </ul> </div> </div> </div> </div> <div class="riding-item col-xs-12"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/r2.png" alt="Product" /></a> <div class="link-icon"> <a href="../product-details.html"><i class="fa fa-link"></i></a> </div> </div> <div class="riding-title clearfix"> <div class="product-title text-left floatleft"> <a href="../product-details.html"><h5>Giro Cipher Helmet</h5></a> <p><span>$150</span></p> </div> <div class="actions-btn floatright"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> </ul> </div> </div> </div> </div> <div class="riding-item col-xs-12"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/r3.png" alt="Product" /></a> <div class="link-icon"> <a href="../product-details.html"><i class="fa fa-link"></i></a> </div> </div> <div class="riding-title clearfix"> <div class="product-title text-left floatleft"> <a href="../product-details.html"><h5>Giro Cipher Helmet</h5></a> <p><span>$150</span></p> </div> <div class="actions-btn floatright"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> </ul> </div> </div> </div> </div> <div class="riding-item col-xs-12"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/r4.png" alt="Product" /></a> <div class="link-icon"> <a href="../product-details.html"><i class="fa fa-link"></i></a> </div> </div> <div class="riding-title clearfix"> <div class="product-title text-left floatleft"> <a href="../product-details.html"><h5>Giro Cipher Helmet</h5></a> <p><span>$150</span></p> </div> <div class="actions-btn floatright"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> </ul> </div> </div> </div> </div> <div class="riding-item col-xs-12"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/r3.png" alt="Product" /></a> <div class="link-icon"> <a href="../product-details.html"><i class="fa fa-link"></i></a> </div> </div> <div class="riding-title clearfix"> <div class="product-title text-left floatleft"> <a href="../product-details.html"><h5>Giro Cipher Helmet</h5></a> <p><span>$150</span></p> </div> <div class="actions-btn floatright"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> </ul> </div> </div> </div> </div> </div>
.shipping-service-area { background: #fff; padding: 40px 0; } .sin-service { border-right: 1px solid #dddddd; padding-left: 72px; text-align: left; } .sin-service:last-child { border-right: 0px solid #dddddd; } .sin-service .icon { display: block; float: left; margin-right: 20px; } .sin-service .icon i { border: 1px solid #dddddd; border-radius: 50%; display: block; font-size: 36px; height: 72px; line-height: 70px; width: 72px; } .sin-service:hover .icon i { border-width: 1px; border-style: solid; color: #fff; } .sin-service .content { margin-top: 12px; } .sin-service .content h3 { font-size: 16px; letter-spacing: 1px; line-height: 12px; text-transform: uppercase; margin: 0 0 12px; } .sin-service .content p { font-weight: 300; }
Price $730
<div class="featured-slider single-products"> <div class="single-slide"> <div class="padding30"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/1.png" alt="" /></a> </div> <div class="actions-btn"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> <li><a href="#"><i class="fa fa-heart"></i></a></li> <li><a href="#"><i class="fa fa-eye"></i></a></li> </ul> </div> <div class="product-title"> <a href="../product-details.html"><h5>Mount POW C058 FG</h5></a> <p>Price <span>$730</span></p> </div> </div> </div> </div> <div class="single-slide"> <div class="padding30"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/2.png" alt="" /></a> </div> <div class="actions-btn"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> <li><a href="#"><i class="fa fa-heart"></i></a></li> <li><a href="#"><i class="fa fa-eye"></i></a></li> </ul> </div> <div class="product-title"> <a href="../product-details.html"><h5>Mount POW C058 FG</h5></a> <p>Price <span>$730</span></p> </div> </div> </div> </div> <div class="single-slide"> <div class="padding30"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/3.png" alt="" /></a> </div> <div class="actions-btn"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> <li><a href="#"><i class="fa fa-heart"></i></a></li> <li><a href="#"><i class="fa fa-eye"></i></a></li> </ul> </div> <div class="product-title"> <a href="../product-details.html"><h5>Mount POW C058 FG</h5></a> <p>Price <span>$730</span></p> </div> </div> </div> </div> <div class="single-slide"> <div class="padding30"> <div class="product-item"> <div class="pro-img"> <a href="../product-details.html"><img src="../img/products/2.png" alt="" /></a> </div> <div class="actions-btn"> <ul class="clearfix"> <li><a href="../cart.html"><i class="fa fa-shopping-cart"></i></a></li> <li><a href="#"><i class="fa fa-heart"></i></a></li> <li><a href="#"><i class="fa fa-eye"></i></a></li> </ul> </div> <div class="product-title"> <a href="../product-details.html"><h5>Mount POW C058 FG</h5></a> <p>Price <span>$730</span></p> </div> </div> </div> </div> </div>