rahul.katari
/
anwisystems


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317
							<!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>