sachin.ganesh
/
anwi_website
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
Нема описа
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.
32 Комити
1 Грана
Дрво: c6815fb21d
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'c6815fb21d'
${ noResults }
anwi_website/shopping-cart.html

shopping-cart.html 22KB
Историја Датотека

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8" />

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  8. 

  9.     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />

  10.     <link rel="stylesheet" href="./dist/css/main.css" />

  11.     <link rel="stylesheet" href="./styles/style.css">

  12.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">

  13.     <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">

  14.     <title>Anwi</title>

  15. </head>

  16. 

  17. <body>

  18.     <!-- main-body -->

  19.     <main class="shopping-cart-main-container">

  20.         <section class="bg-white">

  21.             <header>

  22.                 <!-- navbar -->

  23.                 <div id="navbar-head" class="bg-white"></div>

  24.                 <!-- end-navbar -->

  25.             </header>

  26.             <hr class="mx-5">

  27.             <div class="cart-sec-highlighter d-none d-sm-block">

  28.                 <div class="container">

  29.                     <div class="row align-items-center py-4 justify-content-around">

  30.                         <div class="col-md-2">

  31.                             <h5> 1. Shopping-cart </h5>

  32.                         </div>

  33.                         <div class="col-md-2 border-bottom border-dark"></div>

  34.                         <div class="col-md-2">

  35.                             <h5 class="text-muted">2. Check-out </h5>

  36.                         </div>

  37.                         <div class="col-md-2 border-bottom border-dark"></div>

  38.                         <div class="col-md-2">

  39.                             <h5 class="text-muted">3. Review </h5>

  40.                         </div>

  41.                     </div>

  42.                 </div>

  43.             </div>

  44.         </section>

  45.         <div class="shopping-cart-details">

  46.             <div class="container pt-4">

  47.                 <div class="row align-items-center bg-white rounded d-none d-sm-flex shopping-cart-details-row-1 ">

  48.                     <div class="col-md-2">

  49.                         <h6 class="text-center">All</h6>

  50.                     </div>

  51.                     <div class="col-md-4">

  52.                         <h6 class="text-center">Product Name</h6>

  53.                     </div>

  54.                     <div class="col-md-2">

  55.                         <h6>Price</h6>

  56.                     </div>

  57.                     <div class="col-md-2">

  58.                         <h6>Quantity</h6>

  59.                     </div>

  60.                     <div class="col-md-2">

  61.                         <h6>Total</h6>

  62.                     </div>

  63.                 </div>

  64.                 <div class="row bg-white mt-3 rounded py-3 d-none d-sm-flex ">

  65.                     <div class="col-md-2"><img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid"></div>

  66.                     <div class="col-md-4">

  67.                         <p class="mb-0">Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>

  68.                         <small>Xiaomi Technology India Private Limited</small>

  69.                         <span class="badge text-bg-warning">8 Offers ></span>

  70.                     </div>

  71.                     <div class="col-md-2">

  72.                         <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16

  73.                                     16">

  74.                                 <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325

  75.                                         1.724H4v1.051h5.051C8.855 7.001 8 7.558

  76.                                         6.788 7.558H4v1.317L8.437 14h2.11L6.095

  77.                                         8.884h.855c2.316-.018 3.465-1.476

  78.                                         3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />

  79.                             </svg> 54,999</p>

  80.                     </div>

  81.                     <div class="col-md-2">

  82.                         <p>Max 1 per order</p>

  83.                     </div>

  84.                     <div class="col-md-2">

  85.                         <div class="d-flex justify-content-between">

  86.                             <p class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  87.                                 <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  88.                               </svg> 54,999</p>

  89.                             <span>x</span>

  90.                         </div>

  91.                     </div>

  92.                     <div class="warrenty-sec px-3 sec-space-4">

  93.                         <div class="row align-items-center border

  94.                                         py-2 mx-4">

  95.                             <div class="col-md-8">

  96.                                 <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>

  97.                             </div>

  98.                             <div class="col-md-3">

  99.                                 <p class="text-end mb-0"> ₹3,200 (2 year)

  100.                                 </p>

  101.                             </div>

  102.                         </div>

  103.                         <div class="row align-items-center border

  104.                                         py-2 mx-4 mt-3">

  105.                             <div class="col-md-8">

  106.                                 <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>

  107.                             </div>

  108.                             <div class="col-md-3">

  109.                                 <p class="text-end mb-0"> ₹2,900 (2 year)

  110.                                 </p>

  111.                             </div>

  112.                         </div>

  113.                     </div>

  114.                 </div>

  115.                 <div class="bg-white rounded  d-block d-sm-none ">

  116.                     <div class="card mb-3" style="max-width: 540px;">

  117.                         <div class="mx-auto mobile-cart-img">

  118.                             <img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">

  119.                         </div>

  120.                         <div class="d-flex align-items-center g-0">

  121.                             <div class="col-md-8">

  122.                                 <div class="card-body">

  123.                                     <p class="mb-0"> Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>

  124.                                     <small>Xiaomi Technology India Private Limited</small>

  125.                                     <span class="badge text-bg-warning">8 Offers ></span>

  126.                                 </div>

  127.                             </div>

  128.                         </div>

  129.                         <div class="card-footer bg-white border-0">

  130.                             <div class="d-flex justify-content-between">

  131.                                 <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16

  132.                                 16">

  133.                             <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325

  134.                                     1.724H4v1.051h5.051C8.855 7.001 8 7.558

  135.                                     6.788 7.558H4v1.317L8.437 14h2.11L6.095

  136.                                     8.884h.855c2.316-.018 3.465-1.476

  137.                                     3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />

  138.                         </svg> 54,999</p>

  139.                                 <p>Max 1 per order</p>

  140.                                 <p>x</p>

  141.                             </div>

  142.                         </div>

  143.                         <div class="warrenty-sec sec-space-4">

  144.                             <div class="row align-items-center border

  145.                                             py-2 mx-4">

  146.                                 <div class="col-md-8">

  147.                                     <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>

  148.                                 </div>

  149.                                 <div class="col-md-3">

  150.                                     <p class="text-end mb-0"> ₹3,200 (2 year)

  151.                                     </p>

  152.                                 </div>

  153.                             </div>

  154.                             <div class="row align-items-center border

  155.                                             py-2 mx-4">

  156.                                 <div class="col-md-8">

  157.                                     <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>

  158.                                 </div>

  159.                                 <div class="col-md-3">

  160.                                     <p class="text-end mb-0"> ₹2,900 (2 year)

  161.                                     </p>

  162.                                 </div>

  163.                             </div>

  164.                         </div>

  165.                     </div>

  166.                 </div>

  167.             </div>

  168.             <div class="alert-display-sec position-fixed w-100 bottom-0 ">

  169.                 <div class="alert alert-white border

  170.                                 border-end-0 border-start-0 mb-0 rounded-0

  171.                                 alert-dismissible fade show" role="alert">

  172.                     <div class="container">

  173.                         <div class="row align-items-center">

  174.                             <div class="col-md-7">

  175.                                 <div class="d-flex align-items-center ">

  176.                                     <p class="mb-0 text-dark">You have selected 1 item out of all 1 item

  177.                                     </p>

  178.                                     <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>

  179.                                 </div>

  180.                             </div>

  181.                             <div class="col-md-5 mt-2">

  182.                                 <div class="d-flex justify-content-end">

  183.                                     <h2 class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  184.                                         <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  185.                                       </svg> 54,999.00</h01>

  186.                                         <a class="btn btn-dark button_dark" href="#">Check

  187.                                             Out</a>

  188.                                 </div>

  189.                             </div>

  190.                         </div>

  191.                     </div>

  192.                 </div>

  193.             </div>

  194.             <!-- buy-together-sec -->

  195.             <div class="buy-together-sec">

  196.                 <div class="container">

  197.                     <div class="row bg-white px-4">

  198.                         <h5 class="py-3 border-bottom">Buy Together

  199.                         </h5>

  200.                         <div class="special-offers px-0">

  201.                             <div class="px-0">

  202.                                 <h6 class="text-muted">Special Offer Exclusive with your purchase</h6>

  203.                             </div>

  204.                             <div class="row">

  205.                                 <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">

  206.                                     <div class="card mb-3">

  207.                                         <div class="row g-0 align-items-center">

  208.                                             <div class="col-md-4 text-center">

  209.                                                 <img src="./dist/assets/imgs/Home/anwi-bag.png" class="img-fluid rounded-start h-100p " alt="shopping-cart-item-img">

  210.                                             </div>

  211.                                             <div class="col-md-8">

  212.                                                 <div class="card-body">

  213.                                                     <p class="card-title">Anwi Step Out Backpack Dark Blue

  214.                                                     </p>

  215.                                                     <p class="card-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  216.                                                         <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  217.                                                       </svg>199

  218.                                                         <del class="text-muted">

  219.                                                             <small class="text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  220.                                                                 <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  221.                                                               </svg>

  222.                                                                 499</small></del>

  223.                                                     </p>

  224.                                                 </div>

  225.                                             </div>

  226.                                         </div>

  227.                                     </div>

  228.                                 </div>

  229.                                 <div class="col-md-1 d-lg-block d-sm-none d-md-none"></div>

  230.                                 <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">

  231.                                     <div class="card mb-3">

  232.                                         <div class="row g-0 align-items-center">

  233.                                             <div class="col-md-4 text-center">

  234.                                                 <img src="./dist/assets/imgs/Home/head-phone.png" class="img-fluid rounded-start h-100p " alt="shopping-cart-item-img">

  235.                                             </div>

  236.                                             <div class="col-md-8">

  237.                                                 <div class="card-body">

  238.                                                     <p class="card-title">Anwi Dark Black Earphones

  239.                                                     </p>

  240.                                                     <p class="card-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  241.                                                         <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  242.                                                       </svg>2500

  243.                                                         <del class="text-muted">

  244.                                                             <small class="text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  245.                                                                 <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  246.                                                               </svg>

  247.                                                                 4999</small></del>

  248.                                                     </p>

  249.                                                 </div>

  250.                                             </div> 

  251.                                         </div>

  252.                                     </div>

  253.                                 </div>

  254.                             </div>

  255.                             <div class="px-0">

  256.                                 <h6 class="text-muted">Limited Period Offer Exclusive with your purchase

  257.                                 </h6>

  258.                             </div>

  259.                             <div class="row">

  260.                                 <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">

  261.                                     <div class="card mb-3">

  262.                                         <div class="row g-0 align-items-center">

  263.                                             <div class="col-md-4 ps-2 ">

  264.                                                 <img src="./dist/assets/imgs/Home/Anwi-keyboard.png" class="img-fluid rounded-start" alt="shopping-cart-item-img">

  265.                                             </div>

  266.                                             <div class="col-md-8">

  267.                                                 <div class="card-body">

  268.                                                     <p class="card-title">Anwi Ultra Keyboard

  269.                                                     </p>

  270.                                                     <p class="card-text">

  271.                                                         <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">

  272.                                                             <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>

  273.                                                           </svg> 1999

  274.                                                         </small>

  275.                                                         </del>

  276.                                                     </p>

  277.                                                 </div>

  278.                                             </div>

  279.                                         </div>

  280.                                     </div>

  281.                                 </div>

  282.                             </div>

  283.                         </div>

  284.                     </div>

  285.                 </div>

  286.             </div>

  287.             <!-- buy-together-sec -->

  288.             <!-- delivery to -->

  289.             <div class=" delivery-to-sec sec-space-3 d-block d-sm-none ">

  290.                 <div class=" container ">

  291.                     <div class=" col-md-5 ">

  292.                         <div class=" d-flex align-items-center justify-content-around p-1">

  293.                             <div class=" px-0 ">

  294.                                 <p class="mb-0">Delivery to

  295.                                 </p>

  296.                             </div>

  297.                             <div class=" px-0 ">

  298.                                 <input type="text" placeholder=" Input pincode to check " class="p-1">

  299.                             </div>

  300.                             <a class=" btn btn-dark button_dark " href=" # ">Delivery</a>

  301.                         </div>

  302.                     </div>

  303.                 </div>

  304.             </div>

  305.             <div class=" delivery-to-sec sec-space-3 d-none d-sm-block">

  306.                 <div class=" container ">

  307.                     <div class="col-md-7 col-lg-5">

  308.                         <div class=" d-flex align-items-center justify-content-around ">

  309.                             <div class=" px-0 ">

  310.                                 <h6>Delivery to

  311.                                 </h6>

  312.                             </div>

  313.                             <div class=" px-0 ">

  314.                                 <input type="text" placeholder=" Input pincode to check " class="p-1">

  315.                             </div>

  316.                             <a class=" btn btn-dark button_dark " href=" # ">Delivery</a>

  317.                         </div>

  318.                     </div>

  319.                 </div>

  320.             </div>

  321.             <!-- delivery to -->

  322.         </div>

  323.     </main>

  324.     <!-- footer -->

  325.     <div id="footer-head"></div>

  326.     <!-- end-footer -->

  327.     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>

  328.     <script src="./dist/Js/jquery.min.js"></script>

  329.     <script src="./libs/Owlcarousel/Js/owl.carousel.min.js"></script>

  330.     <script src="./dist/Js/navbar.js"></script>

  331.     <script src="./dist/Js/footer.js"></script>

  332.     <script>

  333.         $(window).scroll(function() {

  334.             if (isScrolledIntoView('#footer-head'))

  335.                 $('.alert-display-sec').css('visibility', 'hidden');

  336.             else {

  337.                 $('.alert-display-sec').css('visibility', 'visible');

  338.             }

  339.         });

  340. 

  341.         function isScrolledIntoView(elem) {

  342.             let docViewTop = $(window).scrollTop();

  343.             let docViewBottom = docViewTop + $(window).height();

  344.             let elemTop = $(elem).offset().top;

  345.             let elemBottom = elemTop + $(elem).height();

  346.             return ((elemTop < docViewBottom));

  347.         }

  348.     </script>

  349. </body>

  350. 

  351. </html>