core/skin/virtual-nt.ru/html_width_RTL/quickview.html

224 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Basic page needs
============================================ -->
<title>Destino - Advanced & High Customizable eCommerce HTML5/CSS3 Theme</title>
<meta charset="utf-8" />
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
<meta name="author" content="Magentech" />
<meta name="robots" content="index, follow" />
<!-- Mobile specific metas
============================================ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- Favicon
============================================ -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png" />
<link rel="shortcut icon" href="ico/favicon.png" />
<!-- Google web fonts
============================================ -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<!-- Libs CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.rtl.min.css">
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="js/owl-carousel/assets/owl.carousel.css" rel="stylesheet">
<link href="js/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet">
<link href="css/themecss/lib.css" rel="stylesheet">
<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
<!-- Theme CSS
============================================ -->
<link href="css/themecss/so_megamenu.css" rel="stylesheet" />
<link href="css/themecss/so-categories.css" rel="stylesheet" />
<link href="css/themecss/so-listing-tabs.css" rel="stylesheet" />
<link href="css/footer1.css" rel="stylesheet">
<link href="css/header1.css" rel="stylesheet">
<link id="color_scheme" href="css/theme.css" rel="stylesheet" />
<link id="color_scheme" href="css/quickview.css" rel="stylesheet" />
<!-- <link href="css/responsive.css" rel="stylesheet" /> -->
</head>
<body class="res layout-subpage">
<div id="wrapper" class="wrapper-full ">
<!-- Main Container -->
<div class="main-container container">
<div class="row">
<!--Middle Part Start-->
<div id="content" class="col-md-12 col-sm-12">
<div class="product-view row">
<div class="left-content-product col-lg-12 col-xs-12">
<div class="row">
<div class="content-product-left col-sm-6 col-xs-12 ">
<div class="large-image ">
<img itemprop="image" class="product-image-zoom" src="img/demo/shop/product/resize/product-1.jpg" data-zoom-image="img/demo/shop/product/resize/product-1.jpg" title="Bint Beef" alt="Bint Beef" />
</div>
<div id="thumb-slider" class="owl-carousel" data-nav="yes" data-loop="no" data-margin="10" data-items_xs="2" data-items_sm="4" data-items_md="4">
<div class="item">
<a data-index="0" class="img thumbnail " data-image="img/demo/shop/product/resize/product-1.jpg" title="Bint Beef">
<img src="img/demo/shop/product/product-1.jpg" title="Bint Beef" alt="Bint Beef" />
</a>
</div>
<div class="item">
<a data-index="1" class="img thumbnail" data-image="img/demo/shop/product/resize/product-2.jpg" title="Bint Beef">
<img src="img/demo/shop/product/product-2.jpg" title="Bint Beef" alt="Bint Beef" />
</a>
</div>
<div class="item">
<a data-index="2" class="img thumbnail" data-image="img/demo/shop/product/resize/product-3.jpg" title="Bint Beef">
<img src="img/demo/shop/product/product-3.jpg" title="Bint Beef" alt="Bint Beef" />
</a>
</div>
<div class="item">
<a data-index="3" class="img thumbnail" data-image="img/demo/shop/product/resize/product-4.jpg" title="Bint Beef">
<img src="img/demo/shop/product/product-4.jpg" title="Bint Beef" alt="Bint Beef" />
</a>
</div>
</div>
</div>
<div class="content-product-right col-sm-6 col-xs-12">
<div class="title-product">
<h1>Bint Beef</h1>
</div>
<!-- Review -->
<div class="box-review form-group">
<div class="ratings">
<div class="rating-box">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star gray"></i>
</div>
</div>
</div>
<div class="product-box-desc">
<ul>
<li>45 inch HD Touch Screen (1280 x 720)</li>
<li>Android 4.4 KitKat OS</li>
<li>1.4 GHz Quad Core™ Processor</li>
<li>20 MP front and 28 megapixel CMOS rear camera</li>
</ul>
</div>
<div class="product-label form-group">
<div class="stock">
<span>Availability:</span> <span class="instock">In Stock</span>
<p>SKU: 3721 -Vlk</p>
</div>
<div class="product_page_price price" itemprop="offerDetails" itemscope="" itemtype="http://data-vocabulary.org/Offer">
<span class="price-new" itemprop="price">$114.00</span>
<span class="price-old">$122.00</span>
</div>
</div>
<div id="product">
<div class="form-group box-info-product">
<div class="option quantity">
<div class="input-group quantity-control" unselectable="on" style="-webkit-user-select: none;">
<label>Qty: </label>
<input class="form-control" type="text" name="quantity" value="1">
<input type="hidden" name="product_id" value="50">
<span class="input-group-addon product_quantity_down"><i class="fa fa-angle-down" aria-hidden="true"></i></span>
<span class="input-group-addon product_quantity_up"><i class="fa fa-angle-up" aria-hidden="true"></i></span>
</div>
</div>
<div class="info-product-right">
<div class="cart">
<input type="button" data-toggle="tooltip" title="" value="Add to Cart" data-loading-text="Loading..." id="button-cart" class="btn btn-mega btn-lg" onclick="cart.add('42', '1');" data-original-title="Add to Cart">
</div>
<div class="add-to-links wish_comp">
<ul class="blank list-inline">
<li class="wishlist">
<a class="icon" data-toggle="tooltip" title="" onclick="wishlist.add('50');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i>
</a>
</li>
<li class="compare">
<a class="icon" data-toggle="tooltip" title="" onclick="compare.add('50');" data-original-title="Compare this Product"><i class="fa fa-exchange"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- end box info product -->
<div class="share">
<p>Share This:</p>
<div class="share-icon">
<ul>
<li class="facebook"><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="twitter"><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="google"><a href=""><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li class="skype"><a href=""><i class="fa fa-skype" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Middle Part End-->
</div>
<!-- //Main Container -->
</div>
<!-- Include Libs & Plugins
============================================ -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript" src="js/themejs/libs.js"></script>
<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
<!-- Theme files
============================================ -->
<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>
<script type="text/javascript" src="js/themejs/addtocart.js"></script>
<script type="text/javascript" src="js/themejs/application.js"></script>
</body>
</html>