317 行
12 KiB
HTML
317 行
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zxx">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<meta name="description" content="" />
|
|
<title>Anwi Systems</title>
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="./assets/img/favicon.gif" />
|
|
|
|
<!--**********************************
|
|
all css files
|
|
*************************************-->
|
|
|
|
<!--***************************************************
|
|
fontawesome,bootstrap,plugins and main style css
|
|
***************************************************-->
|
|
<!-- cdn links -->
|
|
|
|
<link rel="stylesheet" href="assets/css/fontawesome.min.css" />
|
|
<link rel="stylesheet" href="assets/css/ionicons.min.css" />
|
|
<link rel="stylesheet" href="assets/css/simple-line-icons.css" />
|
|
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="assets/css/plugins/plugins.css" />
|
|
<link rel="stylesheet" href="assets/css/style.min.css" />
|
|
<link rel="stylesheet" href="assets/css/main-style.css" />
|
|
<link rel="stylesheet" href="assets/css/responsive.css"/>
|
|
<link rel="stylesheet" href="assets/css/products.css">
|
|
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"/>
|
|
<!-- Use the minified version files listed below for better performance and remove the files listed above -->
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="waves">
|
|
<!-- navbar -->
|
|
<div id="navbar-head"></div>
|
|
<!-- end-of-navbar -->
|
|
|
|
<!-- breadcrumb-section start -->
|
|
<section class="bg-light1">
|
|
<div class="main-sliders dots-style theme1">
|
|
<div class="container">
|
|
<div class="row align-items-center slider-height breadcrumb">
|
|
<div class="col-12">
|
|
<div class="section-title text-center">
|
|
<h2 class="title pb-4 text-white text-capitalize">
|
|
Cart
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- breadcrumb-section end -->
|
|
</div>
|
|
<!-- product tab start -->
|
|
<section class="whish-list-section theme1 pt-80 pb-80">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h3 class="title mb-30 pb-25 text-capitalize">Your cart items</h3>
|
|
<div class="table-responsive">
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Product Image</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Product Name</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Price</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Stock Status</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Qty</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">action</li>
|
|
<li class="text-center px-5 font-weight-bold text-white" scope="col">Checkout</li>
|
|
</ul>
|
|
<ul class="list-none d-flex py-3">
|
|
<li class="cart-list-items"></li>
|
|
</ul> -->
|
|
<table class="table ">
|
|
<thead class="thead-light mob-cart">
|
|
<tr>
|
|
<th class="text-center" scope="col">Product Image</th>
|
|
<th class="text-center" scope="col">Product Name</th>
|
|
<th class="text-center" scope="col">Price</th>
|
|
<th class="text-center" scope="col">Stock Status</th>
|
|
<th class="text-center" scope="col">Qty</th>
|
|
<th class="text-center" scope="col">action</th>
|
|
<th class="text-center" scope="col">Checkout</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="product-tbody mob-cart">
|
|
<th class="text-center" scope="row">
|
|
<img src="assets/img/product/4.png" alt="img" />
|
|
</th>
|
|
<td class="text-center">
|
|
<span class="whish-title">Originals Kaval nail polish</span>
|
|
</td>
|
|
<td class="text-center">
|
|
<span class="badge badge-danger position-static"
|
|
>In Stock</span
|
|
>
|
|
</td>
|
|
<td class="text-center">
|
|
<div class="product-count style">
|
|
<div class="count d-flex justify-content-center">
|
|
<input
|
|
type="number"
|
|
min="1"
|
|
max="10"
|
|
step="1"
|
|
value="1"
|
|
/>
|
|
<div class="button-group">
|
|
<button class="count-btn increment">
|
|
<i class="fas fa-chevron-up"></i>
|
|
</button>
|
|
<button class="count-btn decrement">
|
|
<i class="fas fa-chevron-down"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-center">
|
|
<span class="whish-list-price"> $38.24 </span>
|
|
</td>
|
|
|
|
<td class="text-center">
|
|
<a href="#">
|
|
<span class="trash"><i class="fas fa-trash-alt"></i> </span
|
|
></a>
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="#" class="btn btn-dark btn--lg">add to cart</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th class="text-center" scope="row">
|
|
<img src="assets/img/product/6.png" alt="img" />
|
|
</th>
|
|
<td class="text-center">
|
|
<span class="whish-title">New Balance Arish makeup box</span>
|
|
</td>
|
|
<td class="text-center">
|
|
<span class="badge badge-danger position-static"
|
|
>In Stock</span
|
|
>
|
|
</td>
|
|
<td class="text-center">
|
|
<div class="product-count style">
|
|
<div class="count d-flex justify-content-center">
|
|
<input
|
|
type="number"
|
|
min="1"
|
|
max="10"
|
|
step="1"
|
|
value="1"
|
|
/>
|
|
<div class="button-group">
|
|
<button class="count-btn increment">
|
|
<i class="fas fa-chevron-up"></i>
|
|
</button>
|
|
<button class="count-btn decrement">
|
|
<i class="fas fa-chevron-down"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="text-center">
|
|
<span class="whish-list-price"> $38.24 </span>
|
|
</td>
|
|
|
|
<td class="text-center">
|
|
<a href="#">
|
|
<span class="trash"><i class="fas fa-trash-alt"></i> </span
|
|
></a>
|
|
</td>
|
|
<td class="text-center">
|
|
<a href="#" class="btn btn-dark btn--lg">add to cart</a>
|
|
</td>
|
|
</tr> -->
|
|
</tbody>
|
|
</table>
|
|
<div id="mob-res-cart">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- product tab end -->
|
|
<div class="check-out-section pb-80">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-7">
|
|
<div class="billing-info-wrap">
|
|
<h3 class="title">calculate shipping</h3>
|
|
<form class="personal-information" action="./assets/php/contact.php">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="billing-select mb-20px">
|
|
<select id="inputState" class="form-select mb-3">
|
|
<option>Select country</option>
|
|
<option>Azerbaijan</option>
|
|
<option>Bahamas</option>
|
|
<option>Bahrain</option>
|
|
<option>Bangladesh</option>
|
|
<option>Barbados</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="billing-select mb-20px">
|
|
<select id="inputState2" class="form-select mb-3">
|
|
<option>Select State</option>
|
|
<option>Azerbaijan</option>
|
|
<option>Bahamas</option>
|
|
<option>Bahrain</option>
|
|
<option>Bangladesh</option>
|
|
<option>Barbados</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="billing-info mb-20px">
|
|
<input placeholder="Postcode / ZIP" type="text" />
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="billing-select mb-20px">
|
|
<a href="#" class="btn btn-primary check-out-btn">estimate</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<h3 class="coupon-title">Discount coupon Code</h3>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6">
|
|
<div class="billing-info mb-20px">
|
|
<input placeholder="coupon Code" type="text" />
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6">
|
|
<a href="#" class="btn btn-primary check-out-btn">apply code</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 mt-4 mt-lg-0">
|
|
<div class="your-order-area">
|
|
<div class="your-order-wrap gray-bg-4">
|
|
<div class="your-order-product-info">
|
|
<div class="your-order-top">
|
|
<ul>
|
|
<li>Product</li>
|
|
<li>Total</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="your-order-bottom">
|
|
<ul>
|
|
<li class="your-order-shipping">Shipping</li>
|
|
<li>Free shipping</li>
|
|
</ul>
|
|
</div>
|
|
<div class="your-order-total mb-0">
|
|
<ul>
|
|
<li class="order-total">Total</li>
|
|
<li>$329</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="Place-order mt-25">
|
|
<a class="btn btn--lg btn-primary me-3" href="#">update cart</a>
|
|
<a class="btn btn--lg btn-primary my-2 my-sm-0" href="#">checkout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- footer strat -->
|
|
<div id="footer-head"></div>
|
|
<!-- footer end -->
|
|
|
|
|
|
<!--***********************
|
|
all js files
|
|
***********************-->
|
|
|
|
<!--******************************************************
|
|
jquery,modernizr ,poppe,bootstrap,plugins and main js
|
|
******************************************************-->
|
|
|
|
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
|
|
<script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
|
|
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>
|
|
<script src="assets/js/plugins/jquery-ui.min.js"></script>
|
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/plugins/plugins.js"></script>
|
|
<script src="assets/js/plugins/ajax-contact.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
<script src="assets/js/scroll.js"></script>
|
|
<script src="assets/js/cart.js"></script>
|
|
|
|
<!-- navbar-js -->
|
|
<script src="assets/js/navbar.js"></script>
|
|
|
|
<!-- footer-js -->
|
|
<script src="assets/js/footer.js"></script>
|
|
</body>
|
|
|
|
</html> |