<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Marten - Pet Food eCommerce Bootstrap4 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- all css here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/simple-line-icons.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<header class="header-area">
<div class="header-bottom transparent-bar">
<div class="container">
<div class="row">
<div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-5">
<div class="logo pt-39">
<a href="index.html"><img alt="" src="assets/img/logo/logo.png"></a>
</div>
</div>
<div class="col-xl-8 col-lg-7 d-none d-lg-block">
<div class="main-menu text-center">
<nav>
<ul>
<li><a href="product-details.html">Товар</a></li>
<li><a href="basket.html">Корзина</a></li>
</ul>
</nav>
</div>
</div>
<div class="mobile-menu-area electro-menu d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
<div class="mobile-menu">
<nav id="mobile-menu-active">
<ul class="menu-overflow">
<li><a href="product-details.html">Товар</a></li>
<li><a href="basket.html">Корзина</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="breadcrumb-area pt-95 pb-95 bg-img" style="background-image:url(assets/img/banner/banner-2.jpg);">
<div class="container">
<div class="breadcrumb-content text-center">
<h2>Product Details</h2>
<ul>
<li><a href="index.html">home</a></li>
<li class="active">Product Details</li>
</ul>
</div>
</div>
</div>
<div class="shop-area pt-95 pb-100">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="product-details-img">
<img id="zoompro" src="assets/img/product-details/l1.jpg" data-zoom-image="assets/img/product-details/bl1.jpg" alt="zoom"/>
<div id="gallery" class="mt-12 product-dec-slider owl-carousel">
<a data-image="assets/img/product-details/l1.jpg" data-zoom-image="assets/img/product-details/bl1.jpg">
<img src="assets/img/product-details/s1.jpg" alt="">
</a>
<a data-image="assets/img/product-details/l2.jpg" data-zoom-image="assets/img/product-details/bl2.jpg">
<img src="assets/img/product-details/s2.jpg" alt="">
</a>
<a data-image="assets/img/product-details/l3.jpg" data-zoom-image="assets/img/product-details/bl3.jpg">
<img src="assets/img/product-details/s3.jpg" alt="">
</a>
<a data-image="assets/img/product-details/l4.jpg" data-zoom-image="assets/img/product-details/bl4.jpg">
<img src="assets/img/product-details/s4.jpg" alt="">
</a>
<a data-image="assets/img/product-details/l3.jpg" data-zoom-image="assets/img/product-details/bl3.jpg">
<img src="assets/img/product-details/s3.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="product-details-content">
<h2>Dog Calcium Food</h2>
<div class="product-price">
<span class="new">$20.00 </span>
<span class="old">$50.00</span>
</div>
<div class="in-stock">
<span><i class="ion-android-checkbox-outline"></i> In Stock</span>
</div>
<div class="sku">
<span>SKU#: MS04</span>
</div>
<p>Founded in 1989, Jack & Jones is a Danish brand that offers cool, relaxed designs that express a strong visual style through their diffusion lines, Jack & Jones intelligence and Jack & Jones vintage.</p>
<div class="quality-wrapper mt-30 product-quantity">
<label>Qty:</label>
<div class="cart-plus-minus">
<input class="cart-plus-minus-box" type="text" name="qtybutton" value="2">
</div>
</div>
<div class="product-list-action">
<div class="product-list-action-left">
<a class="addtocart-btn" href="#" title="Add to cart">
<i class="ion-bag"></i>
Add to cart
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-area">
<div class="footer-bottom">
<div class="container">
<div class="row">
<div class="col-12">
<div class="border-top-1 pt-17 pb-15">
<div class="copyright text-center">
<p>Copyright © All Right Reserved.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- all js here -->
<script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/elevetezoom.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/ajax-mail.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>