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.

159 lines
8.4 KiB

5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 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/simple-line-icons.css">
  14. <link rel="stylesheet" href="assets/css/themify-icons.css">
  15. <link rel="stylesheet" href="assets/css/style.css">
  16. <link rel="stylesheet" href="assets/css/responsive.css">
  17. </head>
  18. <body>
  19. <header class="header-area">
  20. <div class="header-bottom transparent-bar">
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-xl-2 col-lg-3 col-md-4 col-sm-4 col-5">
  24. <div class="logo pt-39">
  25. <a href="index.html"><img alt="" src="assets/img/logo/logo.png"></a>
  26. </div>
  27. </div>
  28. <div class="col-xl-8 col-lg-7 d-none d-lg-block">
  29. <div class="main-menu text-center">
  30. <nav>
  31. <ul>
  32. <li><a href="product-details.html">Товар</a></li>
  33. <li><a href="basket.html">Корзина</a></li>
  34. </ul>
  35. </nav>
  36. </div>
  37. </div>
  38. <div class="mobile-menu-area electro-menu d-md-block col-md-12 col-lg-12 col-12 d-lg-none d-xl-none">
  39. <div class="mobile-menu">
  40. <nav id="mobile-menu-active">
  41. <ul class="menu-overflow">
  42. <li><a href="product-details.html">Товар</a></li>
  43. <li><a href="basket.html">Корзина</a></li>
  44. </ul>
  45. </nav>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </header>
  52. <!-- shopping-cart-area start -->
  53. <div class="cart-main-area pt-95 pb-100">
  54. <div class="container">
  55. <h3 class="page-title">Your cart items</h3>
  56. <div class="row">
  57. <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  58. <form action="#">
  59. <div class="table-content table-responsive">
  60. <table>
  61. <thead>
  62. <tr>
  63. <th>Image</th>
  64. <th>Product Name</th>
  65. <th>Until Price</th>
  66. <th>Qty</th>
  67. <th>Subtotal</th>
  68. <th>Delete</th>
  69. </tr>
  70. </thead>
  71. <tbody>
  72. <tr>
  73. <td class="product-thumbnail">
  74. <a href="#"><img src="assets/img/basket/cart-3.jpg" alt=""></a>
  75. </td>
  76. <td class="product-name"><a href="#">Dry Dog Food</a></td>
  77. <td class="product-price-cart"><span class="amount">$110.00</span></td>
  78. <td class="product-quantity">
  79. <div class="cart-plus-minus">
  80. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  81. </div>
  82. </td>
  83. <td class="product-subtotal">$110.00</td>
  84. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  85. </tr>
  86. <tr>
  87. <td class="product-thumbnail">
  88. <a href="#"><img src="assets/img/basket/cart-4.jpg" alt=""></a>
  89. </td>
  90. <td class="product-name"><a href="#">Cat Buffalo Food</a></td>
  91. <td class="product-price-cart"><span class="amount">$150.00</span></td>
  92. <td class="product-quantity">
  93. <div class="cart-plus-minus">
  94. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  95. </div>
  96. </td>
  97. <td class="product-subtotal">$150.00</td>
  98. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  99. </tr>
  100. <tr>
  101. <td class="product-thumbnail">
  102. <a href="#"><img src="assets/img/basket/cart-5.jpg" alt=""></a>
  103. </td>
  104. <td class="product-name"><a href="#">Legacy Dog Food</a></td>
  105. <td class="product-price-cart"><span class="amount">$170.00</span></td>
  106. <td class="product-quantity">
  107. <div class="cart-plus-minus">
  108. <input class="cart-plus-minus-box" type="text" name="qtybutton" value="02">
  109. </div>
  110. </td>
  111. <td class="product-subtotal">$170.00</td>
  112. <td class="product-remove"><a href="#"><i class="ti-trash"></i></a></td>
  113. </tr>
  114. </tbody>
  115. </table>
  116. </div>
  117. <div class="row">
  118. <div class="col-lg-12">
  119. <div class="cart-shiping-update-wrapper">
  120. <div class="cart-shiping-update">
  121. <a href="#">Оформить заказ</a>
  122. <button>Обновить</button>
  123. </div>
  124. <div class="cart-clear">
  125. <a href="#">Очистить корзину</a>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </form>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <footer class="footer-area">
  136. <div class="footer-bottom">
  137. <div class="container">
  138. <div class="row">
  139. <div class="col-12">
  140. <div class="border-top-1 pt-17 pb-15">
  141. <div class="copyright text-center">
  142. <p>Copyright © All Right Reserved.</p>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </footer>
  150. <!-- all js here -->
  151. <script src="assets/js/vendor/jquery-1.12.0.min.js"></script>
  152. <script src="assets/js/plus-minux-box.js"></script>
  153. </body>
  154. </html>