Access_New/pages/demo-decor-store-cart.html
2024-09-05 11:33:27 +05:45

853 lines
39 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Crafto - The Multipurpose HTML5 Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="ThemeZaa">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="css/vendors.min.css" />
<link rel="stylesheet" href="css/icon.min.css" />
<link rel="stylesheet" href="css/style.min.css" />
<link rel="stylesheet" href="css/responsive.min.css" />
<link rel="stylesheet" href="demos/decor-store/decor-store.css" />
</head>
<body data-mobile-nav-style="classic">
<header class="header-with-topbar">
<div class="header-top-bar top-bar-light bg-white disable-fixed border-bottom border-color-transparent-dark-very-light">
<div class="container-fluid">
<div class="row h-45px align-items-center m-0">
<div class="col-lg-7 col-md-8 text-center text-md-start">
<div class="fs-13 text-dark-gray alt-font fw-600">Free Delivery on orders over £120. Don't miss discount. <a href="demo-decor-store-shop.html" class="text-dark-gray fw-700 text-decoration-line-bottom">Shop now</a></div>
</div>
<div class="col-lg-5 col-md-4 text-end d-none d-md-flex">
<a href="demo-decor-store-contact.html" class="widget fs-13 text-dark-gray fw-600 me-25px md-me-15px text-dark-gray"><i class="feather icon-feather-phone-call"></i>Customer service</a>
<a href="demo-decor-store-contact.html" class="widget fs-13 text-dark-gray alt-font me-25px fw-600 d-none d-lg-inline-block"><i class="feather icon-feather-map-pin"></i>Find our store</a>
<div class="header-language-icon widget fs-13 alt-font fw-600">
<div class="header-language dropdown">
<a href="javascript:void(0);" class="text-dark-gray"><i class="feather icon-feather-globe"></i>English</a>
<ul class="language-dropdown alt-font">
<li><a href="javascript:void(0);" title="English"><span class="icon-country"><img src="images/country-flag-16X16/usa.png" alt data-no-retina></span>English</a></li>
<li><a href="javascript:void(0);" title="France"><span class="icon-country"><img src="images/country-flag-16X16/france.png" alt data-no-retina></span>France</a></li>
<li><a href="javascript:void(0);" title="Russian"><span class="icon-country"><img src="images/country-flag-16X16/russian.png" alt data-no-retina></span>Russian</a></li>
<li><a href="javascript:void(0);" title="Spain"><span class="icon-country"><img src="images/country-flag-16X16/spain.png" alt data-no-retina></span>Spain</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg header-light bg-transparent disable-fixed" data-header-hover="light">
<div class="container-fluid">
<div class="col-auto">
<a class="navbar-brand" href="demo-decor-store.html">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="default-logo">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="alt-logo">
<img src="images/demo-decor-store-logo-black.png" data-at2x="images/demo-decor-store-logo-black@2x.png" alt class="mobile-logo">
</a>
</div>
<div class="col-auto menu-order position-static xs-ps-0">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav alt-font">
<li class="nav-item"><a href="demo-decor-store.html" class="nav-link">Home</a></li>
<li class="nav-item dropdown submenu">
<a href="demo-decor-store-shop.html" class="nav-link">Shop<span class="label bg-base-color text-white text-uppercase border-radius-26px">Hot</span></a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink1">
<div class="d-lg-flex mega-menu m-auto flex-column">
<div class="row row-cols-1 row-cols-lg-5 mb-60px md-mb-30px sm-mb-20px">
<div class="col">
<ul>
<li class="sub-title">Furniture</li>
<li><a href="demo-decor-store-cart.html#">Modern chair</a></li>
<li><a href="demo-decor-store-cart.html#">Luxurious sofa</a></li>
<li><a href="demo-decor-store-cart.html#">Sitting tables</a></li>
<li><a href="demo-decor-store-cart.html#">Century cabinet</a></li>
<li><a href="demo-decor-store-cart.html#">Wooden stool</a></li>
<li><a href="demo-decor-store-cart.html#">Dining tabl</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Lighting</li>
<li><a href="demo-decor-store-cart.html#">Table lamps</a></li>
<li><a href="demo-decor-store-cart.html#">Wall lights</a></li>
<li><a href="demo-decor-store-cart.html#">Ceiling lights</a></li>
<li><a href="demo-decor-store-cart.html#">Chandeliers</a></li>
<li><a href="demo-decor-store-cart.html#">Smart lights</a></li>
<li><a href="demo-decor-store-cart.html#">Outdoor lights</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Decor</li>
<li><a href="demo-decor-store-cart.html#">Home decor</a></li>
<li><a href="demo-decor-store-cart.html#">Kitchen decor</a></li>
<li><a href="demo-decor-store-cart.html#">Office decor</a></li>
<li><a href="demo-decor-store-cart.html#">Wooden mirrors</a></li>
<li><a href="demo-decor-store-cart.html#">Designer clocks</a></li>
<li><a href="demo-decor-store-cart.html#">Spiritual</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Cabinetry</li>
<li><a href="demo-decor-store-cart.html#">Wardrobes</a></li>
<li><a href="demo-decor-store-cart.html#">Shoe racks</a></li>
<li><a href="demo-decor-store-cart.html#">Movable</a></li>
<li><a href="demo-decor-store-cart.html#">Folding storage</a></li>
<li><a href="demo-decor-store-cart.html#">Wooden units</a></li>
<li><a href="demo-decor-store-cart.html#">Kids storage</a></li>
</ul>
</div>
<div class="col">
<ul>
<li class="sub-title">Commercial</li>
<li><a href="demo-decor-store-cart.html#">Hotel furniture</a></li>
<li><a href="demo-decor-store-cart.html#">Bar furniture</a></li>
<li><a href="demo-decor-store-cart.html#">School furniture</a></li>
<li><a href="demo-decor-store-cart.html#">Public furniture</a></li>
<li><a href="demo-decor-store-cart.html#">Office furniture</a></li>
<li><a href="demo-decor-store-cart.html#">Lab furniture</a></li>
</ul>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<a href="demo-decor-store-shop.html"><img class="w-100" src="images/demo-decor-store-menu-banner-01.jpg" alt></a>
</div>
<div class="col">
<a href="demo-decor-store-shop.html"><img class="w-100" src="images/demo-decor-store-menu-banner-02.jpg" alt></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown submenu">
<a href="demo-decor-store-collections.html" class="nav-link">Collections</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
<div class="d-lg-flex mega-menu m-auto flex-column">
<div class="row row-cols-2 row-cols-lg-6 row-cols-sm-3 md-pt-15px align-items-center justify-content-center mb-60px md-mb-30px sm-mb-0">
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-01.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Designer stool</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-02.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Modern chair</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-03.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Table lamp</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-04.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Home decor</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-05.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Ceramic pots</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
<div class="col md-mb-30px">
<a href="demo-decor-store-collections.html" class="text-center">
<img src="images/demo-decor-store-menu-category-06.jpg" alt>
</a>
<a href="demo-decor-store-collections.html" class="btn btn-hover-animation text-uppercase-inherit fw-600 ls-0px justify-content-center">
<span>
<span class="btn-text text-dark-gray fs-16">Wooden table</span>
<span class="btn-icon"><i class="fa-solid fa-arrow-right m-0"></i></span>
</span>
</a>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<a href="demo-decor-store-collections.html"><img src="images/demo-decor-store-menu-banner-03.jpg" alt></a>
</div>
<div class="col">
<a href="demo-decor-store-collections.html"><img src="images/demo-decor-store-menu-banner-04.jpg" alt></a>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown simple-dropdown">
<a href="javascript:void(0);" class="nav-link">Pages</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3">
<li><a href="demo-decor-store-about.html">About</a></li>
<li><a href="demo-decor-store-faq.html">FAQs</a></li>
<li><a href="demo-decor-store-wishlist.html">Wishlist</a></li>
<li><a href="demo-decor-store-account.html">Account</a></li>
<li><a href="demo-decor-store-cart.html">Cart</a></li>
<li><a href="demo-decor-store-checkout.html">Checkout</a></li>
</ul>
</li>
<li class="nav-item"><a href="demo-decor-store-blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="demo-decor-store-contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
<div class="col-auto ms-auto">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="javascript:void(0)" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close alt-font">×</button>
<form id="search-form" role="search" method="get" class="search-form bg-white" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center mb-7 alt-font fw-700 ls-minus-1px">What are you looking for?</h2>
<input class="search-input alt-font" id="search-form-input5e219ef164995" placeholder="Enter your keywords..." name="s" value type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
</div>
<div class="header-cart-icon icon">
<div class="header-cart dropdown">
<a href="javascript:void(0);"><i class="feather icon-feather-shopping-bag"></i><span class="cart-count alt-font">2</span></a>
<ul class="cart-item-list">
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-decor-store-single-product.html"><img src="images/demo-decor-store-product-01.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font fw-600">
<a href="demo-decor-store-single-product.html">Table clock</a>
<span class="item-ammount fw-500">1 x $23.00</span>
</div>
</li>
<li class="cart-item align-items-center">
<a href="javascript:void(0);" class="alt-font close">×</a>
<div class="product-image">
<a href="demo-decor-store-single-product.html"><img src="images/demo-decor-store-product-03.jpg" class="cart-thumb" alt></a>
</div>
<div class="product-detail alt-font fw-600">
<a href="demo-decor-store-single-product.html">Ceramic mug</a>
<span class="item-ammount fw-500">2 x $15.00</span>
</div>
</li>
<li class="cart-total">
<div class="alt-font mb-15px"><span class="w-50 fw-500">Subtotal:</span><span class="w-50 text-end fw-700">$199.99</span></div>
<a href="demo-decor-store-cart.html" class="btn btn-large btn-transparent-base-color border-color-extra-medium-gray btn-round-edge">View cart</a>
<a href="demo-decor-store-checkout.html" class="btn btn-large btn-base-color btn-box-shadow btn-round-edge">Checkout</a>
</li>
</ul>
</div>
</div>
<div class="widget-text ms-25px md-ms-20px alt-font">
<a href="demo-decor-store-account.html" class="fs-17 fw-600"><i class="feather icon-feather-user d-inline-block d-xl-none"></i><span class="d-none d-xl-inline-block">My account</span></a>
</div>
</div>
</div>
</div>
</nav>
</header>
<section class="page-title-center-alignment cover-background top-space-padding" style="background-image: url('images/demo-decor-store-title-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-12 text-center position-relative page-title-extra-large">
<h1 class="alt-font d-inline-block fw-700 ls-minus-05px text-base-color mb-10px mt-3 md-mt-50px">Shopping cart</h1>
</div>
<div class="col-12 breadcrumb breadcrumb-style-01 d-flex justify-content-center">
<ul>
<li><a href="demo-decor-store.html">Home</a></li>
<li>Shopping cart</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-start">
<div class="col-lg-8 pe-50px md-pe-15px md-mb-50px xs-mb-35px">
<div class="row align-items-center">
<div class="col-12">
<table class="table cart-products">
<thead>
<tr>
<th scope="col"></th>
<th scope="col" class="alt-font fw-600">Product</th>
<th scope="col"></th>
<th scope="col" class="alt-font fw-600">Price</th>
<th scope="col" class="alt-font fw-600">Quantity</th>
<th scope="col" class="alt-font fw-600">Total</th>
</tr>
</thead>
<tbody>
<tr>
<td class="product-remove">
<a href="demo-decor-store-cart.html#" class="fs-20 fw-500">×</a>
</td>
<td class="product-thumbnail"><a href="demo-decor-store-single-product.html"><img class="cart-product-image" src="images/demo-decor-store-product-01.jpg" alt></a></td>
<td class="product-name">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fw-500 d-block lh-initial">Table clock</a>
<span class="fs-14">Color: Pink</span>
</td>
<td class="product-price" data-title="Price">$23.00</td>
<td class="product-quantity" data-title="Quantity">
<div class="quantity">
<button type="button" class="qty-minus">-</button>
<input class="qty-text" type="text" id="1" value="1" aria-label="qty-text">
<button type="button" class="qty-plus">+</button>
</div>
</td>
<td class="product-subtotal" data-title="Total">$23.00</td>
</tr>
<tr>
<td class="product-remove">
<a href="demo-decor-store-cart.html#" class="fs-20 fw-500">×</a>
</td>
<td class="product-thumbnail"><a href="demo-decor-store-single-product.html"><img class="cart-product-image" src="images/demo-decor-store-product-09.jpg" alt></a></td>
<td class="product-name">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fw-500 d-block lh-initial">Designer pot</a>
<span class="fs-14">Color: Brown</span>
</td>
<td class="product-price" data-title="Price">$35.00</td>
<td class="product-quantity" data-title="Quantity">
<div class="quantity">
<button type="button" class="qty-minus">-</button>
<input class="qty-text" type="text" id="2" value="1" aria-label="qty-text">
<button type="button" class="qty-plus">+</button>
</div>
</td>
<td class="product-subtotal" data-title="Total">$70.00</td>
</tr>
<tr>
<td class="product-remove">
<a href="demo-decor-store-cart.html#" class="fs-20 fw-500">×</a>
</td>
<td class="product-thumbnail"><a href="demo-decor-store-single-product.html"><img class="cart-product-image" src="images/demo-decor-store-product-03.jpg" alt></a></td>
<td class="product-name">
<a href="demo-decor-store-single-product.html" class="text-dark-gray fw-500 d-block lh-initial">Ceramic mug</a>
<span class="fs-14">Color: White</span>
</td>
<td class="product-price" data-title="Price">$15.00</td>
<td class="product-quantity" data-title="Quantity">
<div class="quantity">
<button type="button" class="qty-minus">-</button>
<input class="qty-text" type="text" id="3" value="1" aria-label="qty-text">
<button type="button" class="qty-plus">+</button>
</div>
</td>
<td class="product-subtotal" data-title="Total">$15.00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row mt-20px">
<div class="col-xl-7 col-md-6">
<div class="coupon-code-panel">
<input type="text" class="bg-white border-radius-4px" placeholder="Coupon code">
<a href="demo-decor-store-cart.html#" class="btn apply-coupon-btn fs-13 fw-600 text-uppercase">Apply</a>
</div>
</div>
<div class="col-xl-5 col-md-6 text-center text-md-end sm-mt-15px">
<a href="demo-decor-store-cart.html#" class="btn btn-small border-1 btn-round-edge btn-transparent-light-gray text-transform-none me-15px">Empty cart</a>
<a href="demo-decor-store-cart.html#" class="btn btn-small border-1 btn-round-edge btn-transparent-light-gray text-transform-none">Update cart</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-very-light-gray border-radius-6px p-50px xl-p-30px lg-p-25px">
<span class="fs-26 alt-font fw-600 text-dark-gray mb-5px d-block">Cart totals</span>
<table class="w-100 total-price-table">
<tbody>
<tr>
<th class="w-45 fw-600 text-dark-gray alt-font">Subtotal</th>
<td class="text-dark-gray fw-600">$405.00</td>
</tr>
<tr class="shipping">
<th class="fw-600 text-dark-gray alt-font">Shipping</th>
<td data-title="Shipping">
<ul class="p-0 m-0">
<li class="d-flex align-items-center">
<input id="free_shipping" type="radio" name="shipping-option" class="d-block w-auto mb-0 me-10px p-0" checked="checked">
<label class="md-line-height-18px" for="free_shipping">Free shipping</label>
</li>
<li class="d-flex align-items-center">
<input id="flat" type="radio" name="shipping-option" class="d-block w-auto mb-0 me-10px p-0">
<label class="md-line-height-18px" for="flat">Flat: $12.00</label>
</li>
<li class="d-flex align-items-center">
<input id="local_pickup" type="radio" name="shipping-option" class="d-block w-auto mb-0 me-10px p-0">
<label class="md-line-height-18px" for="local_pickup">Local pickup</label>
</li>
</ul>
</td>
</tr>
<tr class="calculate-shipping">
<th colspan="2" class="fw-500">
<a class="d-flex align-items-center calculate-shipping-title accordion-toggle" data-bs-toggle="collapse" href="demo-decor-store-cart.html#shipping-accordion" aria-expanded="false">
<p class="fw-600 w-100 mb-0 text-dark-gray">Calculate shipping</p>
<i class="feather icon-feather-chevron-down text-dark-gray icon-small align-middle"></i>
</a>
<div id="shipping-accordion" class="address-block collapse">
<div class="mt-15px">
<select class="form-select select-small mb-15px">
<option>Select a country</option>
<option value="Afganistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antigua &amp; Barbuda">Antigua &amp; Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bonaire">Bonaire</option>
<option value="Bosnia &amp; Herzegovina">Bosnia &amp; Herzegovina</option>
<option value="Botswana">Botswana</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Ter">British Indian Ocean Ter</option>
<option value="Brunei">Brunei</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Canary Islands">Canary Islands</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Channel Islands">Channel Islands</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Island">Cocos Island</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cote DIvoire">Cote DIvoire</option>
<option value="Croatia">Croatia</option>
<option value="Cuba">Cuba</option>
<option value="Curaco">Curacao</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Ter">French Southern Ter</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Great Britain">Great Britain</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Hawaii">Hawaii</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="Indonesia">Indonesia</option>
<option value="India">India</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Isle of Man">Isle of Man</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Korea North">Korea North</option>
<option value="Korea Sout">Korea South</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Laos">Laos</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libya">Libya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia</option>
<option value="Madagascar">Madagascar</option>
<option value="Malaysia">Malaysia</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Midway Islands">Midway Islands</option>
<option value="Moldova">Moldova</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Nambia">Nambia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherland Antilles">Netherland Antilles</option>
<option value="Netherlands">Netherlands (Holland, Europe)</option>
<option value="Nevis">Nevis</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau Island">Palau Island</option>
<option value="Palestine">Palestine</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Phillipines">Philippines</option>
<option value="Pitcairn Island">Pitcairn Island</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Republic of Montenegro">Republic of Montenegro</option>
<option value="Republic of Serbia">Republic of Serbia</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russia</option>
<option value="Rwanda">Rwanda</option>
<option value="St Barthelemy">St Barthelemy</option>
<option value="St Eustatius">St Eustatius</option>
<option value="St Helena">St Helena</option>
<option value="St Kitts-Nevis">St Kitts-Nevis</option>
<option value="St Lucia">St Lucia</option>
<option value="St Maarten">St Maarten</option>
<option value="St Pierre &amp; Miquelon">St Pierre &amp; Miquelon</option>
<option value="St Vincent &amp; Grenadines">St Vincent &amp; Grenadines</option>
<option value="Saipan">Saipan</option>
<option value="Samoa">Samoa</option>
<option value="Samoa American">Samoa American</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome &amp; Principe">Sao Tome &amp; Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="Spain">Spain</option>
<option value="Sri Lanka">Sri Lanka</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syria</option>
<option value="Tahiti">Tahiti</option>
<option value="Taiwan">Taiwan</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad &amp; Tobago">Trinidad &amp; Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks &amp; Caicos Is">Turks &amp; Caicos Is</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Erimates">United Arab Emirates</option>
<option value="United States of America">United States of America</option>
<option value="Uraguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican City State">Vatican City State</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Vietnam</option>
<option value="Virgin Islands (Brit)">Virgin Islands (Brit)</option>
<option value="Virgin Islands (USA)">Virgin Islands (USA)</option>
<option value="Wake Island">Wake Island</option>
<option value="Wallis &amp; Futana Is">Wallis &amp; Futana Is</option>
<option value="Yemen">Yemen</option>
<option value="Zaire">Zaire</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
<select class="form-select select-small mb-15px">
<option>Select state</option>
</select>
<input type="text" name="city" class="input-small border-radius-4px mb-15px" placeholder="Town/City">
<input type="text" name="zip" class="input-small border-radius-4px mb-15px" placeholder="ZIP">
<a href="demo-decor-store-cart.html#" class="btn btn-small btn-box-shadow btn-round-edge btn-base-color w-100 text-transform-none">Update</a>
</div>
</div>
</th>
</tr>
<tr class="total-amount">
<th class="fw-600 text-dark-gray alt-font pb-0">Total</th>
<td class="pb-0" data-title="Total">
<h6 class="d-block fw-700 mb-0 text-dark-gray alt-font">$405.00</h6>
<span class="fs-14">(Includes $19.29 tax)</span>
</td>
</tr>
</tbody>
</table>
<a href="demo-decor-store-checkout.html" class="btn btn-base-color btn-extra-large btn-switch-text btn-round-edge btn-box-shadow w-100 text-transform-none mt-25px">
<span>
<span class="btn-double-text" data-text="Proceed to checkout">Proceed to checkout</span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-dark bg-dark-gray pb-0 pt-0 cover-background" style="background-image:url('images/demo-decor-store-footer-bg.jpg')">
<div class="container pt-4 pb-4 md-pt-45px md-pb-45px">
<div class="row justify-content-center">
<div class="col-6 col-lg-3 last-paragraph-no-margin order-sm-1 md-mb-50px xs-mb-30px">
<a href="demo-decor-store.html" class="footer-logo mb-15px d-inline-block"><img src="images/demo-decor-store-logo-white.png" data-at2x="images/demo-decor-store-logo-white@2x.png" alt></a>
<p class="w-80 sm-w-100">Lorem ipsum amet adipiscing elit to eiusmod ad tempor.</p>
<div class="elements-social social-icon-style-02 mt-15px">
<ul class="small-icon light">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Categories</span>
<ul>
<li><a href="demo-decor-store-shop.html">Bed room</a></li>
<li><a href="demo-decor-store-shop.html">Living room</a></li>
<li><a href="demo-decor-store-shop.html">Lightning</a></li>
<li><a href="demo-decor-store-shop.html">Fabrics sofa</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Information</span>
<ul>
<li><a href="demo-decor-store-about.html">About us</a></li>
<li><a href="demo-decor-store-contact.html">Contact us</a></li>
<li><a href="demo-decor-store-faq.html">FAQs</a></li>
<li><a href="demo-decor-store-faq.html">Payment</a></li>
</ul>
</div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Account</span>
<ul>
<li><a href="demo-decor-store-account.html">My account</a></li>
<li><a href="demo-decor-store-cart.html">Orders</a></li>
<li><a href="demo-decor-store-checkout.html">Checkout</a></li>
<li><a href="demo-decor-store-cart.html#">My wishlists</a></li>
</ul>
</div>
<div class="col-lg-3 col-sm-6 ps-20px sm-ps-15px md-mb-50px xs-mb-0 order-sm-2 order-lg-5">
<span class="fs-16 alt-font fw-500 d-block text-white mb-5px">Newsletter</span>
<div class="mb-20px">Get everything you need succeed!</div>
<div class="d-inline-block w-100 newsletter-style-02 position-relative mb-15px">
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative w-100">
<input class="bg-blue-tangaroa border-color-transparent-white-light w-100 form-control pe-50px ps-20px lg-ps-15px required" type="email" name="email" placeholder="Enter your email" />
<input type="hidden" name="redirect" value>
<button class="btn pe-20px submit" aria-label="submit"><i class="icon feather icon-feather-mail icon-small text-white"></i></button>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div>
</form>
</div>
<div class="footer-card">
<a href="demo-decor-store-cart.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-01.png" alt></a>
<a href="demo-decor-store-cart.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-02.png" alt></a>
<a href="demo-decor-store-cart.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-03.png" alt></a>
<a href="demo-decor-store-cart.html#" class="d-inline-block me-5px align-middle"><img src="images/demo-decor-store-payment-icon-04.png" alt></a>
</div>
</div>
</div>
</div>
<div class="border-top border-color-transparent-white-light pt-30px pb-30px">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-8 last-paragraph-no-margin text-center text-xl-start lg-mt-20px order-3 order-xl-1">
<p class="fs-14 mb-0 w-90 xl-w-100">This site is protected by reCAPTCHA and the Google <a href="demo-decor-store-cart.html#" class="text-white text-decoration-line-bottom">privacy policy</a> and terms of service apply.</p>
<p class="fs-14 w-90 xl-w-100">&copy; 2024 Crafto is Proudly Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-white text-decoration-line-bottom">ThemeZaa</a></p>
</div>
<div class="col-6 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-1 order-xl-2">
<span class="lh-26 alt-font d-block">Need support?</span>
<a href="tel:12345678910" class="fs-16 text-white fw-500">+1 234 567 8910</a>
</div>
<div class="col-6 col-xl-2 col-md-3 col-sm-5 text-center text-xl-start order-2 order-xl-3">
<span class="lh-26 alt-font d-block">Customer care</span>
<a href="cdn-cgi/l/email-protection.html#0a63646c654a6e65676b636424696567" class="fs-16 text-white fw-500"><span class="__cf_email__" data-cfemail="365f5850597652595b575f581855595b">[email&#160;protected]</span></a>
</div>
</div>
</div>
</div>
</footer>
<div id="cookies-model" class="cookie-message bg-dark-gray border-radius-8px">
<div class="cookie-description fs-14 text-white mb-20px lh-22">We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Allow cookies" you consent to our use of cookies. </div>
<div class="cookie-btn">
<a href="demo-decor-store-cart.html#" class="btn btn-transparent-white border-1 border-color-transparent-white-light btn-very-small btn-switch-text btn-rounded w-100 mb-15px" aria-label="btn">
<span>
<span class="btn-double-text" data-text="Cookie policy">Cookie policy</span>
</span>
</a>
<a href="demo-decor-store-cart.html#" class="btn btn-white btn-very-small btn-switch-text btn-box-shadow accept_cookies_btn btn-rounded w-100" data-accept-btn aria-label="text">
<span>
<span class="btn-double-text" data-text="Allow cookies">Allow cookies</span>
</span>
</a>
</div>
</div>
<div class="scroll-progress d-none d-xxl-block">
<a href="demo-decor-store-cart.html#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>