1 Star 2 Fork 1

LuoCore/Bootstrap5 -Cartzilla

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
shop-cart.html 62.27 KB
一键复制 编辑 原始数据 按行查看 历史
mandharet 提交于 2021-04-16 22:17 . first commit
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cartzilla | Your cart</title>
<!-- SEO Meta Tags-->
<meta name="description" content="Cartzilla - Bootstrap E-commerce Template">
<meta name="keywords" content="bootstrap, shop, e-commerce, market, modern, responsive, business, mobile, bootstrap, html5, css3, js, gallery, slider, touch, creative, clean">
<meta name="author" content="Createx Studio">
<!-- Viewport-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon and Touch Icons-->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" color="#fe6a6a" href="safari-pinned-tab.svg">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<!-- Vendor Styles including: Font Icons, Plugins, etc.-->
<link rel="stylesheet" media="screen" href="vendor/simplebar/dist/simplebar.min.css"/>
<link rel="stylesheet" media="screen" href="vendor/tiny-slider/dist/tiny-slider.css"/>
<!-- Main Theme Styles + Bootstrap-->
<link rel="stylesheet" media="screen" href="css/theme.min.css">
<!-- Google Tag Manager-->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WKV3GT5');
</script>
</head>
<!-- Body-->
<body class="handheld-toolbar-enabled">
<!-- Google Tag Manager (noscript)-->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-WKV3GT5" height="0" width="0" style="display: none; visibility: hidden;"></iframe>
</noscript>
<!-- Sign in / sign up modal-->
<div class="modal fade" id="signin-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header bg-secondary">
<ul class="nav nav-tabs card-header-tabs" role="tablist">
<li class="nav-item"><a class="nav-link fw-medium active" href="#signin-tab" data-bs-toggle="tab" role="tab" aria-selected="true"><i class="ci-unlocked me-2 mt-n1"></i>Sign in</a></li>
<li class="nav-item"><a class="nav-link fw-medium" href="#signup-tab" data-bs-toggle="tab" role="tab" aria-selected="false"><i class="ci-user me-2 mt-n1"></i>Sign up</a></li>
</ul>
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body tab-content py-4">
<form class="needs-validation tab-pane fade show active" autocomplete="off" novalidate id="signin-tab">
<div class="mb-3">
<label class="form-label" for="si-email">Email address</label>
<input class="form-control" type="email" id="si-email" placeholder="[email protected]" required>
<div class="invalid-feedback">Please provide a valid email address.</div>
</div>
<div class="mb-3">
<label class="form-label" for="si-password">Password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="si-password" required>
<label class="password-toggle-btn" aria-label="Show/hide password">
<input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<div class="mb-3 d-flex flex-wrap justify-content-between">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="si-remember">
<label class="form-check-label" for="si-remember">Remember me</label>
</div><a class="fs-sm" href="#">Forgot password?</a>
</div>
<button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign in</button>
</form>
<form class="needs-validation tab-pane fade" autocomplete="off" novalidate id="signup-tab">
<div class="mb-3">
<label class="form-label" for="su-name">Full name</label>
<input class="form-control" type="text" id="su-name" placeholder="John Doe" required>
<div class="invalid-feedback">Please fill in your name.</div>
</div>
<div class="mb-3">
<label for="su-email">Email address</label>
<input class="form-control" type="email" id="su-email" placeholder="[email protected]" required>
<div class="invalid-feedback">Please provide a valid email address.</div>
</div>
<div class="mb-3">
<label class="form-label" for="su-password">Password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="su-password" required>
<label class="password-toggle-btn" aria-label="Show/hide password">
<input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<div class="mb-3">
<label class="form-label" for="su-password-confirm">Confirm password</label>
<div class="password-toggle">
<input class="form-control" type="password" id="su-password-confirm" required>
<label class="password-toggle-btn" aria-label="Show/hide password">
<input class="password-toggle-check" type="checkbox"><span class="password-toggle-indicator"></span>
</label>
</div>
</div>
<button class="btn btn-primary btn-shadow d-block w-100" type="submit">Sign up</button>
</form>
</div>
</div>
</div>
</div>
<!-- Navbar 3 Level (Light)-->
<header class="shadow-sm">
<!-- Topbar-->
<div class="topbar topbar-dark bg-dark">
<div class="container">
<div class="topbar-text dropdown d-md-none"><a class="topbar-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Useful links</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="tel:00331697720"><i class="ci-support text-muted me-2"></i>(00) 33 169 7720</a></li>
<li><a class="dropdown-item" href="order-tracking.html"><i class="ci-location text-muted me-2"></i>Order tracking</a></li>
</ul>
</div>
<div class="topbar-text text-nowrap d-none d-md-inline-block"><i class="ci-support"></i><span class="text-muted me-1">Support</span><a class="topbar-link" href="tel:00331697720">(00) 33 169 7720</a></div>
<div class="tns-carousel tns-controls-static d-none d-md-block">
<div class="tns-carousel-inner" data-carousel-options="{&quot;mode&quot;: &quot;gallery&quot;, &quot;nav&quot;: false}">
<div class="topbar-text">Free shipping for order over $200</div>
<div class="topbar-text">We return money within 30 days</div>
<div class="topbar-text">Friendly 24/7 customer support</div>
</div>
</div>
<div class="ms-3 text-nowrap"><a class="topbar-link me-4 d-none d-md-inline-block" href="order-tracking.html"><i class="ci-location"></i>Order tracking</a>
<div class="topbar-text dropdown disable-autohide"><a class="topbar-link dropdown-toggle" href="#" data-bs-toggle="dropdown"><img class="me-2" src="img/flags/en.png" width="20" alt="English">Eng / $</a>
<ul class="dropdown-menu dropdown-menu-end">
<li class="dropdown-item">
<select class="form-select form-select-sm">
<option value="usd">$ USD</option>
<option value="eur">€ EUR</option>
<option value="ukp">£ UKP</option>
<option value="jpy">¥ JPY</option>
</select>
</li>
<li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/fr.png" width="20" alt="Français">Français</a></li>
<li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/de.png" width="20" alt="Deutsch">Deutsch</a></li>
<li><a class="dropdown-item" href="#"><img class="me-2" src="img/flags/it.png" width="20" alt="Italiano">Italiano</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.-->
<div class="navbar-sticky bg-light">
<div class="navbar navbar-expand-lg navbar-light">
<div class="container"><a class="navbar-brand d-none d-sm-block flex-shrink-0" href="index.html"><img src="img/logo-dark.png" width="142" alt="Cartzilla"></a><a class="navbar-brand d-sm-none flex-shrink-0 me-2" href="index.html"><img src="img/logo-icon.png" width="74" alt="Cartzilla"></a>
<div class="input-group d-none d-lg-flex mx-4">
<input class="form-control rounded-end pe-5" type="text" placeholder="Search for products"><i class="ci-search position-absolute top-50 end-0 translate-middle-y text-muted fs-base me-3"></i>
</div>
<div class="navbar-toolbar d-flex flex-shrink-0 align-items-center">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"><span class="navbar-toggler-icon"></span></button><a class="navbar-tool navbar-stuck-toggler" href="#"><span class="navbar-tool-tooltip">Expand menu</span>
<div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-menu"></i></div></a><a class="navbar-tool d-none d-lg-flex" href="account-wishlist.html"><span class="navbar-tool-tooltip">Wishlist</span>
<div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-heart"></i></div></a><a class="navbar-tool ms-1 ms-lg-0 me-n1 me-lg-2" href="#signin-modal" data-bs-toggle="modal">
<div class="navbar-tool-icon-box"><i class="navbar-tool-icon ci-user"></i></div>
<div class="navbar-tool-text ms-n3"><small>Hello, Sign in</small>My Account</div></a>
<div class="navbar-tool dropdown ms-3"><a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="shop-cart.html"><span class="navbar-tool-label">4</span><i class="navbar-tool-icon ci-cart"></i></a><a class="navbar-tool-text" href="shop-cart.html"><small>My Cart</small>$265.00</a>
<!-- Cart dropdown-->
<div class="dropdown-menu dropdown-menu-end">
<div class="widget widget-cart px-3 pt-2 pb-3" style="width: 20rem;">
<div style="height: 15rem;" data-simplebar data-simplebar-auto-hide="false">
<div class="widget-cart-item pb-2 border-bottom">
<button class="btn-close text-danger" type="button" aria-label="Remove"><span aria-hidden="true">&times;</span></button>
<div class="d-flex align-items-center"><a class="flex-shrink-0" href="shop-single-v1.html"><img src="img/shop/cart/widget/01.jpg" width="64" alt="Product"></a>
<div class="ps-2">
<h6 class="widget-product-title"><a href="shop-single-v1.html">Women Colorblock Sneakers</a></h6>
<div class="widget-product-meta"><span class="text-accent me-2">$150.<small>00</small></span><span class="text-muted">x 1</span></div>
</div>
</div>
</div>
<div class="widget-cart-item py-2 border-bottom">
<button class="btn-close text-danger" type="button" aria-label="Remove"><span aria-hidden="true">&times;</span></button>
<div class="d-flex align-items-center"><a class="flex-shrink-0" href="shop-single-v1.html"><img src="img/shop/cart/widget/02.jpg" width="64" alt="Product"></a>
<div class="ps-2">
<h6 class="widget-product-title"><a href="shop-single-v1.html">TH Jeans City Backpack</a></h6>
<div class="widget-product-meta"><span class="text-accent me-2">$79.<small>50</small></span><span class="text-muted">x 1</span></div>
</div>
</div>
</div>
<div class="widget-cart-item py-2 border-bottom">
<button class="btn-close text-danger" type="button" aria-label="Remove"><span aria-hidden="true">&times;</span></button>
<div class="d-flex align-items-center"><a class="flex-shrink-0" href="shop-single-v1.html"><img src="img/shop/cart/widget/03.jpg" width="64" alt="Product"></a>
<div class="ps-2">
<h6 class="widget-product-title"><a href="shop-single-v1.html">3-Color Sun Stash Hat</a></h6>
<div class="widget-product-meta"><span class="text-accent me-2">$22.<small>50</small></span><span class="text-muted">x 1</span></div>
</div>
</div>
</div>
<div class="widget-cart-item py-2 border-bottom">
<button class="btn-close text-danger" type="button" aria-label="Remove"><span aria-hidden="true">&times;</span></button>
<div class="d-flex align-items-center"><a class="flex-shrink-0" href="shop-single-v1.html"><img src="img/shop/cart/widget/04.jpg" width="64" alt="Product"></a>
<div class="ps-2">
<h6 class="widget-product-title"><a href="shop-single-v1.html">Cotton Polo Regular Fit</a></h6>
<div class="widget-product-meta"><span class="text-accent me-2">$9.<small>00</small></span><span class="text-muted">x 1</span></div>
</div>
</div>
</div>
</div>
<div class="d-flex flex-wrap justify-content-between align-items-center py-3">
<div class="fs-sm me-2 py-2"><span class="text-muted">Subtotal:</span><span class="text-accent fs-base ms-1">$265.<small>00</small></span></div><a class="btn btn-outline-secondary btn-sm" href="shop-cart.html">Expand cart<i class="ci-arrow-right ms-1 me-n1"></i></a>
</div><a class="btn btn-primary btn-sm d-block w-100" href="checkout-details.html"><i class="ci-card me-2 fs-base align-middle"></i>Checkout</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="navbar navbar-expand-lg navbar-light navbar-stuck-menu mt-n2 pt-0 pb-2">
<div class="container">
<div class="collapse navbar-collapse" id="navbarCollapse">
<!-- Search-->
<div class="input-group d-lg-none my-3"><i class="ci-search position-absolute top-50 start-0 translate-middle-y text-muted fs-base ms-3"></i>
<input class="form-control rounded-start" type="text" placeholder="Search for products">
</div>
<!-- Departments menu-->
<ul class="navbar-nav navbar-mega-nav pe-lg-2 me-lg-2">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle ps-lg-0" href="#" data-bs-toggle="dropdown"><i class="ci-view-grid me-2"></i>Departments</a>
<div class="dropdown-menu px-2 pb-4">
<div class="d-flex flex-wrap flex-sm-nowrap">
<div class="mega-dropdown-column pt-3 pt-sm-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/01.jpg" alt="Clothing"></a>
<h6 class="fs-base mb-2">Clothing</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Women's clothing</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Men's clothing</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Kid's clothing</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/02.jpg" alt="Shoes"></a>
<h6 class="fs-base mb-2">Shoes</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Women's shoes</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Men's shoes</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Kid's shoes</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/03.jpg" alt="Gadgets"></a>
<h6 class="fs-base mb-2">Gadgets</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Smartphones &amp; Tablets</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Wearable gadgets</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">E-book readers</a></li>
</ul>
</div>
</div>
</div>
<div class="d-flex flex-wrap flex-sm-nowrap">
<div class="mega-dropdown-column pt-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/04.jpg" alt="Furniture"></a>
<h6 class="fs-base mb-2">Furniture &amp; Decor</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Home furniture</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Office furniture</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Lighting and decoration</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/05.jpg" alt="Accessories"></a>
<h6 class="fs-base mb-2">Accessories</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Hats</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Sunglasses</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Bags</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-4 px-2 px-lg-3">
<div class="widget widget-links"><a class="d-block overflow-hidden rounded-3 mb-3" href="#"><img src="img/shop/departments/06.jpg" alt="Entertainment"></a>
<h6 class="fs-base mb-2">Entertainment</h6>
<ul class="widget-list">
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Kid's toys</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Video games</a></li>
<li class="widget-list-item mb-1"><a class="widget-list-link" href="#">Outdoor / Camping</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
<!-- Primary menu-->
<ul class="navbar-nav">
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Home</a>
<ul class="dropdown-menu">
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-fashion-store-v1.html"><span class="d-block text-heading">Fashion Store v.1</span><small class="d-block text-muted">Classic shop layout</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-fashion-store-v1.html" style="width: 250px;"><img src="img/home/preview/th01.jpg" alt="Fashion Store v.1"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-electronics-store.html"><span class="d-block text-heading">Electronics Store</span><small class="d-block text-muted">Slider + Promo banners</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-electronics-store.html" style="width: 250px;"><img src="img/home/preview/th03.jpg" alt="Electronics Store"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-marketplace.html"><span class="d-block text-heading">Marketplace</span><small class="d-block text-muted">Multi-vendor, digital goods</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-marketplace.html" style="width: 250px;"><img src="img/home/preview/th04.jpg" alt="Marketplace"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-grocery-store.html"><span class="d-block text-heading">Grocery Store</span><small class="d-block text-muted">Full width + Side menu</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-grocery-store.html" style="width: 250px;"><img src="img/home/preview/th06.jpg" alt="Grocery Store"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-food-delivery.html"><span class="d-block text-heading">Food Delivery Service</span><small class="d-block text-muted">Food &amp; Beverages delivery</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-food-delivery.html" style="width: 250px;"><img src="img/home/preview/th07.jpg" alt="Food Delivery Service"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2 border-bottom" href="home-fashion-store-v2.html"><span class="d-block text-heading">Fashion Store v.2</span><small class="d-block text-muted">Slider + Featured categories</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-fashion-store-v2.html" style="width: 250px;"><img src="img/home/preview/th02.jpg" alt="Fashion Store v.2"></a></div>
</li>
<li class="dropdown position-static mb-0"><a class="dropdown-item py-2" href="home-single-store.html"><span class="d-block text-heading">Single Product Store</span><small class="d-block text-muted">Single product / mono brand</small></a>
<div class="dropdown-menu h-100 animation-none mt-0 p-3"><a class="d-block" href="home-single-store.html" style="width: 250px;"><img src="img/home/preview/th05.jpg" alt="Single Product / Brand Store"></a></div>
</li>
</ul>
</li>
<li class="nav-item dropdown active"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop</a>
<div class="dropdown-menu p-0">
<div class="d-flex flex-wrap flex-sm-nowrap px-2">
<div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
<div class="widget widget-links mb-4">
<h6 class="fs-base mb-3">Shop layouts</h6>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="shop-grid-ls.html">Shop Grid - Left Sidebar</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-grid-rs.html">Shop Grid - Right Sidebar</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-grid-ft.html">Shop Grid - Filters on Top</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-list-ls.html">Shop List - Left Sidebar</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-list-rs.html">Shop List - Right Sidebar</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-list-ft.html">Shop List - Filters on Top</a></li>
</ul>
</div>
<div class="widget widget-links">
<h6 class="fs-base mb-3">Marketplace</h6>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="marketplace-category.html">Category Page</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="marketplace-single.html">Single Item Page</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="marketplace-vendor.html">Vendor Page</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="marketplace-cart.html">Cart</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="marketplace-checkout.html">Checkout</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
<div class="widget widget-links">
<h6 class="fs-base mb-3">Shop pages</h6>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="shop-categories.html">Shop Categories</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-single-v1.html">Product Page v.1</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-single-v2.html">Product Page v.2</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="shop-cart.html">Cart</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="checkout-details.html">Checkout - Details</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="checkout-shipping.html">Checkout - Shipping</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="checkout-payment.html">Checkout - Payment</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="checkout-review.html">Checkout - Review</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="checkout-complete.html">Checkout - Complete</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="order-tracking.html">Order Tracking</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="comparison.html">Product Comparison</a></li>
</ul>
</div>
</div>
<div class="mega-dropdown-column pt-1 pt-lg-4 pb-4 px-2 px-lg-3">
<div class="widget widget-links mb-4">
<h6 class="fs-base mb-3">Grocery store</h6>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="grocery-catalog.html">Product Catalog</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="grocery-single.html">Single Product Page</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="grocery-checkout.html">Checkout</a></li>
</ul>
</div>
<div class="widget widget-links">
<h6 class="fs-base mb-3">Food Delivery</h6>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="food-delivery-category.html">Category Page</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="food-delivery-single.html">Single Item (Restaurant)</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="food-delivery-cart.html">Cart (Your Order)</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="food-delivery-checkout.html">Checkout (Address &amp; Payment)</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Account</a>
<ul class="dropdown-menu">
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Shop User Account</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="account-orders.html">Orders History</a></li>
<li><a class="dropdown-item" href="account-profile.html">Profile Settings</a></li>
<li><a class="dropdown-item" href="account-address.html">Account Addresses</a></li>
<li><a class="dropdown-item" href="account-payment.html">Payment Methods</a></li>
<li><a class="dropdown-item" href="account-wishlist.html">Wishlist</a></li>
<li><a class="dropdown-item" href="account-tickets.html">My Tickets</a></li>
<li><a class="dropdown-item" href="account-single-ticket.html">Single Ticket</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Vendor Dashboard</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="dashboard-settings.html">Settings</a></li>
<li><a class="dropdown-item" href="dashboard-purchases.html">Purchases</a></li>
<li><a class="dropdown-item" href="dashboard-favorites.html">Favorites</a></li>
<li><a class="dropdown-item" href="dashboard-sales.html">Sales</a></li>
<li><a class="dropdown-item" href="dashboard-products.html">Products</a></li>
<li><a class="dropdown-item" href="dashboard-add-new-product.html">Add New Product</a></li>
<li><a class="dropdown-item" href="dashboard-payouts.html">Payouts</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="account-signin.html">Sign In / Sign Up</a></li>
<li><a class="dropdown-item" href="account-password-recovery.html">Password Recovery</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Pages</a>
<ul class="dropdown-menu">
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#">Navbar Variants</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="navbar-1-level-light.html">1 Level Light</a></li>
<li><a class="dropdown-item" href="navbar-1-level-dark.html">1 Level Dark</a></li>
<li><a class="dropdown-item" href="navbar-2-level-light.html">2 Level Light</a></li>
<li><a class="dropdown-item" href="navbar-2-level-dark.html">2 Level Dark</a></li>
<li><a class="dropdown-item" href="navbar-3-level-light.html">3 Level Light</a></li>
<li><a class="dropdown-item" href="navbar-3-level-dark.html">3 Level Dark</a></li>
<li><a class="dropdown-item" href="home-electronics-store.html">Electronics Store</a></li>
<li><a class="dropdown-item" href="home-marketplace.html">Marketplace</a></li>
<li><a class="dropdown-item" href="home-grocery-store.html">Side Menu (Grocery)</a></li>
</ul>
</li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="about.html">About Us</a></li>
<li><a class="dropdown-item" href="contacts.html">Contacts</a></li>
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Help Center</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="help-topics.html">Help Topics</a></li>
<li><a class="dropdown-item" href="help-single-topic.html">Single Topic</a></li>
<li><a class="dropdown-item" href="help-submit-request.html">Submit a Request</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">404 Not Found</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="404-simple.html">404 - Simple Text</a></li>
<li><a class="dropdown-item" href="404-illustration.html">404 - Illustration</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog</a>
<ul class="dropdown-menu">
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Blog List Layouts</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="blog-list-sidebar.html">List with Sidebar</a></li>
<li><a class="dropdown-item" href="blog-list.html">List no Sidebar</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#">Blog Grid Layouts</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="blog-grid-sidebar.html">Grid with Sidebar</a></li>
<li><a class="dropdown-item" href="blog-grid.html">Grid no Sidebar</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">Single Post Layouts</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="blog-single-sidebar.html">Article with Sidebar</a></li>
<li><a class="dropdown-item" href="blog-single.html">Article no Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Docs / Components</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="docs/dev-setup.html">
<div class="d-flex">
<div class="lead text-muted pt-1"><i class="ci-book"></i></div>
<div class="ms-2"><span class="d-block text-heading">Documentation</span><small class="d-block text-muted">Kick-start customization</small></div>
</div></a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="components/typography.html">
<div class="d-flex">
<div class="lead text-muted pt-1"><i class="ci-server"></i></div>
<div class="ms-2"><span class="d-block text-heading">Components<span class="badge bg-info ms-2">40+</span></span><small class="d-block text-muted">Faster page building</small></div>
</div></a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="docs/changelog.html">
<div class="d-flex">
<div class="lead text-muted pt-1"><i class="ci-edit"></i></div>
<div class="ms-2"><span class="d-block text-heading">Changelog<span class="badge bg-success ms-2">v2.0</span></span><small class="d-block text-muted">Regular updates</small></div>
</div></a></li>
<li class="dropdown-divider"></li>
<li><a class="dropdown-item" href="mailto:[email protected]">
<div class="d-flex">
<div class="lead text-muted pt-1"><i class="ci-help"></i></div>
<div class="ms-2"><span class="d-block text-heading">Support</span><small class="d-block text-muted">[email protected]</small></div>
</div></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- Page Title-->
<div class="page-title-overlap bg-dark pt-4">
<div class="container d-lg-flex justify-content-between py-2 py-lg-3">
<div class="order-lg-2 mb-3 mb-lg-0 pt-lg-2">
<nav aria-label="breadcrumb">
<ol class="breadcrumb breadcrumb-light flex-lg-nowrap justify-content-center justify-content-lg-start">
<li class="breadcrumb-item"><a class="text-nowrap" href="index.html"><i class="ci-home"></i>Home</a></li>
<li class="breadcrumb-item text-nowrap"><a href="shop-grid-ls.html">Shop</a>
</li>
<li class="breadcrumb-item text-nowrap active" aria-current="page">Cart</li>
</ol>
</nav>
</div>
<div class="order-lg-1 pe-lg-4 text-center text-lg-start">
<h1 class="h3 text-light mb-0">Your cart</h1>
</div>
</div>
</div>
<div class="container pb-5 mb-2 mb-md-4">
<div class="row">
<!-- List of items-->
<section class="col-lg-8">
<div class="d-flex justify-content-between align-items-center pt-3 pb-4 pb-sm-5 mt-1">
<h2 class="h6 text-light mb-0">Products</h2><a class="btn btn-outline-primary btn-sm ps-2" href="shop-grid-ls.html"><i class="ci-arrow-left me-2"></i>Continue shopping</a>
</div>
<!-- Item-->
<div class="d-sm-flex justify-content-between align-items-center my-2 pb-3 border-bottom">
<div class="d-block d-sm-flex align-items-center text-center text-sm-start"><a class="d-inline-block flex-shrink-0 mx-auto me-sm-4" href="shop-single-v1.html"><img src="img/shop/cart/01.jpg" width="160" alt="Product"></a>
<div class="pt-2">
<h3 class="product-title fs-base mb-2"><a href="shop-single-v1.html">Women Colorblock Sneakers</a></h3>
<div class="fs-sm"><span class="text-muted me-2">Size:</span>8.5</div>
<div class="fs-sm"><span class="text-muted me-2">Color:</span>White &amp; Blue</div>
<div class="fs-lg text-accent pt-2">$154.<small>00</small></div>
</div>
</div>
<div class="pt-2 pt-sm-0 ps-sm-3 mx-auto mx-sm-0 text-center text-sm-start" style="max-width: 9rem;">
<label class="form-label" for="quantity1">Quantity</label>
<input class="form-control" type="number" id="quantity1" min="1" value="1">
<button class="btn btn-link px-0 text-danger" type="button"><i class="ci-close-circle me-2"></i><span class="fs-sm">Remove</span></button>
</div>
</div>
<!-- Item-->
<div class="d-sm-flex justify-content-between align-items-center my-2 pb-3 border-bottom">
<div class="d-block d-sm-flex align-items-center text-center text-sm-start"><a class="d-inline-block flex-shrink-0 mx-auto me-sm-4" href="shop-single-v1.html"><img src="img/shop/cart/02.jpg" width="160" alt="Product"></a>
<div class="pt-2">
<h3 class="product-title fs-base mb-2"><a href="shop-single-v1.html">TH Jeans City Backpack</a></h3>
<div class="fs-sm"><span class="text-muted me-2">Brand:</span>Tommy Hilfiger</div>
<div class="fs-sm"><span class="text-muted me-2">Color:</span>Khaki</div>
<div class="fs-lg text-accent pt-2">$79.<small>50</small></div>
</div>
</div>
<div class="pt-2 pt-sm-0 ps-sm-3 mx-auto mx-sm-0 text-center text-sm-start" style="max-width: 9rem;">
<label class="form-label" for="quantity2">Quantity</label>
<input class="form-control" type="number" id="quantity2" min="1" value="1">
<button class="btn btn-link px-0 text-danger" type="button"><i class="ci-close-circle me-2"></i><span class="fs-sm">Remove</span></button>
</div>
</div>
<!-- Item-->
<div class="d-sm-flex justify-content-between align-items-center my-2 pb-3 border-bottom">
<div class="d-block d-sm-flex align-items-center text-center text-sm-start"><a class="d-inline-block flex-shrink-0 mx-auto me-sm-4" href="shop-single-v1.html"><img src="img/shop/cart/03.jpg" width="160" alt="Product"></a>
<div class="pt-2">
<h3 class="product-title fs-base mb-2"><a href="shop-single-v1.html">3-Color Sun Stash Hat</a></h3>
<div class="fs-sm"><span class="text-muted me-2">Brand:</span>The North Face</div>
<div class="fs-sm"><span class="text-muted me-2">Color:</span>Pink / Beige / Dark blue</div>
<div class="fs-lg text-accent pt-2">$22.<small>50</small></div>
</div>
</div>
<div class="pt-2 pt-sm-0 ps-sm-3 mx-auto mx-sm-0 text-center text-sm-start" style="max-width: 9rem;">
<label class="form-label" for="quantity3">Quantity</label>
<input class="form-control" type="number" id="quantity3" min="1" value="1">
<button class="btn btn-link px-0 text-danger" type="button"><i class="ci-close-circle me-2"></i><span class="fs-sm">Remove</span></button>
</div>
</div>
<!-- Item-->
<div class="d-sm-flex justify-content-between align-items-center my-2 pb-3 border-bottom">
<div class="d-block d-sm-flex align-items-center text-center text-sm-start"><a class="d-inline-block flex-shrink-0 mx-auto me-sm-4" href="shop-single-v1.html"><img src="img/shop/cart/04.jpg" width="160" alt="Product"></a>
<div class="pt-2">
<h3 class="product-title fs-base mb-2"><a href="shop-single-v1.html">Cotton Polo Regular Fit</a></h3>
<div class="fs-sm"><span class="text-muted me-2">Size:</span>42</div>
<div class="fs-sm"><span class="text-muted me-2">Color:</span>Light blue</div>
<div class="fs-lg text-accent pt-2">$9.<small>00</small></div>
</div>
</div>
<div class="pt-2 pt-sm-0 ps-sm-3 mx-auto mx-sm-0 text-center text-sm-start" style="max-width: 9rem;">
<label class="form-label" for="quantity4">Quantity</label>
<input class="form-control" type="number" id="quantity4" min="1" value="1">
<button class="btn btn-link px-0 text-danger" type="button"><i class="ci-close-circle me-2"></i><span class="fs-sm">Remove</span></button>
</div>
</div>
<button class="btn btn-outline-accent d-block w-100 mt-4" type="button"><i class="ci-loading fs-base me-2"></i>Update cart</button>
</section>
<!-- Sidebar-->
<aside class="col-lg-4 pt-4 pt-lg-0 ps-xl-5">
<div class="bg-white rounded-3 shadow-lg p-4">
<div class="py-2 px-xl-2">
<div class="text-center mb-4 pb-3 border-bottom">
<h2 class="h6 mb-3 pb-1">Subtotal</h2>
<h3 class="fw-normal">$265.<small>00</small></h3>
</div>
<div class="mb-3 mb-4">
<label class="form-label mb-3" for="order-comments"><span class="badge bg-info fs-xs me-2">Note</span><span class="fw-medium">Additional comments</span></label>
<textarea class="form-control" rows="6" id="order-comments"></textarea>
</div>
<div class="accordion" id="order-options">
<div class="accordion-item">
<h3 class="accordion-header"><a class="accordion-button" href="#promo-code" role="button" data-bs-toggle="collapse" aria-expanded="true" aria-controls="promo-code">Apply promo code</a></h3>
<div class="accordion-collapse collapse show" id="promo-code" data-bs-parent="#order-options">
<form class="accordion-body needs-validation" method="post" novalidate>
<div class="mb-3">
<input class="form-control" type="text" placeholder="Promo code" required>
<div class="invalid-feedback">Please provide promo code.</div>
</div>
<button class="btn btn-outline-primary d-block w-100" type="submit">Apply promo code</button>
</form>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header"><a class="accordion-button collapsed" href="#shipping-estimates" role="button" data-bs-toggle="collapse" aria-expanded="true" aria-controls="shipping-estimates">Shipping estimates</a></h3>
<div class="accordion-collapse collapse" id="shipping-estimates" data-bs-parent="#order-options">
<div class="accordion-body">
<form class="needs-validation" novalidate>
<div class="mb-3">
<select class="form-select" required>
<option value="">Choose your country</option>
<option value="Australia">Australia</option>
<option value="Belgium">Belgium</option>
<option value="Canada">Canada</option>
<option value="Finland">Finland</option>
<option value="Mexico">Mexico</option>
<option value="New Zealand">New Zealand</option>
<option value="Switzerland">Switzerland</option>
<option value="United States">United States</option>
</select>
<div class="invalid-feedback">Please choose your country!</div>
</div>
<div class="mb-3">
<select class="form-select" required>
<option value="">Choose your city</option>
<option value="Bern">Bern</option>
<option value="Brussels">Brussels</option>
<option value="Canberra">Canberra</option>
<option value="Helsinki">Helsinki</option>
<option value="Mexico City">Mexico City</option>
<option value="Ottawa">Ottawa</option>
<option value="Washington D.C.">Washington D.C.</option>
<option value="Wellington">Wellington</option>
</select>
<div class="invalid-feedback">Please choose your city!</div>
</div>
<div class="mb-3">
<input class="form-control" type="text" placeholder="ZIP / Postal code" required>
<div class="invalid-feedback">Please provide a valid zip!</div>
</div>
<button class="btn btn-outline-primary d-block w-100" type="submit">Calculate shipping</button>
</form>
</div>
</div>
</div>
</div><a class="btn btn-primary btn-shadow d-block w-100 mt-4" href="checkout-details.html"><i class="ci-card fs-lg me-2"></i>Proceed to Checkout</a>
</div>
</div>
</aside>
</div>
</div>
<!-- Footer-->
<footer class="bg-dark pt-5">
<div class="container">
<div class="row pb-2">
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">Shop departments</h3>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="#">Sneakers &amp; Athletic</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Athletic Apparel</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Sandals</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Jeans</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Shirts &amp; Tops</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Shorts</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">T-Shirts</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Swimwear</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Clogs &amp; Mules</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Bags &amp; Wallets</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Accessories</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Sunglasses &amp; Eyewear</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Watches</a></li>
</ul>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">Account &amp; shipping info</h3>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="#">Your account</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Shipping rates &amp; policies</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Refunds &amp; replacements</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Order tracking</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Delivery info</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Taxes &amp; fees</a></li>
</ul>
</div>
<div class="widget widget-links widget-light pb-2 mb-4">
<h3 class="widget-title text-light">About us</h3>
<ul class="widget-list">
<li class="widget-list-item"><a class="widget-list-link" href="#">About company</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Our team</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">Careers</a></li>
<li class="widget-list-item"><a class="widget-list-link" href="#">News</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="widget pb-2 mb-4">
<h3 class="widget-title text-light pb-1">Stay informed</h3>
<form class="subscription-form validate" action="https://studio.us12.list-manage.com/subscribe/post?u=c7103e2c981361a6639545bd5&amp;amp;id=29ca296126" method="post" name="mc-embedded-subscribe-form" target="_blank" novalidate>
<div class="input-group flex-nowrap"><i class="ci-mail position-absolute top-50 translate-middle-y text-muted fs-base ms-3"></i>
<input class="form-control rounded-start" type="email" name="EMAIL" placeholder="Your email" required>
<button class="btn btn-primary" type="submit" name="subscribe">Subscribe*</button>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input class="subscription-form-antispam" type="text" name="b_c7103e2c981361a6639545bd5_29ca296126" tabindex="-1">
</div>
<div class="form-text text-light opacity-50">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</div>
<div class="subscription-status"></div>
</form>
</div>
<div class="widget pb-2 mb-4">
<h3 class="widget-title text-light pb-1">Download our app</h3>
<div class="d-flex flex-wrap">
<div class="me-2 mb-2"><a class="btn-market btn-apple" href="#" role="button"><span class="btn-market-subtitle">Download on the</span><span class="btn-market-title">App Store</span></a></div>
<div class="mb-2"><a class="btn-market btn-google" href="#" role="button"><span class="btn-market-subtitle">Download on the</span><span class="btn-market-title">Google Play</span></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="pt-5 bg-darker">
<div class="container">
<div class="row pb-3">
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex"><i class="ci-rocket text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Fast and free delivery</h6>
<p class="mb-0 fs-ms text-light opacity-50">Free delivery for all orders over $200</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex"><i class="ci-currency-exchange text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Money back guarantee</h6>
<p class="mb-0 fs-ms text-light opacity-50">We return money within 30 days</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex"><i class="ci-support text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">24/7 customer support</h6>
<p class="mb-0 fs-ms text-light opacity-50">Friendly 24/7 customer support</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 mb-4">
<div class="d-flex"><i class="ci-card text-primary" style="font-size: 2.25rem;"></i>
<div class="ps-3">
<h6 class="fs-base text-light mb-1">Secure online payment</h6>
<p class="mb-0 fs-ms text-light opacity-50">We possess SSL / Secure сertificate</p>
</div>
</div>
</div>
</div>
<hr class="hr-light mb-5">
<div class="row pb-2">
<div class="col-md-6 text-center text-md-start mb-4">
<div class="text-nowrap mb-4"><a class="d-inline-block align-middle mt-n1 me-3" href="#"><img class="d-block" src="img/footer-logo-light.png" width="117" alt="Cartzilla"></a>
<div class="btn-group dropdown disable-autohide">
<button class="btn btn-outline-light border-light btn-sm dropdown-toggle px-2" type="button" data-bs-toggle="dropdown"><img class="me-2" src="img/flags/en.png" width="20" alt="English">Eng / $</button>
<ul class="dropdown-menu my-1">
<li class="dropdown-item">
<select class="form-select form-select-sm">
<option value="usd">$ USD</option>
<option value="eur">€ EUR</option>
<option value="ukp">£ UKP</option>
<option value="jpy">¥ JPY</option>
</select>
</li>
<li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/fr.png" width="20" alt="Français">Français</a></li>
<li><a class="dropdown-item pb-1" href="#"><img class="me-2" src="img/flags/de.png" width="20" alt="Deutsch">Deutsch</a></li>
<li><a class="dropdown-item" href="#"><img class="me-2" src="img/flags/it.png" width="20" alt="Italiano">Italiano</a></li>
</ul>
</div>
</div>
<div class="widget widget-links widget-light">
<ul class="widget-list d-flex flex-wrap justify-content-center justify-content-md-start">
<li class="widget-list-item me-4"><a class="widget-list-link" href="#">Outlets</a></li>
<li class="widget-list-item me-4"><a class="widget-list-link" href="#">Affiliates</a></li>
<li class="widget-list-item me-4"><a class="widget-list-link" href="#">Support</a></li>
<li class="widget-list-item me-4"><a class="widget-list-link" href="#">Privacy</a></li>
<li class="widget-list-item me-4"><a class="widget-list-link" href="#">Terms of use</a></li>
</ul>
</div>
</div>
<div class="col-md-6 text-center text-md-end mb-4">
<div class="mb-3"><a class="btn-social bs-light bs-twitter ms-2 mb-2" href="#"><i class="ci-twitter"></i></a><a class="btn-social bs-light bs-facebook ms-2 mb-2" href="#"><i class="ci-facebook"></i></a><a class="btn-social bs-light bs-instagram ms-2 mb-2" href="#"><i class="ci-instagram"></i></a><a class="btn-social bs-light bs-pinterest ms-2 mb-2" href="#"><i class="ci-pinterest"></i></a><a class="btn-social bs-light bs-youtube ms-2 mb-2" href="#"><i class="ci-youtube"></i></a></div><img class="d-inline-block" src="img/cards-alt.png" width="187" alt="Payment methods">
</div>
</div>
<div class="pb-4 fs-xs text-light opacity-50 text-center text-md-start">© All rights reserved. Made by <a class="text-light" href="https://createx.studio/" target="_blank" rel="noopener">Createx Studio</a></div>
</div>
</div>
</footer>
<!-- Toolbar for handheld devices (Default)-->
<div class="handheld-toolbar">
<div class="d-table table-layout-fixed w-100"><a class="d-table-cell handheld-toolbar-item" href="account-wishlist.html"><span class="handheld-toolbar-icon"><i class="ci-heart"></i></span><span class="handheld-toolbar-label">Wishlist</span></a><a class="d-table-cell handheld-toolbar-item" href="javascript:void(0)" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" onclick="window.scrollTo(0, 0)"><span class="handheld-toolbar-icon"><i class="ci-menu"></i></span><span class="handheld-toolbar-label">Menu</span></a><a class="d-table-cell handheld-toolbar-item" href="shop-cart.html"><span class="handheld-toolbar-icon"><i class="ci-cart"></i><span class="badge bg-primary rounded-pill ms-1">4</span></span><span class="handheld-toolbar-label">$265.00</span></a></div>
</div>
<!-- Back To Top Button--><a class="btn-scroll-top" href="#top" data-scroll><span class="btn-scroll-top-tooltip text-muted fs-sm me-2">Top</span><i class="btn-scroll-top-icon ci-arrow-up"> </i></a>
<!-- Vendor scrits: js libraries and plugins-->
<script src="vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="vendor/simplebar/dist/simplebar.min.js"></script>
<script src="vendor/tiny-slider/dist/min/tiny-slider.js"></script>
<script src="vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<!-- Main theme script-->
<script src="js/theme.min.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/luocore/bootstrap5--cartzilla.git
[email protected]:luocore/bootstrap5--cartzilla.git
luocore
bootstrap5--cartzilla
Bootstrap5 -Cartzilla
main

搜索帮助