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.

172 lines
9.1 KiB

4 years ago
  1. <!doctype html>
  2. <html class="no-js" lang="zxx">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <title>Bootstrap4 Template</title>
  7. <meta name="description" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Favicon -->
  10. <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
  11. <!-- all css here -->
  12. <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  13. <link rel="stylesheet" href="assets/css/animate.css">
  14. <link rel="stylesheet" href="assets/css/simple-line-icons.css">
  15. <link rel="stylesheet" href="assets/css/themify-icons.css">
  16. <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  17. <link rel="stylesheet" href="assets/css/jquery-ui.css">
  18. <link rel="stylesheet" href="assets/css/meanmenu.min.css">
  19. <link rel="stylesheet" href="assets/css/style.css">
  20. <link rel="stylesheet" href="assets/css/responsive.css">
  21. <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
  22. </head>
  23. <body>
  24. <header class="header-area">
  25. <div class="header-bottom transparent-bar">
  26. <div class="container">
  27. <div class="row">
  28. <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-5">
  29. <div class="logo pt-39">
  30. <a href="index.html"><img alt="" src="assets/img/logo/logo.png"></a>
  31. </div>
  32. </div>
  33. <div class="col-xl-8 col-lg-7 d-none d-lg-block">
  34. <div class="main-menu text-center">
  35. <nav>
  36. <ul>
  37. <li><a href="product-details.html">Товар</a></li>
  38. <li><a href="basket.html">Корзина</a></li>
  39. </ul>
  40. </nav>
  41. </div>
  42. </div>
  43. <div class="mobile-menu-area electro-menu d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
  44. <div class="mobile-menu">
  45. <nav id="mobile-menu-active">
  46. <ul class="menu-overflow">
  47. <li><a href="product-details.html">Товар</a></li>
  48. <li><a href="basket.html">Корзина</a></li>
  49. </ul>
  50. </nav>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </header>
  57. <!-- shopping-cart-area start -->
  58. <div class="cart-main-area pt-95 pb-100">
  59. <div class="container">
  60. <h3 class="page-title">Your cart items</h3>
  61. <div class="row">
  62. <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  63. <form action="#">
  64. <div class="table-content table-responsive">
  65. <table>
  66. <thead>
  67. <tr>
  68. <th>Image</th>
  69. <th>Product Name</th>
  70. <th>Until Price</th>
  71. <th>Qty</th>
  72. <th>Subtotal</th>
  73. <th>Delete</th>
  74. </tr>
  75. </thead>
  76. <tbody>
  77. <tr>
  78. <td class="product-thumbnail">
  79. <a href="#"><img src="assets/img/basket/cart-3.jpg" alt=""></a>
  80. </td>
  81. <td class="product-name"><a href="#">Dry Dog Food</a></td>
  82. <td class="product-price-cart"><span class="amount">$110.00</span></td>
  83. <td class="product-quantity">
  84. <div class="cart-plus-minus">
  85. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  86. </div>
  87. </td>
  88. <td class="product-subtotal">$110.00</td>
  89. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  90. </tr>
  91. <tr>
  92. <td class="product-thumbnail">
  93. <a href="#"><img src="assets/img/basket/cart-4.jpg" alt=""></a>
  94. </td>
  95. <td class="product-name"><a href="#">Cat Buffalo Food</a></td>
  96. <td class="product-price-cart"><span class="amount">$150.00</span></td>
  97. <td class="product-quantity">
  98. <div class="cart-plus-minus">
  99. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  100. </div>
  101. </td>
  102. <td class="product-subtotal">$150.00</td>
  103. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  104. </tr>
  105. <tr>
  106. <td class="product-thumbnail">
  107. <a href="#"><img src="assets/img/basket/cart-5.jpg" alt=""></a>
  108. </td>
  109. <td class="product-name"><a href="#">Legacy Dog Food</a></td>
  110. <td class="product-price-cart"><span class="amount">$170.00</span></td>
  111. <td class="product-quantity">
  112. <div class="cart-plus-minus">
  113. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  114. </div>
  115. </td>
  116. <td class="product-subtotal">$170.00</td>
  117. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  118. </tr>
  119. </tbody>
  120. </table>
  121. </div>
  122. <div class="row">
  123. <div class="col-lg-12">
  124. <div class="cart-shiping-update-wrapper">
  125. <div class="cart-shiping-update">
  126. <a href="#">Continue Shopping</a>
  127. <button>Update Shopping Cart</button>
  128. </div>
  129. <div class="cart-clear">
  130. <a href="#">Clear Shopping Cart</a>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. <footer class="footer-area">
  141. <div class="footer-bottom">
  142. <div class="container">
  143. <div class="row">
  144. <div class="col-12">
  145. <div class="border-top-1 pt-17 pb-15">
  146. <div class="copyright text-center">
  147. <p>Copyright © All Right Reserved.</p>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </footer>
  155. <!-- all js here -->
  156. <script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
  157. <script src="assets/js/popper.js"></script>
  158. <script src="assets/js/bootstrap.min.js"></script>
  159. <script src="assets/js/elevetezoom.js"></script>
  160. <script src="assets/js/jquery.counterup.min.js"></script>
  161. <script src="assets/js/waypoints.min.js"></script>
  162. <script src="assets/js/ajax-mail.js"></script>
  163. <script src="assets/js/owl.carousel.min.js"></script>
  164. <script src="assets/js/plugins.js"></script>
  165. <script src="assets/js/main.js"></script>
  166. </body>
  167. </html>