323 lines
13 KiB
HTML
323 lines
13 KiB
HTML
<!-- /*
|
|
* Bootstrap 5
|
|
* Template Name: Furni
|
|
* Template Author: Untree.co
|
|
* Template URI: https://untree.co/
|
|
* License: https://creativecommons.org/licenses/by/3.0/
|
|
*/ -->
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="author" content="Untree.co">
|
|
<link rel="shortcut icon" href="favicon.png">
|
|
|
|
<meta name="description" content="" />
|
|
<meta name="keywords" content="bootstrap, bootstrap4" />
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
|
|
<link href="css/tiny-slider.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<title>Furni Free Bootstrap 5 Template for Furniture and Interior Design Websites by Untree.co </title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Start Header/Navigation -->
|
|
<nav class="custom-navbar navbar navbar navbar-expand-md navbar-dark bg-dark" arial-label="Furni navigation bar">
|
|
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.html">Furni<span>.</span></a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsFurni" aria-controls="navbarsFurni" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarsFurni">
|
|
<ul class="custom-navbar-nav navbar-nav ms-auto mb-2 mb-md-0">
|
|
<li class="nav-item ">
|
|
<a class="nav-link" href="index.html">Home</a>
|
|
</li>
|
|
<li><a class="nav-link" href="shop.html">Shop</a></li>
|
|
<li><a class="nav-link" href="about.html">About us</a></li>
|
|
<li><a class="nav-link" href="services.html">Services</a></li>
|
|
<li><a class="nav-link" href="blog.html">Blog</a></li>
|
|
<li><a class="nav-link" href="contact.html">Contact us</a></li>
|
|
</ul>
|
|
|
|
<ul class="custom-navbar-cta navbar-nav mb-2 mb-md-0 ms-5">
|
|
<li><a class="nav-link" href="#"><img src="images/user.svg"></a></li>
|
|
<li><a class="nav-link" href="cart.html"><img src="images/cart.svg"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</nav>
|
|
<!-- End Header/Navigation -->
|
|
|
|
<!-- Start Hero Section -->
|
|
<div class="hero">
|
|
<div class="container">
|
|
<div class="row justify-content-between">
|
|
<div class="col-lg-5">
|
|
<div class="intro-excerpt">
|
|
<h1>Cart</h1>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Hero Section -->
|
|
|
|
|
|
|
|
<div class="untree_co-section before-footer-section">
|
|
<div class="container">
|
|
<div class="row mb-5">
|
|
<form class="col-md-12" method="post">
|
|
<div class="site-blocks-table">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th class="product-thumbnail">Image</th>
|
|
<th class="product-name">Product</th>
|
|
<th class="product-price">Price</th>
|
|
<th class="product-quantity">Quantity</th>
|
|
<th class="product-total">Total</th>
|
|
<th class="product-remove">Remove</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="product-thumbnail">
|
|
<img src="images/product-1.png" alt="Image" class="img-fluid">
|
|
</td>
|
|
<td class="product-name">
|
|
<h2 class="h5 text-black">Product 1</h2>
|
|
</td>
|
|
<td>$49.00</td>
|
|
<td>
|
|
<div class="input-group mb-3 d-flex align-items-center quantity-container" style="max-width: 120px;">
|
|
<div class="input-group-prepend">
|
|
<button class="btn btn-outline-black decrease" type="button">−</button>
|
|
</div>
|
|
<input type="text" class="form-control text-center quantity-amount" value="1" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-black increase" type="button">+</button>
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
<td>$49.00</td>
|
|
<td><a href="#" class="btn btn-black btn-sm">X</a></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="product-thumbnail">
|
|
<img src="images/product-2.png" alt="Image" class="img-fluid">
|
|
</td>
|
|
<td class="product-name">
|
|
<h2 class="h5 text-black">Product 2</h2>
|
|
</td>
|
|
<td>$49.00</td>
|
|
<td>
|
|
<div class="input-group mb-3 d-flex align-items-center quantity-container" style="max-width: 120px;">
|
|
<div class="input-group-prepend">
|
|
<button class="btn btn-outline-black decrease" type="button">−</button>
|
|
</div>
|
|
<input type="text" class="form-control text-center quantity-amount" value="1" placeholder="" aria-label="Example text with button addon" aria-describedby="button-addon1">
|
|
<div class="input-group-append">
|
|
<button class="btn btn-outline-black increase" type="button">+</button>
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
<td>$49.00</td>
|
|
<td><a href="#" class="btn btn-black btn-sm">X</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="row mb-5">
|
|
<div class="col-md-6 mb-3 mb-md-0">
|
|
<button class="btn btn-black btn-sm btn-block">Update Cart</button>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<button class="btn btn-outline-black btn-sm btn-block">Continue Shopping</button>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<label class="text-black h4" for="coupon">Coupon</label>
|
|
<p>Enter your coupon code if you have one.</p>
|
|
</div>
|
|
<div class="col-md-8 mb-3 mb-md-0">
|
|
<input type="text" class="form-control py-3" id="coupon" placeholder="Coupon Code">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<button class="btn btn-black">Apply Coupon</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 pl-5">
|
|
<div class="row justify-content-end">
|
|
<div class="col-md-7">
|
|
<div class="row">
|
|
<div class="col-md-12 text-right border-bottom mb-5">
|
|
<h3 class="text-black h4 text-uppercase">Cart Totals</h3>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-md-6">
|
|
<span class="text-black">Subtotal</span>
|
|
</div>
|
|
<div class="col-md-6 text-right">
|
|
<strong class="text-black">$230.00</strong>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-5">
|
|
<div class="col-md-6">
|
|
<span class="text-black">Total</span>
|
|
</div>
|
|
<div class="col-md-6 text-right">
|
|
<strong class="text-black">$230.00</strong>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<button class="btn btn-black btn-lg py-3 btn-block" onclick="window.location='checkout.html'">Proceed To Checkout</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Start Footer Section -->
|
|
<footer class="footer-section">
|
|
<div class="container relative">
|
|
|
|
<div class="sofa-img">
|
|
<img src="images/sofa.png" alt="Image" class="img-fluid">
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="subscription-form">
|
|
<h3 class="d-flex align-items-center"><span class="me-1"><img src="images/envelope-outline.svg" alt="Image" class="img-fluid"></span><span>Subscribe to Newsletter</span></h3>
|
|
|
|
<form action="#" class="row g-3">
|
|
<div class="col-auto">
|
|
<input type="text" class="form-control" placeholder="Enter your name">
|
|
</div>
|
|
<div class="col-auto">
|
|
<input type="email" class="form-control" placeholder="Enter your email">
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="btn btn-primary">
|
|
<span class="fa fa-paper-plane"></span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-5 mb-5">
|
|
<div class="col-lg-4">
|
|
<div class="mb-4 footer-logo-wrap"><a href="#" class="footer-logo">Furni<span>.</span></a></div>
|
|
<p class="mb-4">Donec facilisis quam ut purus rutrum lobortis. Donec vitae odio quis nisl dapibus malesuada. Nullam ac aliquet velit. Aliquam vulputate velit imperdiet dolor tempor tristique. Pellentesque habitant</p>
|
|
|
|
<ul class="list-unstyled custom-social">
|
|
<li><a href="#"><span class="fa fa-brands fa-facebook-f"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-brands fa-twitter"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-brands fa-instagram"></span></a></li>
|
|
<li><a href="#"><span class="fa fa-brands fa-linkedin"></span></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-8">
|
|
<div class="row links-wrap">
|
|
<div class="col-6 col-sm-6 col-md-3">
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">About us</a></li>
|
|
<li><a href="#">Services</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Contact us</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-6 col-sm-6 col-md-3">
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Knowledge base</a></li>
|
|
<li><a href="#">Live chat</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-6 col-sm-6 col-md-3">
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Jobs</a></li>
|
|
<li><a href="#">Our team</a></li>
|
|
<li><a href="#">Leadership</a></li>
|
|
<li><a href="#">Privacy Policy</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-6 col-sm-6 col-md-3">
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Nordic Chair</a></li>
|
|
<li><a href="#">Kruzo Aero</a></li>
|
|
<li><a href="#">Ergonomic Chair</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="border-top copyright">
|
|
<div class="row pt-4">
|
|
<div class="col-lg-6">
|
|
<p class="mb-2 text-center text-lg-start">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a hreff="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ -->
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-lg-6 text-center text-lg-end">
|
|
<ul class="list-unstyled d-inline-flex ms-auto">
|
|
<li class="me-4"><a href="#">Terms & Conditions</a></li>
|
|
<li><a href="#">Privacy Policy</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
<!-- End Footer Section -->
|
|
|
|
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
<script src="js/tiny-slider.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
</body>
|
|
|
|
</html>
|