core/skin/virtual-nt.ru/inc/tovar_modal.html

131 lines
7.9 KiB
HTML
Executable File

<!-- ========================= Product Section ============================== -->
<div class="product-view-modal modal fade bd-example-modal-lg-product-1" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- ==================================== Product Details Gallery Section ========================================= -->
<div class="row" id="modal_load_tovar">
<div class="product-gallery col-12 col-md-12 col-lg-6">
<!-- ==================================== Single Product Gallery Section ===================================== -->
<div class="row">
<div class="col-md-12 product-slier-details">
<div id="product-view-model" class="product-view owl-carousel owl-theme">
<div class="item">
<img src="img/product-img/product-view-img-1.jpg" class="img-fluid" alt="Product Img">
123</div>
<div class="item">
<img src="img/product-img/product-view-img-2.jpg" class="img-fluid" alt="Product Img">
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-12 col-md-12 col-lg-6">
<div class="product-details-gallery">
<div class="list-group">
<h4 class="list-group-item-heading product-title">
Vigo SP111-31N-P2GH Spin 1
</h4>
<div class="media">
<div class="media-left media-middle">
<div class="rating">
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-star active-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a>
</div>
</div>
<div class="media-body">
<p>3.7/5 <span class="product-ratings-text"> -1747 Ratings</span></p>
</div>
</div>
</div>
<div class="list-group content-list">
<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> 100% Original product</p>
<p><i class="fa fa-dot-circle-o" aria-hidden="true"></i> Manufacturer Warranty</p>
</div>
</div>
<div class="product-store row">
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img1.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price text-center">
<div class="price">
<p>$234</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right">Buy it now</a>
</div>
</div>
</div>
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img2.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price text-center">
<div class="price">
<p>$535</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right red-bg">Buy it now</a>
</div>
</div>
</div>
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img3.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price">
<span class="badge badge-secondary wd-badge text-uppercase">Best</span>
<div class="price text-center">
<p>$198</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right orange-bg">Buy it now</a>
</div>
</div>
</div>
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img4.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price text-center">
<div class="price">
<p>$634</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right green-bg">Buy it now</a>
</div>
</div>
</div>
<div class="col-12 product-store-box">
<div class="row">
<div class="col-3 p0 store-border-img">
<img src="img/product-store/product-store-img5.jpg" class="figure-img img-fluid" alt="Product Img">
</div>
<div class="col-5 store-border-price text-center">
<div class="price">
<p>$234</p>
</div>
</div>
<div class="col-4 store-border-button">
<a href="#" class="btn btn-primary wd-shop-btn pull-right blue-bg">Buy it now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>