1619 lines
86 KiB
HTML
1619 lines
86 KiB
HTML
<!doctype html>
|
||
|
||
<html
|
||
lang="en"
|
||
class=" layout-navbar-fixed layout-wide "
|
||
dir="ltr"
|
||
data-skin="default"
|
||
data-bs-theme="light"
|
||
data-assets-path="../../assets/"
|
||
data-template="front-pages-no-customizer">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta
|
||
name="viewport"
|
||
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<title>Demo: Checkout Card - Front Pages | Vuexy - Bootstrap Dashboard PRO</title>
|
||
|
||
<meta name="description" content="" />
|
||
|
||
<!-- Favicon -->
|
||
<link rel="icon" type="image/x-icon" href="../../assets/img/favicon/favicon.ico" />
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
|
||
rel="stylesheet" />
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/fonts/iconify-icons.css" />
|
||
|
||
<script src="../../assets/vendor/libs/@algolia/autocomplete-js.js"></script>
|
||
|
||
<!-- Core CSS -->
|
||
<!-- build:css assets/vendor/css/theme.css -->
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/libs/node-waves/node-waves.css" />
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/css/core.css" />
|
||
<link rel="stylesheet" href="../../assets/css/demo.css" />
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/css/pages/front-page.css" />
|
||
|
||
<!-- Vendors CSS -->
|
||
|
||
<!-- endbuild -->
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/libs/select2/select2.css" />
|
||
<link rel="stylesheet" href="../../assets/vendor/libs/bs-stepper/bs-stepper.css" />
|
||
<link rel="stylesheet" href="../../assets/vendor/libs/raty-js/raty-js.css" />
|
||
<link rel="stylesheet" href="../../assets/vendor/libs/@form-validation/form-validation.css" />
|
||
|
||
<!-- Page CSS -->
|
||
|
||
<link rel="stylesheet" href="../../assets/vendor/css/pages/wizard-ex-checkout.css" />
|
||
|
||
<!-- Helpers -->
|
||
<script src="../../assets/vendor/js/helpers.js"></script>
|
||
<!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
|
||
|
||
<!--? Config: Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file. -->
|
||
|
||
<script src="../../assets/js/front-config.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<script src="../../assets/vendor/js/dropdown-hover.js"></script>
|
||
<script src="../../assets/vendor/js/mega-dropdown.js"></script>
|
||
<!-- Navbar: Start -->
|
||
<nav class="layout-navbar shadow-none py-0">
|
||
<div class="container">
|
||
<div class="navbar navbar-expand-lg landing-navbar px-3 px-md-8">
|
||
<!-- Menu logo wrapper: Start -->
|
||
<div class="navbar-brand app-brand demo d-flex py-0 me-4 me-xl-8 ms-0">
|
||
<!-- Mobile menu toggle: Start-->
|
||
<button
|
||
class="navbar-toggler border-0 px-0 me-4"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent"
|
||
aria-expanded="false"
|
||
aria-label="Toggle navigation">
|
||
<i class="icon-base ti tabler-menu-2 icon-lg align-middle text-heading fw-medium"></i>
|
||
</button>
|
||
<!-- Mobile menu toggle: End-->
|
||
<a href="landing-page.html" class="app-brand-link">
|
||
<span class="app-brand-logo demo">
|
||
<span class="text-primary">
|
||
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
|
||
fill="currentColor" />
|
||
<path
|
||
opacity="0.06"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
|
||
fill="#161616" />
|
||
<path
|
||
opacity="0.06"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
|
||
fill="#161616" />
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
<span class="app-brand-text demo menu-text fw-bold ms-2 ps-1">Vuexy</span>
|
||
</a>
|
||
</div>
|
||
<!-- Menu logo wrapper: End -->
|
||
<!-- Menu wrapper: Start -->
|
||
<div class="collapse navbar-collapse landing-nav-menu" id="navbarSupportedContent">
|
||
<button
|
||
class="navbar-toggler border-0 text-heading position-absolute end-0 top-0 scaleX-n1-rtl p-2"
|
||
type="button"
|
||
data-bs-toggle="collapse"
|
||
data-bs-target="#navbarSupportedContent"
|
||
aria-controls="navbarSupportedContent"
|
||
aria-expanded="false"
|
||
aria-label="Toggle navigation">
|
||
<i class="icon-base ti tabler-x icon-lg"></i>
|
||
</button>
|
||
<ul class="navbar-nav me-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" aria-current="page" href="landing-page.html#landingHero">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" href="landing-page.html#landingFeatures">Features</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" href="landing-page.html#landingTeam">Team</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" href="landing-page.html#landingFAQ">FAQ</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" href="landing-page.html#landingContact">Contact us</a>
|
||
</li>
|
||
<li
|
||
class="nav-item mega-dropdown
|
||
active">
|
||
<a
|
||
href="javascript:void(0);"
|
||
class="nav-link dropdown-toggle navbar-ex-14-mega-dropdown mega-dropdown fw-medium"
|
||
aria-expanded="false"
|
||
data-bs-toggle="mega-dropdown"
|
||
data-trigger="hover">
|
||
<span data-i18n="Pages">Pages</span>
|
||
</a>
|
||
<div class="dropdown-menu p-4 p-xl-8">
|
||
<div class="row gy-4">
|
||
<div class="col-12 col-lg">
|
||
<div class="h6 d-flex align-items-center mb-3 mb-lg-5">
|
||
<div class="avatar flex-shrink-0 me-3">
|
||
<span class="avatar-initial rounded bg-label-primary"
|
||
><i class="icon-base ti tabler-layout-grid icon-lg"></i
|
||
></span>
|
||
</div>
|
||
<span class="ps-1">Other</span>
|
||
</div>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item">
|
||
<a class="nav-link mega-dropdown-link" href="pricing-page.html">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
<span data-i18n="Pricing">Pricing</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link mega-dropdown-link" href="payment-page.html">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
<span data-i18n="Payment">Payment</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item active">
|
||
<a class="nav-link mega-dropdown-link" href="checkout-page.html">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
<span data-i18n="Checkout">Checkout</span>
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link mega-dropdown-link" href="help-center-landing.html">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
<span data-i18n="Help Center">Help Center</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-12 col-lg">
|
||
<div class="h6 d-flex align-items-center mb-3 mb-lg-5">
|
||
<div class="avatar flex-shrink-0 me-3">
|
||
<span class="avatar-initial rounded bg-label-primary"
|
||
><i class="icon-base ti tabler-lock-open icon-lg"></i
|
||
></span>
|
||
</div>
|
||
<span class="ps-1">Auth Demo</span>
|
||
</div>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-login-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Login (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-login-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Login (Cover)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-register-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Register (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-register-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Register (Cover)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-register-multisteps.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Register (Multi-steps)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-forgot-password-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Forgot Password (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-forgot-password-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Forgot Password (Cover)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-reset-password-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Reset Password (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-reset-password-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Reset Password (Cover)
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-12 col-lg">
|
||
<div class="h6 d-flex align-items-center mb-3 mb-lg-5">
|
||
<div class="avatar flex-shrink-0 me-3">
|
||
<span class="avatar-initial rounded bg-label-primary"
|
||
><i class="icon-base ti tabler-file-analytics icon-lg"></i
|
||
></span>
|
||
</div>
|
||
<span class="ps-1">Other</span>
|
||
</div>
|
||
<ul class="nav flex-column">
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/pages-misc-error.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Error
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/pages-misc-under-maintenance.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Under Maintenance
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/pages-misc-comingsoon.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Coming Soon
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/pages-misc-not-authorized.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Not Authorized
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-verify-email-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Verify Email (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-verify-email-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Verify Email (Cover)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-two-steps-basic.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Two Steps (Basic)
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a
|
||
class="nav-link mega-dropdown-link"
|
||
href="../vertical-menu-template/auth-two-steps-cover.html"
|
||
target="_blank">
|
||
<i class="icon-base ti tabler-circle me-1 icon-12px"></i>
|
||
Two Steps (Cover)
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-4 d-none d-lg-block">
|
||
<div class="bg-body nav-img-col p-2">
|
||
<img
|
||
src="../../assets/img/front-pages/misc/nav-item-col-img.png"
|
||
alt="nav item col image"
|
||
class="w-100" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-medium" href="../vertical-menu-template/index.html" target="_blank">Admin</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="landing-menu-overlay d-lg-none"></div>
|
||
<!-- Menu wrapper: End -->
|
||
<!-- Toolbar: Start -->
|
||
<ul class="navbar-nav flex-row align-items-center ms-auto">
|
||
<!-- navbar button: Start -->
|
||
<li>
|
||
<a href="../vertical-menu-template/auth-login-cover.html" class="btn btn-primary" target="_blank"
|
||
><span class="tf-icons icon-base ti tabler-login scaleX-n1-rtl me-md-1"></span
|
||
><span class="d-none d-md-block">Login/Register</span></a
|
||
>
|
||
</li>
|
||
<!-- navbar button: End -->
|
||
</ul>
|
||
<!-- Toolbar: End -->
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- Navbar: End -->
|
||
|
||
<!-- Sections:Start -->
|
||
|
||
<section class="section-py bg-body first-section-pt">
|
||
<div class="container">
|
||
<!--/ Checkout Wizard -->
|
||
<!-- Checkout Wizard -->
|
||
<div id="wizard-checkout" class="bs-stepper wizard-icons wizard-icons-example">
|
||
<div class="bs-stepper-header m-lg-auto border-0">
|
||
<div class="step" data-target="#checkout-cart">
|
||
<button type="button" class="step-trigger">
|
||
<span class="bs-stepper-icon">
|
||
<svg viewBox="0 0 60 60">
|
||
<use xlink:href="../../assets/svg/icons/wizard-checkout-cart.svg#wizardCart"></use>
|
||
</svg>
|
||
</span>
|
||
<span class="bs-stepper-label">Cart</span>
|
||
</button>
|
||
</div>
|
||
<div class="line">
|
||
<i class="icon-base ti tabler-chevron-right"></i>
|
||
</div>
|
||
<div class="step" data-target="#checkout-address">
|
||
<button type="button" class="step-trigger">
|
||
<span class="bs-stepper-icon">
|
||
<svg viewBox="0 0 60 60">
|
||
<use xlink:href="../../assets/svg/icons/wizard-checkout-address.svg#wizardCheckoutAddress"></use>
|
||
</svg>
|
||
</span>
|
||
<span class="bs-stepper-label">Address</span>
|
||
</button>
|
||
</div>
|
||
<div class="line">
|
||
<i class="icon-base ti tabler-chevron-right"></i>
|
||
</div>
|
||
<div class="step" data-target="#checkout-payment">
|
||
<button type="button" class="step-trigger">
|
||
<span class="bs-stepper-icon">
|
||
<svg viewBox="0 0 60 60">
|
||
<use xlink:href="../../assets/svg/icons/wizard-checkout-payment.svg#wizardPayment"></use>
|
||
</svg>
|
||
</span>
|
||
<span class="bs-stepper-label">Payment</span>
|
||
</button>
|
||
</div>
|
||
<div class="line">
|
||
<i class="icon-base ti tabler-chevron-right"></i>
|
||
</div>
|
||
<div class="step" data-target="#checkout-confirmation">
|
||
<button type="button" class="step-trigger">
|
||
<span class="bs-stepper-icon">
|
||
<svg viewBox="0 0 60 60">
|
||
<use xlink:href="../../assets/svg/icons/wizard-checkout-confirmation.svg#wizardConfirm"></use>
|
||
</svg>
|
||
</span>
|
||
<span class="bs-stepper-label">Confirmation</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="bs-stepper-content border-top">
|
||
<form id="wizard-checkout-form" onSubmit="return false">
|
||
<!-- Cart -->
|
||
<div id="checkout-cart" class="content">
|
||
<div class="row">
|
||
<!-- Cart left -->
|
||
<div class="col-xl-8 mb-6 mb-xl-0">
|
||
<!-- Offer alert -->
|
||
<div class="alert alert-success alert-dismissible mb-4" role="alert">
|
||
<div class="d-flex gap-4">
|
||
<div class="alert-icon flex-shrink-0 rounded me-0">
|
||
<i class="icon-base ti tabler-percentage"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="alert-heading mb-1">Available Offers</h5>
|
||
<ul class="list-unstyled mb-0">
|
||
<li>- 10% Instant Discount on Bank of America Corp Bank Debit and Credit cards</li>
|
||
<li>- 25% Cashback Voucher of up to $60 on first ever PayPal transaction. TCA</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<button
|
||
type="button"
|
||
class="btn-close btn-pinned"
|
||
data-bs-dismiss="alert"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
|
||
<!-- Shopping bag -->
|
||
<h5>My Shopping Bag (2 Items)</h5>
|
||
<ul class="list-group mb-4">
|
||
<li class="list-group-item p-6">
|
||
<div class="d-flex gap-4">
|
||
<div class="flex-shrink-0 d-flex align-items-center">
|
||
<img src="../../assets/img/products/1.png" alt="google home" class="w-px-100" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
<p class="me-3 mb-2">
|
||
<a href="javascript:void(0)" class="fw-medium">
|
||
<span class="text-heading">Google - Google Home - White</span></a
|
||
>
|
||
</p>
|
||
<div class="text-body-secondary mb-2 d-flex flex-wrap">
|
||
<span class="me-1">Sold by:</span>
|
||
<a href="javascript:void(0)" class="me-4">Apple</a>
|
||
<span class="badge bg-label-success">In Stock</span>
|
||
</div>
|
||
<div
|
||
class="read-only-ratings raty mb-2"
|
||
data-read-only="true"
|
||
data-score="4"
|
||
data-number="5"></div>
|
||
<input
|
||
type="number"
|
||
class="form-control form-control-sm w-px-100"
|
||
value="1"
|
||
min="1"
|
||
max="5" />
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-md-end">
|
||
<button type="button" class="btn-close btn-pinned" aria-label="Close"></button>
|
||
<div class="my-2 mt-md-6 mb-md-4">
|
||
<span class="text-primary">$299/</span><s class="text-body">$359</s>
|
||
</div>
|
||
<button type="button" class="btn btn-sm btn-label-primary">Move to wishlist</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item p-6">
|
||
<div class="d-flex gap-4">
|
||
<div class="flex-shrink-0 d-flex align-items-center">
|
||
<img src="../../assets/img/products/2.png" alt="google home" class="w-px-100" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
<p class="me-3 mb-2">
|
||
<a href="javascript:void(0)" class="fw-medium"
|
||
><span class="text-heading">Apple iPhone 11 (64GB, Black)</span></a
|
||
>
|
||
</p>
|
||
<div class="text-body-secondary mb-2 d-flex flex-wrap">
|
||
<span class="me-1">Sold by:</span>
|
||
<a href="javascript:void(0)" class="me-4">Apple</a>
|
||
<span class="badge bg-label-success">In Stock</span>
|
||
</div>
|
||
<div
|
||
class="read-only-ratings raty mb-2"
|
||
data-read-only="true"
|
||
data-score="4"
|
||
data-number="5"></div>
|
||
<input
|
||
type="number"
|
||
class="form-control form-control-sm w-px-100"
|
||
value="1"
|
||
min="1"
|
||
max="5" />
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-md-end">
|
||
<button type="button" class="btn-close btn-pinned" aria-label="Close"></button>
|
||
<div class="my-2 mt-md-6 mb-md-4">
|
||
<span class="text-primary">$299/</span><s class="text-body">$359</s>
|
||
</div>
|
||
<button type="button" class="btn btn-sm btn-label-primary">Move to wishlist</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- Wishlist -->
|
||
<div class="list-group">
|
||
<a
|
||
href="javascript:void(0)"
|
||
class="list-group-item text-primary border-primary d-flex justify-content-between">
|
||
<span class="fw-medium">Add More Products From Wishlist</span>
|
||
<i class="icon-base ti tabler-arrow-right icon-xs scaleX-n1-rtl mt-50"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Cart right -->
|
||
<div class="col-xl-4">
|
||
<div class="border rounded p-6 mb-4">
|
||
<!-- Offer -->
|
||
<h6>Offer</h6>
|
||
<div class="row g-4 mb-4">
|
||
<div class="col-8 col-xxl-8 col-xl-12">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
placeholder="Enter Promo Code"
|
||
aria-label="Enter Promo Code" />
|
||
</div>
|
||
<div class="col-4 col-xxl-4 col-xl-12">
|
||
<div class="d-grid">
|
||
<button type="button" class="btn btn-label-primary">Apply</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Gift wrap -->
|
||
<div class="bg-lighter rounded p-6">
|
||
<h6 class="mb-2">Buying gift for a loved one?</h6>
|
||
<p class="mb-2">Gift wrap and personalized message on card, Only for $2.</p>
|
||
<a href="javascript:void(0)" class="fw-medium">Add a gift wrap</a>
|
||
</div>
|
||
<hr class="mx-n6 my-6" />
|
||
|
||
<!-- Price Details -->
|
||
<h6>Price Details</h6>
|
||
<dl class="row mb-0 text-heading">
|
||
<dt class="col-6 fw-normal">Bag Total</dt>
|
||
<dd class="col-6 text-end">$1198.00</dd>
|
||
|
||
<dt class="col-6 fw-normal">Coupon Discount</dt>
|
||
<dd class="col-6 text-end"><a href="javascript:void(0)">Apply Coupon</a></dd>
|
||
|
||
<dt class="col-6 fw-normal">Order Total</dt>
|
||
<dd class="col-6 text-end">$1198.00</dd>
|
||
|
||
<dt class="col-6 fw-normal">Delivery Charges</dt>
|
||
<dd class="col-6 text-end">
|
||
<s class="text-body-secondary">$5.00</s> <span class="badge bg-label-success ms-1">FREE</span>
|
||
</dd>
|
||
</dl>
|
||
<hr class="mx-n6 my-6" />
|
||
<dl class="row mb-0">
|
||
<dt class="col-6 text-heading">Total</dt>
|
||
<dd class="col-6 fw-medium text-end text-heading mb-0">$1198.00</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="d-grid">
|
||
<button class="btn btn-primary btn-next">Place Order</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Address -->
|
||
<div id="checkout-address" class="content">
|
||
<div class="row">
|
||
<!-- Address left -->
|
||
<div class="col-xl-8 mb-6 mb-xl-0">
|
||
<!-- Select address -->
|
||
<p class="fw-medium text-heading">Select your preferable address</p>
|
||
<div class="row mb-6 g-6">
|
||
<div class="col-md">
|
||
<div class="form-check custom-option custom-option-basic checked">
|
||
<label class="form-check-label custom-option-content" for="customRadioAddress1">
|
||
<input
|
||
name="customRadioTemp"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioAddress1"
|
||
checked="" />
|
||
<span class="custom-option-header mb-2">
|
||
<span class="fw-medium text-heading mb-0">John Doe (Default)</span>
|
||
<span class="badge bg-label-primary">Home</span>
|
||
</span>
|
||
<span class="custom-option-body">
|
||
<small
|
||
>4135 Parkway Street, Los Angeles, CA, 90017.<br />
|
||
Mobile : 1234567890 Card / Cash on delivery available</small
|
||
>
|
||
<span class="my-3 border-bottom d-block"></span>
|
||
<span class="d-flex">
|
||
<a class="me-4" href="javascript:void(0)">Edit</a>
|
||
<a href="javascript:void(0)">Remove</a>
|
||
</span>
|
||
</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-md">
|
||
<div class="form-check custom-option custom-option-basic">
|
||
<label class="form-check-label custom-option-content" for="customRadioAddress2">
|
||
<input
|
||
name="customRadioTemp"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioAddress2" />
|
||
<span class="custom-option-header mb-2">
|
||
<span class="fw-medium text-heading mb-0">ACME Inc.</span>
|
||
<span class="badge bg-label-success">Office</span>
|
||
</span>
|
||
<span class="custom-option-body">
|
||
<small
|
||
>87 Hoffman Avenue, New York, NY, 10016.<br />Mobile : 1234567890 Card / Cash on
|
||
delivery available</small
|
||
>
|
||
<span class="my-3 border-bottom d-block"></span>
|
||
<span class="d-flex">
|
||
<a class="me-4" href="javascript:void(0)">Edit</a>
|
||
<a href="javascript:void(0)">Remove</a>
|
||
</span>
|
||
</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<button
|
||
type="button"
|
||
class="btn btn-label-primary mb-6"
|
||
data-bs-toggle="modal"
|
||
data-bs-target="#addNewAddress">
|
||
Add new address
|
||
</button>
|
||
|
||
<!-- Choose Delivery -->
|
||
<p class="fw-medium text-heading">Choose Delivery Speed</p>
|
||
<div class="row mt-2">
|
||
<div class="col-md mb-md-0 mb-2">
|
||
<div class="form-check custom-option custom-option-icon position-relative checked">
|
||
<label class="form-check-label custom-option-content" for="customRadioDelivery1">
|
||
<span class="custom-option-body">
|
||
<i class="icon-base ti tabler-user icon-lg"></i>
|
||
<span class="custom-option-title mb-2">Standard</span>
|
||
<span class="badge bg-label-success btn-pinned">FREE</span>
|
||
<small>Get your product in 1 Week.</small>
|
||
</span>
|
||
<input
|
||
name="customRadioIcon"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioDelivery1"
|
||
checked="" />
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-md mb-md-0 mb-2">
|
||
<div class="form-check custom-option custom-option-icon position-relative">
|
||
<label class="form-check-label custom-option-content" for="customRadioDelivery2">
|
||
<span class="custom-option-body">
|
||
<i class="icon-base ti tabler-star icon-lg"></i>
|
||
<span class="custom-option-title mb-2">Express</span>
|
||
<span class="badge bg-label-secondary btn-pinned">$10</span>
|
||
<small>Get your product in 3-4 days.</small>
|
||
</span>
|
||
<input
|
||
name="customRadioIcon"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioDelivery2" />
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-md">
|
||
<div class="form-check custom-option custom-option-icon position-relative">
|
||
<label class="form-check-label custom-option-content" for="customRadioDelivery3">
|
||
<span class="custom-option-body">
|
||
<i class="icon-base ti tabler-crown icon-lg"></i>
|
||
<span class="custom-option-title mb-2">Overnight</span>
|
||
<span class="badge bg-label-secondary btn-pinned">$15</span>
|
||
<small>Get your product in 0-1 days.</small>
|
||
</span>
|
||
<input
|
||
name="customRadioIcon"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioDelivery3" />
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Address right -->
|
||
<div class="col-xl-4">
|
||
<div class="border rounded p-6 mb-4">
|
||
<!-- Estimated Delivery -->
|
||
<h6>Estimated Delivery Date</h6>
|
||
<ul class="list-unstyled">
|
||
<li class="d-flex gap-4 align-items-center py-2 mb-4">
|
||
<div class="flex-shrink-0">
|
||
<img src="../../assets/img/products/1.png" alt="google home" class="w-px-50" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<p class="mb-0">
|
||
<a class="text-body" href="javascript:void(0)">Google - Google Home - White</a>
|
||
</p>
|
||
<p class="fw-medium mb-0">18th Nov 2021</p>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex gap-4 align-items-center py-2">
|
||
<div class="flex-shrink-0">
|
||
<img src="../../assets/img/products/2.png" alt="google home" class="w-px-50" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<p class="mb-0">
|
||
<a class="text-body" href="javascript:void(0)">Apple iPhone 11 (64GB, Black)</a>
|
||
</p>
|
||
<p class="fw-medium mb-0">20th Nov 2021</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<hr class="mx-n6 my-6" />
|
||
|
||
<!-- Price Details -->
|
||
<h6>Price Details</h6>
|
||
<dl class="row mb-0 text-heading">
|
||
<dt class="col-6 fw-normal">Order Total</dt>
|
||
<dd class="col-6 text-end">$1198.00</dd>
|
||
|
||
<dt class="col-6 fw-normal">Delivery Charges</dt>
|
||
<dd class="col-6 text-end">
|
||
<s class="text-body-secondary">$5.00</s> <span class="badge bg-label-success ms-2">FREE</span>
|
||
</dd>
|
||
</dl>
|
||
<hr class="mx-n6 my-6" />
|
||
<dl class="row mb-0">
|
||
<dt class="col-6 text-heading">Total</dt>
|
||
<dd class="col-6 fw-medium text-end text-heading mb-0">$1198.00</dd>
|
||
</dl>
|
||
</div>
|
||
<div class="d-grid">
|
||
<button class="btn btn-primary btn-next">Place Order</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Payment -->
|
||
<div id="checkout-payment" class="content">
|
||
<div class="row">
|
||
<!-- Payment left -->
|
||
<div class="col-xl-8 mb-6 mb-xl-0">
|
||
<!-- Offer alert -->
|
||
<div class="alert alert-success alert-dismissible mb-6" role="alert">
|
||
<div class="d-flex gap-4">
|
||
<div class="alert-icon flex-shrink-0 rounded me-0">
|
||
<i class="icon-base ti tabler-percentage"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="alert-heading mb-1">Available Offers</h5>
|
||
<ul class="list-unstyled mb-0">
|
||
<li>- 10% Instant Discount on Bank of America Corp Bank Debit and Credit cards</li>
|
||
<li>- 25% Cashback Voucher of up to $60 on first ever PayPal transaction. TCA</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<button
|
||
type="button"
|
||
class="btn-close btn-pinned"
|
||
data-bs-dismiss="alert"
|
||
aria-label="Close"></button>
|
||
</div>
|
||
|
||
<!-- Payment Tabs -->
|
||
<div class="col-xxl-6 col-lg-8">
|
||
<div class="nav-align-top">
|
||
<ul class="nav nav-pills card-header-pills row-gap-2 flex-wrap" id="paymentTabs" role="tablist">
|
||
<li class="nav-item" role="presentation">
|
||
<button
|
||
class="nav-link active"
|
||
id="pills-cc-tab"
|
||
data-bs-toggle="pill"
|
||
data-bs-target="#pills-cc"
|
||
type="button"
|
||
role="tab"
|
||
aria-controls="pills-cc"
|
||
aria-selected="true">
|
||
Card
|
||
</button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button
|
||
class="nav-link"
|
||
id="pills-cod-tab"
|
||
data-bs-toggle="pill"
|
||
data-bs-target="#pills-cod"
|
||
type="button"
|
||
role="tab"
|
||
aria-controls="pills-cod"
|
||
aria-selected="false">
|
||
Cash On Delivery
|
||
</button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button
|
||
class="nav-link"
|
||
id="pills-gift-card-tab"
|
||
data-bs-toggle="pill"
|
||
data-bs-target="#pills-gift-card"
|
||
type="button"
|
||
role="tab"
|
||
aria-controls="pills-gift-card"
|
||
aria-selected="false">
|
||
Gift Card
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-content px-0 pb-0" id="paymentTabsContent">
|
||
<!-- Credit card -->
|
||
<div
|
||
class="tab-pane fade show active"
|
||
id="pills-cc"
|
||
role="tabpanel"
|
||
aria-labelledby="pills-cc-tab">
|
||
<div class="row g-6">
|
||
<div class="col-12">
|
||
<label class="form-label w-100" for="paymentCard">Card Number</label>
|
||
<div class="input-group input-group-merge">
|
||
<input
|
||
id="paymentCard"
|
||
name="paymentCard"
|
||
class="form-control credit-card-mask"
|
||
type="text"
|
||
placeholder="1356 3215 6548 7898"
|
||
aria-describedby="paymentCard2" />
|
||
<span class="input-group-text cursor-pointer p-1" id="paymentCard2"
|
||
><span class="card-type"></span
|
||
></span>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-md-4">
|
||
<label class="form-label" for="paymentCardName">Name</label>
|
||
<input type="text" id="paymentCardName" class="form-control" placeholder="John Doe" />
|
||
</div>
|
||
<div class="col-6 col-md-4">
|
||
<label class="form-label" for="paymentCardExpiryDate">Exp. Date</label>
|
||
<input
|
||
type="text"
|
||
id="paymentCardExpiryDate"
|
||
class="form-control expiry-date-mask"
|
||
placeholder="MM/YY" />
|
||
</div>
|
||
<div class="col-6 col-md-4">
|
||
<label class="form-label" for="paymentCardCvv">CVV Code</label>
|
||
<div class="input-group input-group-merge">
|
||
<input
|
||
type="text"
|
||
id="paymentCardCvv"
|
||
class="form-control cvv-code-mask"
|
||
maxlength="3"
|
||
placeholder="654" />
|
||
<span class="input-group-text cursor-pointer" id="paymentCardCvv2"
|
||
><i
|
||
class="icon-base ti tabler-help text-body-secondary"
|
||
data-bs-toggle="tooltip"
|
||
data-bs-placement="top"
|
||
title="Card Verification Value"></i
|
||
></span>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="form-check form-switch mt-2">
|
||
<input type="checkbox" class="form-check-input" id="cardFutureBilling" />
|
||
<label for="cardFutureBilling" class="form-check-label"
|
||
>Save card for future billing?</label
|
||
>
|
||
</div>
|
||
</div>
|
||
<div class="col-12">
|
||
<button type="button" class="btn btn-primary btn-next me-3">Save Changes</button>
|
||
<button type="reset" class="btn btn-label-secondary">Reset</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- COD -->
|
||
<div class="tab-pane fade" id="pills-cod" role="tabpanel" aria-labelledby="pills-cod-tab">
|
||
<p>
|
||
Cash on Delivery is a type of payment method where the recipient make payment for the order
|
||
at the time of delivery rather than in advance.
|
||
</p>
|
||
<button type="button" class="btn btn-primary btn-next">Pay On Delivery</button>
|
||
</div>
|
||
|
||
<!-- Gift card -->
|
||
<div
|
||
class="tab-pane fade"
|
||
id="pills-gift-card"
|
||
role="tabpanel"
|
||
aria-labelledby="pills-gift-card-tab">
|
||
<h6>Enter Gift Card Details</h6>
|
||
<div class="row g-5">
|
||
<div class="col-12">
|
||
<label for="giftCardNumber" class="form-label">Gift card number</label>
|
||
<input
|
||
type="number"
|
||
class="form-control"
|
||
id="giftCardNumber"
|
||
placeholder="Gift card number" />
|
||
</div>
|
||
<div class="col-12">
|
||
<label for="giftCardPin" class="form-label">Gift card pin</label>
|
||
<input type="number" class="form-control" id="giftCardPin" placeholder="Gift card pin" />
|
||
</div>
|
||
<div class="col-12">
|
||
<button type="button" class="btn btn-primary btn-next">Redeem Gift Card</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Address right -->
|
||
<div class="col-xl-4">
|
||
<div class="border rounded p-6">
|
||
<!-- Price Details -->
|
||
<h6>Price Details</h6>
|
||
<dl class="row text-heading">
|
||
<dt class="col-6 fw-normal">Order Total</dt>
|
||
<dd class="col-6 text-end">$1198.00</dd>
|
||
|
||
<dt class="col-6 fw-normal">Delivery Charges</dt>
|
||
<dd class="col-6 text-end">
|
||
<s class="text-body-secondary">$5.00</s> <span class="badge bg-label-success ms-1">FREE</span>
|
||
</dd>
|
||
</dl>
|
||
<hr class="mx-n6 my-6" />
|
||
<dl class="row">
|
||
<dt class="col-6 text-heading mb-3">Total</dt>
|
||
<dd class="col-6 fw-medium text-end text-heading mb-0">$1198.00</dd>
|
||
|
||
<dt class="col-6 fw-medium text-heading">Deliver to:</dt>
|
||
<dd class="col-6 fw-medium text-end mb-0"><span class="badge bg-label-primary">Home</span></dd>
|
||
</dl>
|
||
<!-- Address Details -->
|
||
<address>
|
||
<span class="text-heading fw-medium"> John Doe (Default),</span><br />
|
||
4135 Parkway Street, <br />
|
||
Los Angeles, CA, 90017. <br />
|
||
Mobile : +1 906 568 2332
|
||
</address>
|
||
<a href="javascript:void(0)" class="fw-medium">Change address</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Confirmation -->
|
||
<div id="checkout-confirmation" class="content">
|
||
<div class="row mb-6">
|
||
<div class="col-12 col-lg-8 mx-auto text-center mb-2">
|
||
<h4>Thank You! 😇</h4>
|
||
<p>
|
||
Your order <a href="javascript:void(0)" class="text-heading fw-medium">#1536548131</a> has been
|
||
placed!
|
||
</p>
|
||
<p>
|
||
We sent an email to
|
||
<a href="mailto:john.doe@example.com" class="text-heading fw-medium">john.doe@example.com</a> with
|
||
your order confirmation and receipt. If the email hasn't arrived within two minutes, please check
|
||
your spam folder to see if the email was routed there.
|
||
</p>
|
||
<p>
|
||
<span><i class="icon-base ti tabler-clock me-1 text-heading"></i> Time placed: </span>
|
||
25/05/2020 13:35pm
|
||
</p>
|
||
</div>
|
||
<!-- Confirmation details -->
|
||
<div class="col-12">
|
||
<ul class="list-group list-group-horizontal-md">
|
||
<li class="list-group-item flex-fill p-6 text-body">
|
||
<h6 class="d-flex align-items-center gap-2">
|
||
<i class="icon-base ti tabler-map-pin"></i> Shipping
|
||
</h6>
|
||
<address class="mb-0">
|
||
John Doe <br />
|
||
4135 Parkway Street,<br />
|
||
Los Angeles, CA 90017,<br />
|
||
USA
|
||
</address>
|
||
<p class="mb-0 mt-4">+123456789</p>
|
||
</li>
|
||
<li class="list-group-item flex-fill p-6 text-body">
|
||
<h6 class="d-flex align-items-center gap-2">
|
||
<i class="icon-base ti tabler-credit-card"></i> Billing Address
|
||
</h6>
|
||
<address class="mb-0">
|
||
John Doe <br />
|
||
4135 Parkway Street,<br />
|
||
Los Angeles, CA 90017,<br />
|
||
USA
|
||
</address>
|
||
<p class="mb-0 mt-4">+123456789</p>
|
||
</li>
|
||
<li class="list-group-item flex-fill p-6 text-body">
|
||
<h6 class="d-flex align-items-center gap-2">
|
||
<i class="icon-base ti tabler-ship"></i> Shipping Method
|
||
</h6>
|
||
<p class="fw-medium mb-4">Preferred Method:</p>
|
||
Standard Delivery<br />
|
||
(Normally 3-4 business days)
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!-- Confirmation items -->
|
||
<div class="col-xl-9 mb-6 mb-xl-0">
|
||
<ul class="list-group">
|
||
<li class="list-group-item p-6">
|
||
<div class="d-flex gap-4">
|
||
<div class="flex-shrink-0">
|
||
<img src="../../assets/img/products/1.png" alt="google home" class="w-px-80" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
<a href="javascript:void(0)">
|
||
<h6 class="mb-2">Google - Google Home - White</h6>
|
||
</a>
|
||
<div class="text-body mb-2 d-flex flex-wrap">
|
||
<span class="me-1">Sold by:</span>
|
||
<a href="javascript:void(0)" class="me-3">Google</a>
|
||
<span class="badge bg-label-success">In Stock</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-md-end">
|
||
<div class="my-2 my-lg-6">
|
||
<span class="text-primary">$299/</span><s class="text-body-secondary">$359</s>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li class="list-group-item p-6">
|
||
<div class="d-flex gap-4">
|
||
<div class="flex-shrink-0">
|
||
<img src="../../assets/img/products/2.png" alt="google home" class="w-px-80" />
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<div class="row">
|
||
<div class="col-md-8">
|
||
<a href="javascript:void(0)">
|
||
<h6 class="mb-2">Apple iPhone 11 (64GB, Black)</h6>
|
||
</a>
|
||
<div class="text-body mb-2 d-flex flex-wrap">
|
||
<span class="me-1">Sold by:</span> <a href="javascript:void(0)">Apple</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="text-md-end">
|
||
<div class="my-2 my-lg-6">
|
||
<span class="text-primary">$299/</span><s class="text-body-secondary">$359</s>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- Confirmation total -->
|
||
<div class="col-xl-3">
|
||
<div class="border rounded p-6">
|
||
<!-- Price Details -->
|
||
<h6>Price Details</h6>
|
||
<dl class="row mb-0 text-heading">
|
||
<dt class="col-6 fw-normal">Order Total</dt>
|
||
<dd class="col-6 text-end">$1198.00</dd>
|
||
|
||
<dt class="col-sm-6 text-heading fw-normal">Charges</dt>
|
||
<dd class="col-sm-6 text-end text-body-secondary">
|
||
$5.00<span class="badge bg-label-success ms-2">FREE</span>
|
||
</dd>
|
||
</dl>
|
||
<hr class="mx-n6 mb-6" />
|
||
<dl class="row mb-0">
|
||
<dt class="col-6 text-heading">Total</dt>
|
||
<dd class="col-6 fw-medium text-end text-heading mb-0">$1198.00</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!--/ Checkout Wizard -->
|
||
|
||
<!-- Add new address modal -->
|
||
<!-- Add New Address Modal -->
|
||
<div class="modal fade" id="addNewAddress" tabindex="-1" aria-hidden="true">
|
||
<div class="modal-dialog modal-lg modal-simple modal-add-new-address">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||
<div class="text-center mb-6">
|
||
<h4 class="address-title mb-2">Add New Address</h4>
|
||
<p class="address-subtitle">Add new address for express delivery</p>
|
||
</div>
|
||
<form id="addNewAddressForm" class="row g-6" onsubmit="return false">
|
||
<div class="col-12 form-control-validation">
|
||
<div class="row">
|
||
<div class="col-md mb-md-0 mb-4">
|
||
<div class="form-check custom-option custom-option-icon">
|
||
<label class="form-check-label custom-option-content" for="customRadioHome">
|
||
<span class="custom-option-body">
|
||
<svg
|
||
width="28"
|
||
height="28"
|
||
viewBox="0 0 28 28"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
opacity="0.2"
|
||
d="M16.625 23.625V16.625H11.375V23.625H4.37501V12.6328C4.37437 12.5113 4.39937 12.391 4.44837 12.2798C4.49737 12.1686 4.56928 12.069 4.65939 11.9875L13.4094 4.03592C13.5689 3.88911 13.7778 3.80762 13.9945 3.80762C14.2113 3.80762 14.4202 3.88911 14.5797 4.03592L23.3406 11.9875C23.4287 12.0706 23.4992 12.1706 23.548 12.2814C23.5969 12.3922 23.6231 12.5117 23.625 12.6328V23.625H16.625Z" />
|
||
<path
|
||
d="M23.625 23.625V12.6328C23.623 12.5117 23.5969 12.3922 23.548 12.2814C23.4992 12.1706 23.4287 12.0706 23.3406 11.9875L14.5797 4.03592C14.4202 3.88911 14.2113 3.80762 13.9945 3.80762C13.7777 3.80762 13.5689 3.88911 13.4094 4.03592L4.65937 11.9875C4.56926 12.069 4.49736 12.1686 4.44836 12.2798C4.39936 12.391 4.37436 12.5113 4.375 12.6328V23.625M1.75 23.625H26.25M16.625 23.625V17.5C16.625 17.2679 16.5328 17.0454 16.3687 16.8813C16.2046 16.7172 15.9821 16.625 15.75 16.625H12.25C12.0179 16.625 11.7954 16.7172 11.6313 16.8813C11.4672 17.0454 11.375 17.2679 11.375 17.5V23.625"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="custom-option-title">Home</span>
|
||
<small> Delivery time (9am – 9pm) </small>
|
||
</span>
|
||
<input
|
||
name="customRadioIcon"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioHome"
|
||
checked />
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-md mb-md-0 mb-4">
|
||
<div class="form-check custom-option custom-option-icon">
|
||
<label class="form-check-label custom-option-content" for="customRadioOffice">
|
||
<span class="custom-option-body">
|
||
<svg
|
||
width="28"
|
||
height="28"
|
||
viewBox="0 0 28 28"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
opacity="0.2"
|
||
d="M15.75 23.625V4.375C15.75 4.14294 15.6578 3.92038 15.4937 3.75628C15.3296 3.59219 15.1071 3.5 14.875 3.5H4.375C4.14294 3.5 3.92038 3.59219 3.75628 3.75628C3.59219 3.92038 3.5 4.14294 3.5 4.375V23.625" />
|
||
<path
|
||
d="M1.75 23.625H26.25M15.75 23.625V4.375C15.75 4.14294 15.6578 3.92038 15.4937 3.75628C15.3296 3.59219 15.1071 3.5 14.875 3.5H4.375C4.14294 3.5 3.92038 3.59219 3.75628 3.75628C3.59219 3.92038 3.5 4.14294 3.5 4.375V23.625M24.5 23.625V11.375C24.5 11.1429 24.4078 10.9204 24.2437 10.7563C24.0796 10.5922 23.8571 10.5 23.625 10.5H15.75M7 7.875H10.5M8.75 14.875H12.25M7 19.25H10.5M19.25 19.25H21M19.25 14.875H21"
|
||
stroke-opacity="0.9"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="custom-option-title"> Office </span>
|
||
<small> Delivery time (9am – 5pm) </small>
|
||
</span>
|
||
<input
|
||
name="customRadioIcon"
|
||
class="form-check-input"
|
||
type="radio"
|
||
value=""
|
||
id="customRadioOffice" />
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 form-control-validation col-md-6">
|
||
<label class="form-label" for="modalAddressFirstName">First Name</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressFirstName"
|
||
name="modalAddressFirstName"
|
||
class="form-control"
|
||
placeholder="John" />
|
||
</div>
|
||
<div class="col-12 form-control-validation col-md-6">
|
||
<label class="form-label" for="modalAddressLastName">Last Name</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressLastName"
|
||
name="modalAddressLastName"
|
||
class="form-control"
|
||
placeholder="Doe" />
|
||
</div>
|
||
<div class="col-12">
|
||
<label class="form-label" for="modalAddressCountry">Country</label>
|
||
<select
|
||
id="modalAddressCountry"
|
||
name="modalAddressCountry"
|
||
class="select2 form-select"
|
||
data-allow-clear="true">
|
||
<option value="">Select</option>
|
||
<option value="Australia">Australia</option>
|
||
<option value="Bangladesh">Bangladesh</option>
|
||
<option value="Belarus">Belarus</option>
|
||
<option value="Brazil">Brazil</option>
|
||
<option value="Canada">Canada</option>
|
||
<option value="China">China</option>
|
||
<option value="France">France</option>
|
||
<option value="Germany">Germany</option>
|
||
<option value="India">India</option>
|
||
<option value="Indonesia">Indonesia</option>
|
||
<option value="Israel">Israel</option>
|
||
<option value="Italy">Italy</option>
|
||
<option value="Japan">Japan</option>
|
||
<option value="Korea">Korea, Republic of</option>
|
||
<option value="Mexico">Mexico</option>
|
||
<option value="Philippines">Philippines</option>
|
||
<option value="Russia">Russian Federation</option>
|
||
<option value="South Africa">South Africa</option>
|
||
<option value="Thailand">Thailand</option>
|
||
<option value="Turkey">Turkey</option>
|
||
<option value="Ukraine">Ukraine</option>
|
||
<option value="United Arab Emirates">United Arab Emirates</option>
|
||
<option value="United Kingdom">United Kingdom</option>
|
||
<option value="United States">United States</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-12">
|
||
<label class="form-label" for="modalAddressAddress1">Address Line 1</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressAddress1"
|
||
name="modalAddressAddress1"
|
||
class="form-control"
|
||
placeholder="12, Business Park" />
|
||
</div>
|
||
<div class="col-12">
|
||
<label class="form-label" for="modalAddressAddress2">Address Line 2</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressAddress2"
|
||
name="modalAddressAddress2"
|
||
class="form-control"
|
||
placeholder="Mall Road" />
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<label class="form-label" for="modalAddressLandmark">Landmark</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressLandmark"
|
||
name="modalAddressLandmark"
|
||
class="form-control"
|
||
placeholder="Nr. Hard Rock Cafe" />
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<label class="form-label" for="modalAddressCity">City</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressCity"
|
||
name="modalAddressCity"
|
||
class="form-control"
|
||
placeholder="Los Angeles" />
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<label class="form-label" for="modalAddressLandmark">State</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressState"
|
||
name="modalAddressState"
|
||
class="form-control"
|
||
placeholder="California" />
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<label class="form-label" for="modalAddressZipCode">Zip Code</label>
|
||
<input
|
||
type="text"
|
||
id="modalAddressZipCode"
|
||
name="modalAddressZipCode"
|
||
class="form-control"
|
||
placeholder="99950" />
|
||
</div>
|
||
<div class="col-12">
|
||
<div class="form-check form-switch">
|
||
<input type="checkbox" class="form-check-input" id="billingAddress" />
|
||
<label for="billingAddress" class="form-switch-label">Use as a billing address?</label>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 text-center">
|
||
<button type="submit" class="btn btn-primary me-3">Submit</button>
|
||
<button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">
|
||
Cancel
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/ Add New Address Modal -->
|
||
</div>
|
||
</section>
|
||
|
||
<!-- / Sections:End -->
|
||
|
||
<!-- Footer: Start -->
|
||
<footer class="landing-footer bg-body footer-text">
|
||
<div class="footer-top position-relative overflow-hidden z-1">
|
||
<img
|
||
src="../../assets/img/front-pages/backgrounds/footer-bg.png"
|
||
alt="footer bg"
|
||
class="footer-bg banner-bg-img z-n1" />
|
||
<div class="container">
|
||
<div class="row gx-0 gy-6 g-lg-10">
|
||
<div class="col-lg-5">
|
||
<a href="landing-page.html" class="app-brand-link mb-6">
|
||
<span class="app-brand-logo demo">
|
||
<span class="text-primary">
|
||
<svg width="32" height="22" viewBox="0 0 32 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M0.00172773 0V6.85398C0.00172773 6.85398 -0.133178 9.01207 1.98092 10.8388L13.6912 21.9964L19.7809 21.9181L18.8042 9.88248L16.4951 7.17289L9.23799 0H0.00172773Z"
|
||
fill="currentColor" />
|
||
<path
|
||
opacity="0.06"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M7.69824 16.4364L12.5199 3.23696L16.5541 7.25596L7.69824 16.4364Z"
|
||
fill="#161616" />
|
||
<path
|
||
opacity="0.06"
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M8.07751 15.9175L13.9419 4.63989L16.5849 7.28475L8.07751 15.9175Z"
|
||
fill="#161616" />
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M7.77295 16.3566L23.6563 0H32V6.88383C32 6.88383 31.8262 9.17836 30.6591 10.4057L19.7824 22H13.6938L7.77295 16.3566Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</span>
|
||
</span>
|
||
<span class="app-brand-text demo footer-link fw-bold ms-2 ps-1">Vuexy</span>
|
||
</a>
|
||
<p class="footer-text footer-logo-description mb-6">
|
||
Most developer friendly & highly customisable Admin Dashboard Template.
|
||
</p>
|
||
<form class="footer-form">
|
||
<label for="footer-email" class="small">Subscribe to newsletter</label>
|
||
<div class="d-flex mt-1">
|
||
<input
|
||
type="email"
|
||
class="form-control rounded-0 rounded-start-bottom rounded-start-top"
|
||
id="footer-email"
|
||
placeholder="Your email" />
|
||
<button
|
||
type="submit"
|
||
class="btn btn-primary shadow-none rounded-0 rounded-end-bottom rounded-end-top">
|
||
Subscribe
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<h6 class="footer-title mb-6">Demos</h6>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-4">
|
||
<a href="../vertical-menu-template/" target="_blank" class="footer-link">Vertical Layout</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="../horizontal-menu-template/" target="_blank" class="footer-link">Horizontal Layout</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="../vertical-menu-template-bordered/" target="_blank" class="footer-link">Bordered Layout</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="../vertical-menu-template-semi-dark/" target="_blank" class="footer-link"
|
||
>Semi Dark Layout</a
|
||
>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="../vertical-menu-template-dark/" target="_blank" class="footer-link">Dark Layout</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-2 col-md-4 col-sm-6">
|
||
<h6 class="footer-title mb-6">Pages</h6>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-4">
|
||
<a href="pricing-page.html" class="footer-link">Pricing</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="payment-page.html" class="footer-link"
|
||
>Payment<span class="badge bg-primary ms-2">New</span></a
|
||
>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="checkout-page.html" class="footer-link">Checkout</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="help-center-landing.html" class="footer-link">Help Center</a>
|
||
</li>
|
||
<li class="mb-4">
|
||
<a href="../vertical-menu-template/auth-login-cover.html" target="_blank" class="footer-link"
|
||
>Login/Register</a
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-3 col-md-4">
|
||
<h6 class="footer-title mb-6">Download our app</h6>
|
||
<a href="javascript:void(0);" class="d-block mb-4"
|
||
><img src="../../assets/img/front-pages/landing-page/apple-icon.png" alt="apple icon"
|
||
/></a>
|
||
<a href="javascript:void(0);" class="d-block"
|
||
><img src="../../assets/img/front-pages/landing-page/google-play-icon.png" alt="google play icon"
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom py-3 py-md-5">
|
||
<div
|
||
class="container d-flex flex-wrap justify-content-between flex-md-row flex-column text-center text-md-start">
|
||
<div class="mb-2 mb-md-0">
|
||
<span class="footer-bottom-text"
|
||
>©
|
||
<script>
|
||
document.write(new Date().getFullYear());
|
||
</script>
|
||
</span>
|
||
<a href="https://pixinvent.com" target="_blank" class="fw-medium text-white">Pixinvent,</a>
|
||
<span class="footer-bottom-text"> Made with ❤️ for a better web.</span>
|
||
</div>
|
||
<div>
|
||
<a href="https://github.com/pixinvent" class="me-1 text-white" target="_blank">
|
||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
fill-rule="evenodd"
|
||
clip-rule="evenodd"
|
||
d="M10.7184 2.19556C6.12757 2.19556 2.40674 5.91639 2.40674 10.5072C2.40674 14.1789 4.78757 17.2947 8.0909 18.3947C8.50674 18.4697 8.65674 18.2139 8.65674 17.9939C8.65674 17.7964 8.65007 17.2731 8.64757 16.5806C6.33507 17.0822 5.84674 15.4656 5.84674 15.4656C5.47007 14.5056 4.92424 14.2497 4.92424 14.2497C4.17007 13.7339 4.98174 13.7456 4.98174 13.7456C5.81674 13.8039 6.25424 14.6022 6.25424 14.6022C6.9959 15.8722 8.2009 15.5056 8.67257 15.2931C8.7484 14.7556 8.96507 14.3889 9.20174 14.1814C7.35674 13.9722 5.41674 13.2589 5.41674 10.0731C5.41674 9.16722 5.74091 8.42389 6.27007 7.84389C6.1859 7.63306 5.89841 6.78722 6.35257 5.64389C6.35257 5.64389 7.05007 5.41972 8.63757 6.49472C9.31557 6.31028 10.0149 6.21614 10.7176 6.21472C11.4202 6.21586 12.1196 6.31001 12.7976 6.49472C14.3859 5.41889 15.0826 5.64389 15.0826 5.64389C15.5367 6.78722 15.2517 7.63306 15.1651 7.84389C15.6984 8.42389 16.0184 9.16639 16.0184 10.0731C16.0184 13.2672 14.0767 13.9689 12.2251 14.1747C12.5209 14.4314 12.7876 14.9381 12.7876 15.7131C12.7876 16.8247 12.7776 17.7214 12.7776 17.9939C12.7776 18.2164 12.9259 18.4747 13.3501 18.3931C16.6517 17.2914 19.0301 14.1781 19.0301 10.5072C19.0301 5.91639 15.3092 2.19556 10.7184 2.19556Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.facebook.com/pixinvents/" class="me-1 text-white" target="_blank">
|
||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M11.8609 18.0262V11.1962H14.1651L14.5076 8.52204H11.8609V6.81871C11.8609 6.04704 12.0759 5.51871 13.1834 5.51871H14.5868V3.13454C13.904 3.06136 13.2176 3.02603 12.5309 3.02871C10.4943 3.02871 9.09593 4.27204 9.09593 6.55454V8.51704H6.80676V11.1912H9.10093V18.0262H11.8609Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://x.com/pixinvents" class="me-1 text-white" target="_blank">
|
||
<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M17.0576 7.19293C17.0684 7.33876 17.0684 7.48376 17.0684 7.62876C17.0684 12.0663 13.6909 17.1796 7.5184 17.1796C5.61674 17.1796 3.85007 16.6288 2.3634 15.6721C2.6334 15.7029 2.8934 15.7138 3.17424 15.7138C4.68506 15.7174 6.15311 15.2122 7.34174 14.2796C6.64125 14.2669 5.96222 14.0358 5.39943 13.6185C4.83665 13.2013 4.41822 12.6187 4.20257 11.9521C4.41007 11.9829 4.6184 12.0038 4.83674 12.0038C5.13757 12.0038 5.44007 11.9621 5.7209 11.8896C4.9607 11.7361 4.27713 11.3241 3.78642 10.7235C3.29571 10.1229 3.02815 9.37097 3.02924 8.59543V8.55376C3.47674 8.80293 3.9959 8.95876 4.5459 8.9796C4.08514 8.67342 3.70734 8.25795 3.44619 7.77026C3.18504 7.28256 3.04866 6.73781 3.04924 6.1846C3.04924 5.56126 3.21507 4.9896 3.5059 4.49126C4.34935 5.52878 5.40132 6.37756 6.59368 6.98265C7.78604 7.58773 9.0922 7.93561 10.4276 8.00376C10.3759 7.75376 10.3442 7.4946 10.3442 7.2346C10.344 6.79373 10.4307 6.35715 10.5993 5.9498C10.7679 5.54245 11.0152 5.17233 11.3269 4.86059C11.6386 4.54885 12.0088 4.30161 12.4161 4.133C12.8235 3.96438 13.26 3.87771 13.7009 3.87793C14.6676 3.87793 15.5401 4.28293 16.1534 4.93793C16.9049 4.79261 17.6255 4.51828 18.2834 4.1271C18.0329 4.90278 17.5082 5.56052 16.8076 5.9771C17.4741 5.90108 18.1254 5.72581 18.7401 5.4571C18.281 6.12635 17.7122 6.71322 17.0576 7.19293Z"
|
||
fill="currentColor" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://www.instagram.com/pixinvents/" class="text-white" target="_blank">
|
||
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_1833_185630)">
|
||
<path
|
||
d="M17.5869 6.33973C17.5774 5.62706 17.444 4.9215 17.1926 4.25456C16.9747 3.69202 16.6418 3.18112 16.2152 2.75453C15.7886 2.32793 15.2776 1.995 14.7151 1.77703C14.0568 1.5299 13.3613 1.39627 12.6582 1.38183C11.753 1.34137 11.466 1.33008 9.16819 1.33008C6.87039 1.33008 6.57586 1.33008 5.67725 1.38183C4.97451 1.39637 4.27932 1.53 3.62127 1.77703C3.05863 1.99485 2.54765 2.32772 2.12103 2.75434C1.69442 3.18096 1.36155 3.69193 1.14373 4.25456C0.896101 4.91242 0.76276 5.60776 0.749471 6.31056C0.70901 7.2167 0.696777 7.50368 0.696777 9.8015C0.696777 12.0993 0.696777 12.3928 0.749471 13.2924C0.763585 13.9963 0.89626 14.6907 1.14373 15.3503C1.36192 15.9128 1.69503 16.4236 2.1218 16.85C2.54855 17.2765 3.05957 17.6091 3.6222 17.8269C4.27846 18.084 4.97377 18.2272 5.67819 18.2504C6.58433 18.2908 6.87133 18.303 9.16913 18.303C11.4669 18.303 11.7615 18.303 12.6601 18.2504C13.3632 18.2365 14.0587 18.1032 14.717 17.8561C15.2794 17.6378 15.7902 17.3048 16.2167 16.8782C16.6433 16.4517 16.9763 15.941 17.1945 15.3785C17.442 14.7198 17.5746 14.0254 17.5888 13.3207C17.6293 12.4155 17.6414 12.1285 17.6414 9.82973C17.6396 7.53191 17.6396 7.24021 17.5869 6.33973ZM9.16255 14.1468C6.75935 14.1468 4.81251 12.2 4.81251 9.79679C4.81251 7.39359 6.75935 5.44676 9.16255 5.44676C10.3163 5.44676 11.4227 5.90506 12.2385 6.72085C13.0543 7.53664 13.5126 8.64309 13.5126 9.79679C13.5126 10.9505 13.0543 12.057 12.2385 12.8727C11.4227 13.6885 10.3163 14.1468 9.16255 14.1468ZM13.6857 6.3002C13.5525 6.30033 13.4206 6.27417 13.2974 6.22325C13.1743 6.17231 13.0624 6.09759 12.9682 6.00338C12.874 5.90917 12.7992 5.79729 12.7483 5.67417C12.6974 5.55105 12.6712 5.41909 12.6713 5.28585C12.6713 5.15271 12.6976 5.02087 12.7485 4.89786C12.7994 4.77485 12.8742 4.66308 12.9683 4.56893C13.0625 4.47479 13.1743 4.4001 13.2973 4.34915C13.4202 4.2982 13.5521 4.27197 13.6853 4.27197C13.8184 4.27197 13.9503 4.2982 14.0732 4.34915C14.1962 4.4001 14.3081 4.47479 14.4022 4.56893C14.4963 4.66308 14.571 4.77485 14.622 4.89786C14.6729 5.02087 14.6991 5.15271 14.6991 5.28585C14.6991 5.84666 14.2456 6.3002 13.6857 6.3002Z"
|
||
fill="currentColor" />
|
||
<path
|
||
d="M9.16296 12.6226C10.7236 12.6226 11.9887 11.3575 11.9887 9.79688C11.9887 8.23629 10.7236 6.97119 9.16296 6.97119C7.60238 6.97119 6.33728 8.23629 6.33728 9.79688C6.33728 11.3575 7.60238 12.6226 9.16296 12.6226Z"
|
||
fill="currentColor" />
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_1833_185630">
|
||
<rect width="16.9412" height="18" fill="currentColor" transform="translate(0.696777 0.528809)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Footer: End -->
|
||
|
||
<!-- Core JS -->
|
||
<!-- build:js assets/vendor/js/theme.js -->
|
||
|
||
<script src="../../assets/vendor/libs/popper/popper.js"></script>
|
||
<script src="../../assets/vendor/js/bootstrap.js"></script>
|
||
<script src="../../assets/vendor/libs/node-waves/node-waves.js"></script>
|
||
|
||
<!-- endbuild -->
|
||
|
||
<!-- Vendors JS -->
|
||
<script src="../../assets/vendor/libs/jquery/jquery.js"></script>
|
||
<script src="../../assets/vendor/libs/select2/select2.js"></script>
|
||
<script src="../../assets/vendor/libs/bs-stepper/bs-stepper.js"></script>
|
||
<script src="../../assets/vendor/libs/raty-js/raty-js.js"></script>
|
||
<script src="../../assets/vendor/libs/cleave-zen/cleave-zen.js"></script>
|
||
<script src="../../assets/vendor/libs/@form-validation/popular.js"></script>
|
||
<script src="../../assets/vendor/libs/@form-validation/bootstrap5.js"></script>
|
||
<script src="../../assets/vendor/libs/@form-validation/auto-focus.js"></script>
|
||
|
||
<!-- Main JS -->
|
||
|
||
<script src="../../assets/js/front-main.js"></script>
|
||
|
||
<!-- Page JS -->
|
||
|
||
<script src="../../assets/js/modal-add-new-address.js"></script>
|
||
<script src="../../assets/js/wizard-ex-checkout.js"></script>
|
||
</body>
|
||
</html>
|