<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Estate Town Real Estate Category Flat Bootstrap Responsive Web Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Estate Town Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- css files -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
<link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
<link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
<!-- //css files -->
<!-- google fonts -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext" rel="stylesheet">
<!-- //google fonts -->
</head>
<body>
<!-- //header -->
<header class="py-4">
<div class="container">
<div id="logo">
<h1> <a href="index.html"><span class="fa fa-home" aria-hidden="true"></span> Estate Town</a></h1>
</div>
<!-- nav -->
<nav class="d-lg-flex">
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mt-2 ml-auto">
<li class="mr-lg-4 mr-3 active"><a href="#">Home</a></li>
<li class="mr-lg-4 mr-3"><a href="services.html">Services</a></li>
<li class="mr-lg-4 mr-3">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2"/>
<ul class="inner-ul">
<li><a href="#about">About</a></li>
<li><a href="#agents">Agents</a></li>
<li><a href="#partners">Partners</a></li>
</ul>
</li>
<li class="mr-lg-4 mr-3"><a href="properties.html">Properties</a></li>
<li class="mr-lg-4"><a href="contact.html">Contact</a></li>
</ul>
<div class="login-icon mt-2">
<a class="user" href="#popup3"><span class="fa fa-user-circle-o" aria-hidden="true"></span></a>
</div>
</nav>
<div class="clear"></div>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner" id="home">
<div class="container">
<div class="row banner-text">
<div class="slider-info col-lg-6">
<div class="agileinfo-logo mt-lg-5 pt-md-3">
<h2>Welcome To Our Real Estate Agency </h2>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. Sed porttitor orci vel fermentum maximus. Sed Curabitur ut turpis massa leo id viverra.</p>
</div>
<a class="btn mr-2 text-capitalize" href="#popup1">read more </a>
<a class="btn text-capitalize" href="#popup2">watch video </a>
</div>
<div class="col-lg-6 col-md-8 mt-lg-0 mt-5 banner-image text-center">
<img src="images/home.png" alt="" class="img-fluid"/>
<h4 class=" mt-3 text-white text-center">Build Your Dream House </h4>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<section class="about py-5" id="about">
<div class="container py-md-5">
<div class="row">
<div class="col-lg-3 col-md-5 about-left">
<h3 class="heading mb-5">About us</h3>
<div class="grid">
<h4>120+ <span>Properties</span></h4>
</div>
<div class="grid my-3">
<h4>142 <span class="ml-4">Professionals</span></h4>
</div>
<div class="grid my-3">
<h4>212 <span class="ml-4">Property Sales </span></h4>
</div>
<div class="grid">
<h4>120+ <span>Happy Clients </span></h4>
</div>
</div>
<div class="col-lg-5 col-md-7 about-text mt-md-0 mt-5">
<h3>Welcome To Our Real Estate Agency Website </h3>
<p class="mt-3">Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla uter sollicitudin velit. Sed porttitor orci vel ferm semper at vel, ultrices in ligula.</p>
<p class="mt-2">Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla uter
sollicitudin velit. Sed porttitor orci vel fermentum elit maximus. Curabitur ut turpis massa in condimentum libero. Pellentesque maximus.</p>
</div>
<div class="col-lg-4 col-md-6 about-img">
<img src="images/about.png" alt="" class="img-fluid"/>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- why choose us -->
<section class="choose bg-light py-5">
<div class="container py-md-3">
<h3 class="heading mb-5"> What are you looking for?</h3>
<div class="feature-grids row">
<div class="col-lg-3 col-sm-6">
<div class="f1 bg-white icon1 p-4">
<span class="fa fa-building"></span>
<h3 class="my-3">Apartments</h3>
<p>Excepteur sint occaecat non proident maximus.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mt-sm-0 mt-4">
<div class="f1 bg-white icon2 p-4">
<span class="fa fa-home"></span>
<h3 class="my-3">Houses</h3>
<p>Excepteur sint occaecat non proident maximus.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<div class="f1 bg-white icon3 p-4">
<span class="fa fa-dollar"></span>
<h3 class="my-3">Properties</h3>
<p>Excepteur sint occaecat non proident maximus.</p>
</div>
</div>
<div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
<div class="f1 bg-white icon4 p-4">
<span class="fa fa-cogs"></span>
<h3 class="my-3">Sales</h3>
<p>Excepteur sint occaecat non proident maximus.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //why choose us -->
<!-- Offered Services -->
<section class="process py-5" id="services">
<div class="container py-md-3">
<h3 class="heading mb-5">Offered Services</h3>
<div class="row process-grids">
<div class="col-lg-3 col-md-6 my-lg-4 w3pvt-ab position-relative">
<div class="">
<img src="images/ser1.png" alt="" class="img-fluid rounded-circle">
</div>
<h4 class="feed-title my-3">Rental Apartments</h4>
<p> Excepteur ut occaecat ipsum proident, sunt int culpa quis. Phasellus lacinia id erat risu quis sunt int dolor.</p>
</div>
<div class="col-lg-3 col-md-6 my-lg-4 mt-md-0 mt-4 w3pvt-ab position-relative">
<div class="">
<img src="images/ser2.png" alt="" class="img-fluid rounded-circle">
</div>
<h4 class="feed-title my-3">Houses For Sale</h4>
<p> Excepteur ut occaecat ipsum proident, sunt int culpa quis. Phasellus lacinia id erat risu quis sunt int dolor.</p>
</div>
<div class="col-lg-3 col-md-6 my-lg-4 mt-sm-5 mt-4 w3pvt-ab position-relative">
<div class="">
<img src="images/ser3.png" alt="" class="img-fluid rounded-circle">
</div>
<h4 class="feed-title my-3">Property Sale</h4>
<p> Excepteur ut occaecat ipsum proident, sunt int culpa quis. Phasellus lacinia id erat risu quis sunt int dolor.</p>
</div>
<div class="col-lg-3 col-md-6 mt-lg-4 mt-sm-5 mt-4 w3pvt-ab">
<div class="">
<img src="images/ser4.png" alt="" class="img-fluid rounded-circle">
</div>
课设&大作业&毕设-社区房产建设响应式网站模板-适配移动端-HTML源码.zip
版权申诉
10 浏览量
2024-03-28
09:37:07
上传
评论
收藏 1.54MB ZIP 举报
课设&大作业&毕设-社区房产建设响应式网站模板-适配移动端-HTML源码.zip （27个子文件） 
课设&大作业&毕设-社区房产建设响应式网站模板-适配移动端-HTML源码 html 
properties.html 14KB css 
style.css 23KB bootstrap.css 174KB font-awesome.min.css 30KB services.html 15KB index.html 19KB contact.html 11KB images 
ser4.png 16KB
team4.jpg 105KB team3.jpg 71KB home.png 196KB about.png 43KB team2.jpg 115KB t1.jpg 20KB bg.jpg 164KB bannerpng.png 60KB ser3.png 15KB ser1.png 15KB right.png 154KB team1.jpg 59KB ser2.png 13KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
