sachin.ganesh
/
anwi_website
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
90 коммитов
1 ветка
Дерево: 60ea1797f1
веток Теги
${ item.name }
Создать ветку ${ searchTerm }
из '60ea1797f1'
${ noResults }
anwi_website/shopping-cart.html

shopping-cart.html 26KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456 
  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.     <link rel="stylesheet" href="./style.css">

  15.     

  16.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  17.     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">

  18.     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">

  19.     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">

  20.     <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->

  21.     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">

  22.     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">

  23.     <link rel="stylesheet" href="./dist/css/plugins/slick.css">

  24.     <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">

  25.     <link rel="stylesheet" href="./dist/css/plugins/animate.css">

  26.     <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">

  27.     <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">

  28.     <link rel="stylesheet" href="./dist/css/style.css">

  29.     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">

  30.     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">

  31.     <title>Anwi</title>

  32. 

  33.     <style>

  34.         *,*::after,::before{

  35.             box-sizing: border-box;

  36.             padding: 0;

  37.             margin: 0;

  38.         }

  39.     </style>

  40. 

  41. </head>

  42. 

  43. <body>

  44.       <!-- navbar -->

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

  46.       <!-- end-navbar -->

  47. 

  48.     <!-- main-body -->

  49.     <main class="shopping-cart-main-container main-body pb-0 ">

  50.         <section class="services h-100 pt-3  bg-gradient-anwi">

  51.             <div class="container pt-5 ">

  52.                 <div class="text-center text-white ">

  53.                 </div>

  54.             </div>

  55.         </section>

  56.         <section class="bg-white d-none">

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

  58.                 <div class="container">

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

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

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

  62.                         </div>

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

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

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

  66.                         </div>

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

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

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

  70.                         </div>

  71.                     </div>

  72.                 </div>

  73.             </div>

  74.         </section>

  75.         <div class="shopping-cart-details py-5 bg-gradient-violet  h-100">

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

  77.                 <div class="row align-items-center bg-white border-radius-top py-1 d-none d-md-flex shopping-cart-details-row-1 border-bottom">

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

  79.                         <h6 class="">Product Image</h6>

  80.                     </div>

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

  82.                         <h6>Product Name</h6>

  83.                     </div>

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

  85.                         <h6>Price</h6>

  86.                     </div>

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

  88.                         <h6>Quantity</h6>

  89.                     </div>

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

  91.                         <h6>Total</h6>

  92.                     </div>

  93.                 </div>

  94.                 <div class="appendItems">

  95. 

  96.                     

  97.                 </div>

  98.                 <div class="emptyShow row d-none">

  99.                     <div class="bg-white innerEmptyShow p-5 d-flex flex-column align-items-center justify-content-center gap-2">

  100.                       <p> <span><i class="fa fa-cart-shopping"></i></span>

  101.                         <span>  Your Card is Empty</span></p>

  102.                        

  103.                       <p><a class="btn btn-dark button_dark" href="index.html">Continue Shopping</a></p>

  104.                    

  105.                     </div>

  106.                 </div>

  107.                 <div class="d-flex justify-content-end align-items-center pt-4">

  108.                     <div class=" checkoutbtn bg-gradient-anwi btn btn-sm mt-3 text-white px-4"><div class="spinner-border d-none" role="status">

  109.                       

  110.                       </div><span>Check out</span></div>

  111.                 </div>

  112.                 <!-- append -->

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

  114.                     <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>

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

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

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

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

  119.                     </div>

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

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

  122.                                     16">

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

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

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

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

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

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

  129.                     </div>

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

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

  132.                     </div>

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

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

  135.                             <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">

  136.                                 <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"/>

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

  138.                             <span>x</span>

  139.                         </div>

  140.                     </div>

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

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

  143.                                         py-2 mx-4">

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

  145.                                 <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>

  146.                             </div>

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

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

  149.                                 </p>

  150.                             </div>

  151.                         </div>

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

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

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

  155.                                 <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>

  156.                             </div>

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

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

  159.                                 </p>

  160.                             </div>

  161.                         </div>

  162.                     </div>

  163.                 </div> -->

  164.                     <!-- append -->

  165.                 <div class="bg-white rounded  d-none ">

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

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

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

  169.                             <img src="{img}" alt="shopping-cart-item-img" class="img-fluid">

  170.                         </div>

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

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

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

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

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

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

  177.                                 </div>

  178.                             </div>

  179.                         </div>

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

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

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

  183.                                 16">

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

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

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

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

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

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

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

  191.                                 <p>x</p>

  192.                             </div>

  193.                         </div>

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

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

  196.                                             py-2 mx-4">

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

  198.                                     <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>

  199.                                 </div>

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

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

  202.                                     </p>

  203.                                 </div>

  204.                             </div>

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

  206.                                             py-2 mx-4">

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

  208.                                     <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>

  209.                                 </div>

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

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

  212.                                     </p>

  213.                                 </div>

  214.                             </div>

  215.                         </div>

  216.                     </div>

  217.                 </div>

  218.             </div>

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

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

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

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

  223.                     <div class="container">

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

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

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

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

  228.                                     </p>

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

  230.                                 </div>

  231.                             </div>

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

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

  234.                                     <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">

  235.                                         <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"/>

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

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

  238.                                             Out</a>

  239.                                 </div>

  240.                             </div>

  241.                         </div>

  242.                     </div>

  243.                 </div>

  244.             </div>

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

  246.             <div class="d-none buy-together-sec">

  247.                 <div class="container">

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

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

  250.                         </h5>

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

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

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

  254.                             </div>

  255.                             <div class="row">

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

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

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

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

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

  261.                                             </div>

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

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

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

  265.                                                     </p>

  266.                                                     <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">

  267.                                                         <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"/>

  268.                                                       </svg>199

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

  270.                                                             <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">

  271.                                                                 <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"/>

  272.                                                               </svg>

  273.                                                                 499</small></del>

  274.                                                     </p>

  275.                                                 </div>

  276.                                             </div>

  277.                                         </div>

  278.                                     </div>

  279.                                 </div>

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

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

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

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

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

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

  286.                                             </div>

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

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

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

  290.                                                     </p>

  291.                                                     <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">

  292.                                                         <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"/>

  293.                                                       </svg>2500

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

  295.                                                             <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">

  296.                                                                 <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"/>

  297.                                                               </svg>

  298.                                                                 4999</small></del>

  299.                                                     </p>

  300.                                                 </div>

  301.                                             </div> 

  302.                                         </div>

  303.                                     </div>

  304.                                 </div>

  305.                             </div>

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

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

  308.                                 </h6>

  309.                             </div>

  310.                             <div class="row">

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

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

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

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

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

  316.                                             </div>

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

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

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

  320.                                                     </p>

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

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

  323.                                                             <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"/>

  324.                                                           </svg> 1999

  325.                                                         

  326.                                                     </p>

  327.                                                 </div>

  328.                                             </div>

  329.                                         </div>

  330.                                     </div>

  331.                                 </div>

  332.                             </div>

  333.                         </div>

  334.                     </div>

  335.                 </div>

  336.             </div>

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

  338.             <!-- delivery to -->

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

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

  341.                 <div class=" container d-none">

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

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

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

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

  346.                                 </p>

  347.                             </div>

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

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

  350.                             </div>

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

  352.                         </div>

  353.                     </div>

  354.                 </div>

  355.             </div>

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

  357.                 <div class=" container d-none">

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

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

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

  361.                                 <h6>Delivery to

  362.                                 </h6>

  363.                             </div>

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

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

  366.                             </div>

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

  368.                         </div>

  369.                     </div>

  370.                 </div>

  371.             </div>

  372.             <!-- delivery to -->

  373.         </div>

  374.     </main>

  375. 

  376.      <!-- modal -->

  377.  <!-- Button trigger modal -->

  378.  <!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#deletecartmodal">

  379.     Launch demo modal

  380.   </button> -->

  381.   

  382.   <!-- Modal -->

  383.   <div class="modal fade" id="deletecartmodal" tabindex="-1" aria-labelledby="modalremovecart" aria-hidden="true">

  384.     <div class="modal-dialog">

  385.       <div class="modal-content">

  386.         <div class="modal-header">

  387.           <h1 class="modal-title fs-5" id="modalremovecart">Modal title</h1>

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

  389.         </div>

  390.         <div class="modal-body">

  391.          <div>

  392.            Are you sure? You want to delete this item?

  393.          </div>

  394.         </div>

  395.         <div class="modal-footer">

  396.           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

  397.           <button type="button" data-bs-dismiss="modal" class="btn btn-danger removeitemcartmodal">Remove item</button>

  398.         </div>

  399.       </div>

  400.     </div>

  401.   </div>

  402. 

  403.     <!-- modal -->

  404. 

  405.     <!-- footer -->

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

  407.     <!-- end-footer -->

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

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

  410.     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>

  411. 

  412.     <script src="./libs/axios.min.js"></script>

  413. 

  414.     <script src="./libs/cookies.min.js"></script>

  415. 

  416.     <script src="./dist/toaster/toastr.js"></script>

  417.     <script src="./dist/js/fontawesome.all.js"></script>

  418.     <script src="./dist/js/fontawesome.min.js"></script>

  419.     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>

  420.     <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>

  421.     <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>

  422.     <script src="./dist/js/vendor/bootstrap.min.js"></script>

  423.     <script src="./dist/js/plugins/slick.js"></script>

  424.     <script src="./dist/js/plugins/wow.js"></script>

  425.     <script src="./dist/js/plugins/svg-injector.min.js"></script>

  426.     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>

  427. 

  428.     <!-- Main JS -->

  429.     <script src="./dist/js/footer.js"></script>

  430.     <script src="./dist/js/utils/helpers.js"></script>

  431. 

  432.     <script src="./dist/js/auth/apiservice.js"></script>

  433.     <script src="./dist/js/shoppingcart/addtocart.js"></script>  

  434.     <script src="./dist/js/shoppingcart/shoppingcart.js"></script> 

  435.     <script src="./dist/js/navbar.js"></script> 

  436.     <script src="./dist/js/main.js"></script>

  437.     <script>

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

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

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

  441.             else {

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

  443.             }

  444.         });

  445. 

  446.         function isScrolledIntoView(elem) {

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

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

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

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

  451.             return ((elemTop < docViewBottom));

  452.         }

  453.     </script>

  454. </body>

  455. 

  456. </html>