<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Teaser</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,700&display=swap" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="" />
</a>
<div class="navbar-collapse" id="">
<ul class="navbar-nav justify-content-between ">
<div class="User_option">
<li class="">
<a class="mr-4" href="">
Login
</a>
<a class="" href="">
Sign up
</a>
</li>
</div>
</ul>
<div class="custom_menu-btn">
<button onclick="openNav()">
<span class="s-1">
</span>
<span class="s-2">
</span>
<span class="s-3">
</span>
</button>
</div>
<div id="myNav" class="overlay">
<div class="overlay-content">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="house.html">HOUSE</a>
<a href="price.html">PRICING</a>
<a href="contact.html">CONTACT US</a>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class="slider_section ">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 offset-md-1">
<div class="detail-box">
<h1>
<span> Modern</span> <br>
Apartment <br>
House
</h1>
<p>
It is a long established fact that a reader will be distracted by the readable content of
</p>
<div class="btn-box">
<a href="" class="">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end slider section -->
</div>
<!-- find section -->
<section class="find_section ">
<div class="container">
<form action="">
<div class=" form-row">
<div class="col-md-5">
<input type="text" class="form-control" placeholder="Serach Your Categories ">
</div>
<div class="col-md-5">
<input type="text" class="form-control" placeholder="Location ">
</div>
<div class="col-md-2">
<button type="submit" class="">
search
</button>
</div>
</div>
</form>
</div>
</section>
<!-- end find section -->
<!-- about section -->
<section class="about_section layout_padding-bottom">
<div class="square-box">
<img src="images/square.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="img-box">
<img src="images/about-img.jpg" alt="">
</div>
</div>
<div class="col-md-6">
<div class="detail-box">
<div class="heading_container">
<h2>
About Our Apartment
</h2>
</div>
<p>
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration
in
some form, by injected humour, or randomised words
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end about section -->
<!-- sale section -->
<section class="sale_section layout_padding-bottom">
<div class="container-fluid">
<div class="heading_container">
<h2>
House For Sale
</h2>
<p>
There are many variations of passages of Lorem Ipsum available, but the
</p>
</div>
<div class="sale_container">
<div class="box">
<div class="img-box">
<img src="images/s-1.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/s-2.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/s-3.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/s-4.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/s-5.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
<div class="box">
<div class="img-box">
<img src="images/s-6.jpg" alt="">
</div>
<div class="detail-box">
<h6>
apertments house
</h6>
<p>
There are many variations of passages of Lorem Ipsum available, but
</p>
</div>
</div>
</div>
<div class="btn-box">
<a href="">
Find More
</a>
</div>
</div>
</section>
<!-- end sale section -->
<!-- price section -->
<section class="price_section layout_padding-bottom">
<div class="container">
<div class="heading_container">
<h2>
Our Pricing
</h2>
<p>
There are many variations of passages of Lorem Ipsum available, but the
【网页设计期末大作业】待售公寓查询展示网页模板HTML源码.zip
版权申诉
74 浏览量
2023-07-01
15:53:11
上传
评论
收藏 1006KB ZIP 举报
【网页设计期末大作业】待售公寓查询展示网页模板HTML源码.zip （41个子文件） 
【网页设计期末大作业】待售公寓查询展示网页模板HTML源码 html 
price.html 9KB js 
bootstrap.js 134KB custom.js 408B jquery-3.4.1.min.js 86KB house.html 9KB css style.css 17KB style.css.map 16KB responsive.css 3KB bootstrap.css 188KB style.scss 14KB index.html 22KB contact.html 8KB about.html 7KB images 
about-img.jpg 64KB
square.png 406B search-icon.png 337B u-3.png 2KB s-6.jpg 54KB mail.png 358B logo.png 3KB hero-bg2.jpg 187KB s-1.jpg 78KB client.jpg 19KB phone.png 385B u-2.png 2KB fb.png 1KB s-4.jpg 47KB d-2.jpg 65KB d-1.jpg 53KB hero-bg.jpg 159KB twitter.png 1KB next-white.png 231B s-2.jpg 56KB youtube.png 1KB location.png 456B s-3.jpg 47KB s-5.jpg 55KB u-1.png 2KB linkedin.png 1KB u-4.png 3KB prev-white.png 227B资源评论
柯晓楠
- 粉丝: 2w+
- 资源: 2647
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
