Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CSS:
- .product-rotate img {
- display: block;
- width: 100%;
- height: 100%;
- -webkit-transform: rotate(90deg);
- -moz-transform: rotate(90deg);
- -ms-transform: rotate(90deg);
- -o-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- /////HTML
- <!-- Shop
- ============================================= -->
- <div id="shop" class="shop product-3 grid-container clearfix topmargin dDiv">
- <div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/2082-1524651828.jpg" alt="2082"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=2" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">2082</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div><div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/b005-(1)-1524652502.jpg" alt="B005"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=3" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">B005</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div><div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/if-519-1524652553.jpg" alt="IF 519"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=4" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">IF 519</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div><div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/if-520-1524652694.jpg" alt="IF 520"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=5" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">IF 520</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div><div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/if-521-1524653239.jpg" alt="IF 521"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=6" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">IF 521</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div><div class="product dProducts sf-dress clearfix">
- <div class="product-image product-rotate"> <a href="javascript:;"><img src="http://dev-webs.com/demo/assets/images/product/if511-1524653313.jpg" alt="IF 511"></a> <div class="product-overlay">
- <a href="contact-us" class="add-to-cart">
- <i class="icon-phone-sign"></i>
- <span>Contact Us</span>
- </a>
- <a href="http://dev-webs.com/demo/product/ajaxModal?id=7" class="item-quick-view pDetail" data-lightbox="ajax">
- <i class="icon-zoom-in2"></i>
- <span> Quick View</span>
- </a>
- </div>
- </div>
- <div class="product-desc center">
- <div class="product-title">
- <h3><a href="javascript:;">IF 511</a>
- </h3>
- </div>
- <div class="product-rating tag-cat">
- <p> Laminate Floors, 7mm Econo Series </p>
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement