338 lines
14 KiB
HTML
338 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>About - EstateAgency Bootstrap Template</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
|
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
|
|
|
<!-- Main CSS File -->
|
|
<link href="assets/css/main.css" rel="stylesheet">
|
|
|
|
<!-- =======================================================
|
|
* Template Name: EstateAgency
|
|
* Template URL: https://bootstrapmade.com/real-estate-agency-bootstrap-template/
|
|
* Updated: Aug 09 2024 with Bootstrap v5.3.3
|
|
* Author: BootstrapMade.com
|
|
* License: https://bootstrapmade.com/license/
|
|
======================================================== -->
|
|
</head>
|
|
|
|
<body class="about-page">
|
|
|
|
<header id="header" class="header d-flex align-items-center fixed-top">
|
|
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
|
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<!-- Uncomment the line below if you also wish to use an image logo -->
|
|
<!-- <img src="assets/img/logo.png" alt=""> -->
|
|
<h1 class="sitename">Estate<span>Agency</span></h1>
|
|
</a>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html" class="active">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="properties.html">Properties</a></li>
|
|
<li><a href="agents.html">Agents</a></li>
|
|
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Dropdown 1</a></li>
|
|
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
|
<ul>
|
|
<li><a href="#">Deep Dropdown 1</a></li>
|
|
<li><a href="#">Deep Dropdown 2</a></li>
|
|
<li><a href="#">Deep Dropdown 3</a></li>
|
|
<li><a href="#">Deep Dropdown 4</a></li>
|
|
<li><a href="#">Deep Dropdown 5</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">Dropdown 2</a></li>
|
|
<li><a href="#">Dropdown 3</a></li>
|
|
<li><a href="#">Dropdown 4</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title" data-aos="fade">
|
|
<div class="heading">
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-center text-center">
|
|
<div class="col-lg-8">
|
|
<h1>About</h1>
|
|
<p class="mb-0">Odio et unde deleniti. Deserunt numquam exercitationem. Officiis quo odio sint voluptas consequatur ut a odio voluptatem. Sit dolorum debitis veritatis natus dolores. Quasi ratione sint. Sit quaerat ipsum dolorem.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<nav class="breadcrumbs">
|
|
<div class="container">
|
|
<ol>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li class="current">About</li>
|
|
</ol>
|
|
</div>
|
|
</nav>
|
|
</div><!-- End Page Title -->
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="about section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
|
|
<p class="who-we-are">Who We Are</p>
|
|
<h3>Unleashing Potential with Creative Strategy</h3>
|
|
<p class="fst-italic">
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
|
|
magna aliqua.
|
|
</p>
|
|
<ul>
|
|
<li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
|
|
<li><i class="bi bi-check-circle"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li>
|
|
<li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate trideta storacalaperda mastiro dolore eu fugiat nulla pariatur.</span></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-6 about-images" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-6">
|
|
<img src="assets/img/about-company-1.jpg" class="img-fluid" alt="">
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-12">
|
|
<img src="assets/img/about-company-2.jpg" class="img-fluid" alt="">
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<img src="assets/img/about-company-3.jpg" class="img-fluid" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section><!-- /About Section -->
|
|
|
|
<!-- Stats Section -->
|
|
<section id="stats" class="stats section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="stats-item d-flex align-items-center w-100 h-100">
|
|
<i class="bi bi-emoji-smile color-blue flex-shrink-0"></i>
|
|
<div>
|
|
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
|
|
<p>Happy Clients</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Stats Item -->
|
|
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="stats-item d-flex align-items-center w-100 h-100">
|
|
<i class="bi bi-journal-richtext color-orange flex-shrink-0"></i>
|
|
<div>
|
|
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
|
|
<p>Projects</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Stats Item -->
|
|
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="stats-item d-flex align-items-center w-100 h-100">
|
|
<i class="bi bi-headset color-green flex-shrink-0"></i>
|
|
<div>
|
|
<span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span>
|
|
<p>Hours Of Support</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Stats Item -->
|
|
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="stats-item d-flex align-items-center w-100 h-100">
|
|
<i class="bi bi-people color-pink flex-shrink-0"></i>
|
|
<div>
|
|
<span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
|
|
<p>Hard Workers</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Stats Item -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Stats Section -->
|
|
|
|
<!-- Features Section -->
|
|
<section id="features" class="features section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row justify-content-around gy-4">
|
|
<div class="features-image col-lg-6" data-aos="fade-up" data-aos-delay="100"><img src="assets/img/features-bg.jpg" alt=""></div>
|
|
|
|
<div class="col-lg-5 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
|
|
<h3>Enim quis est voluptatibus aliquid consequatur fugiat</h3>
|
|
<p>Esse voluptas cumque vel exercitationem. Reiciendis est hic accusamus. Non ipsam et sed minima temporibus laudantium. Soluta voluptate sed facere corporis dolores excepturi</p>
|
|
|
|
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="300">
|
|
<i class="bi bi-easel flex-shrink-0"></i>
|
|
<div>
|
|
<h4><a href="" class="stretched-link">Lorem Ipsum</a></h4>
|
|
<p>Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
|
|
</div>
|
|
</div><!-- End Icon Box -->
|
|
|
|
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="400">
|
|
<i class="bi bi-patch-check flex-shrink-0"></i>
|
|
<div>
|
|
<h4><a href="" class="stretched-link">Nemo Enim</a></h4>
|
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
|
|
</div>
|
|
</div><!-- End Icon Box -->
|
|
|
|
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="500">
|
|
<i class="bi bi-brightness-high flex-shrink-0"></i>
|
|
<div>
|
|
<h4><a href="" class="stretched-link">Dine Pad</a></h4>
|
|
<p>Explicabo est voluptatum asperiores consequatur magnam. Et veritatis odit. Sunt aut deserunt minus aut eligendi omnis</p>
|
|
</div>
|
|
</div><!-- End Icon Box -->
|
|
|
|
<div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="600">
|
|
<i class="bi bi-brightness-high flex-shrink-0"></i>
|
|
<div>
|
|
<h4><a href="" class="stretched-link">Tride clov</a></h4>
|
|
<p>Est voluptatem labore deleniti quis a delectus et. Saepe dolorem libero sit non aspernatur odit amet. Et eligendi</p>
|
|
</div>
|
|
</div><!-- End Icon Box -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Features Section -->
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer light-background">
|
|
|
|
<div class="container">
|
|
<div class="row gy-3">
|
|
<div class="col-lg-3 col-md-6 d-flex">
|
|
<i class="bi bi-geo-alt icon"></i>
|
|
<div class="address">
|
|
<h4>Address</h4>
|
|
<p>A108 Adam Street</p>
|
|
<p>New York, NY 535022</p>
|
|
<p></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 d-flex">
|
|
<i class="bi bi-telephone icon"></i>
|
|
<div>
|
|
<h4>Contact</h4>
|
|
<p>
|
|
<strong>Phone:</strong> <span>+1 5589 55488 55</span><br>
|
|
<strong>Email:</strong> <span>info@example.com</span><br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6 d-flex">
|
|
<i class="bi bi-clock icon"></i>
|
|
<div>
|
|
<h4>Opening Hours</h4>
|
|
<p>
|
|
<strong>Mon-Sat:</strong> <span>11AM - 23PM</span><br>
|
|
<strong>Sunday</strong>: <span>Closed</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-3 col-md-6">
|
|
<h4>Follow Us</h4>
|
|
<div class="social-links d-flex">
|
|
<a href="#" class="twitter"><i class="bi bi-twitter-x"></i></a>
|
|
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
|
|
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
|
|
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container copyright text-center mt-4">
|
|
<p>© <span>Copyright</span> <strong class="px-1 sitename">EstateAgency</strong> <span>All Rights Reserved</span></p>
|
|
<div class="credits">
|
|
<!-- All the links in the footer should remain intact. -->
|
|
<!-- You can delete the links only if you've purchased the pro version. -->
|
|
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
|
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
|
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
<!-- Scroll Top -->
|
|
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<!-- Preloader -->
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/php-email-form/validate.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
|
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
|
|
|
|
<!-- Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |