You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
<!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>
|
