291 lines
11 KiB
HTML
291 lines
11 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 class="active"><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>Contact</h1>
|
|
<p class="mb-4">Donec vitae odio quis nisl dapibus malesuada. Nullam ac aliquet velit. Aliquam vulputate velit imperdiet dolor tempor tristique.</p>
|
|
<p><a href="" class="btn btn-secondary me-2">Shop Now</a><a href="#" class="btn btn-white-outline">Explore</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-7">
|
|
<div class="hero-img-wrap">
|
|
<img src="images/couch.png" class="img-fluid">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End Hero Section -->
|
|
|
|
|
|
<!-- Start Contact Form -->
|
|
<div class="untree_co-section">
|
|
<div class="container">
|
|
|
|
<div class="block">
|
|
<div class="row justify-content-center">
|
|
|
|
|
|
<div class="col-md-8 col-lg-8 pb-4">
|
|
|
|
|
|
<div class="row mb-5">
|
|
<div class="col-lg-4">
|
|
<div class="service no-shadow align-items-center link horizontal d-flex active" data-aos="fade-left" data-aos-delay="0">
|
|
<div class="service-icon color-1 mb-4">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
|
|
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
|
|
</svg>
|
|
</div> <!-- /.icon -->
|
|
<div class="service-contents">
|
|
<p>43 Raymouth Rd. Baltemoer, London 3910</p>
|
|
</div> <!-- /.service-contents-->
|
|
</div> <!-- /.service -->
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div class="service no-shadow align-items-center link horizontal d-flex active" data-aos="fade-left" data-aos-delay="0">
|
|
<div class="service-icon color-1 mb-4">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
|
|
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/>
|
|
</svg>
|
|
</div> <!-- /.icon -->
|
|
<div class="service-contents">
|
|
<p>info@yourdomain.com</p>
|
|
</div> <!-- /.service-contents-->
|
|
</div> <!-- /.service -->
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div class="service no-shadow align-items-center link horizontal d-flex active" data-aos="fade-left" data-aos-delay="0">
|
|
<div class="service-icon color-1 mb-4">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
|
|
</svg>
|
|
</div> <!-- /.icon -->
|
|
<div class="service-contents">
|
|
<p>+1 294 3925 3939</p>
|
|
</div> <!-- /.service-contents-->
|
|
</div> <!-- /.service -->
|
|
</div>
|
|
</div>
|
|
|
|
<form>
|
|
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="text-black" for="fname">First name</label>
|
|
<input type="text" class="form-control" id="fname">
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="text-black" for="lname">Last name</label>
|
|
<input type="text" class="form-control" id="lname">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="text-black" for="email">Email address</label>
|
|
<input type="email" class="form-control" id="email">
|
|
</div>
|
|
|
|
<div class="form-group mb-5">
|
|
<label class="text-black" for="message">Message</label>
|
|
<textarea name="" class="form-control" id="message" cols="30" rows="5"></textarea>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary-hover-outline">Send Message</button>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- End Contact Form -->
|
|
|
|
|
|
|
|
<!-- 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>
|