<!--
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>Pro Property a Real Estate Category Bootstrap Responsive Website 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="Pro Property Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<link href="//fonts.googleapis.com/css?family=Gidugu" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="main" id="home">
<!-- banner -->
<div class="banner">
<!--Slider-->
<div class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="slider-info">
<h3>Apartments</h3>
<p>Lorem Ipsum is simply dummy text </p>
</div>
</li>
<li>
<div class="slider-info">
<h3>REAL </h3>
<p>Itaque earum rerum hic tenetur.</p>
</div>
</li>
<li>
<div class="slider-info">
<h3>Property</h3>
<p>Lorem Ipsum is simply dummy text </p>
</div>
</li>
</ul>
<div class="clearfix"></div>
</div>
<!--//Slider-->
<ul class="top-links">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<!-- //banner -->
</div>
<!-- header -->
<div class="w3_navigation">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<h1><a class="navbar-brand" href="index.html"><span class="one">P</span>ro Property</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="cl-effect-1" id="cl-effect-1">
<ul class="nav navbar-nav">
<li class="active"><a class="scroll" href="index.html">Home</a></li>
<li><a href="#about" class="scroll hvr-bounce-to-bottom">About</a></li>
<li><a href="#services" class="scroll hvr-bounce-to-bottom">Services</a></li>
<li><a href="#team" class="scroll hvr-bounce-to-bottom">Agents</a></li>
<li><a href="#work" class="scroll hvr-bounce-to-bottom">Works</a></li>
<li><a href="#contact" class="scroll hvr-bounce-to-bottom">Contact</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- //header -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<h3 class="w3l_head">PROPERTIES FOR SALE</h3>
<p class="w3ls_head_para">A few words about us</p>
<div class="w3l-grids-about">
<div class="col-md-5 w3ls-ab-right">
<div class="agile-about-right-img">
<img src="images/ab.jpg" alt="">
</div>
</div>
<div class="col-md-7 w3ls-agile-left">
<h2>Attractive home purchase offers </h2>
<h4>3 Bed Rooms</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac, suscipit nec mauris. Suspendisse commodo tempor sagittis,Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.Nam aliquam pretium feugiat</p>
<h4>$50.000</h4>
<a href="#" data-toggle="modal" data-target="#myModal1" class="read">Read More</a>
<!-- Modal1 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<img src="images/2.jpg" alt=" " class="img-responsive">
<h5>Donec lobortis pharetra dolor</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, rds which don't look even slightly believable..</p>
</div>
</div>
</div>
</div>
<!-- //Modal1 -->
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about-bottom -->
<!-- /property-grids -->
<div class="property-grids">
<div class="agile-homes-w3l grid">
<div class="col-md-6 home-agile-left">
<figure class="effect-moses">
<img src="images/a1.jpg" alt="" />
<figcaption>
<h4>PRo Property</h4>
<p>ATTRACTIVE HOME PURCHASE OFFERS</p>
</figcaption>
</figure>
</div>
<div class="col-md-6 home-agile-left">
<figure class="effect-moses">
<img src="images/a2.jpg" alt="" />
<figcaption>
<h4>PRo Property</h4>
<p>ATTRACTIVE HOME PURCHASE OFFERS</p>
</figcaption>
</figure>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //property-grids -->
<!-- /services -->
<div class="services" id="services">
<div class="container">
<h3 class="w3l_head">Our Services</h3>
<p class="w3ls_head_para">What we do</p>
<div class="agileinfo-wthree-grid-info">
<div class="col-md-5 serve-agile-wthree-text">
<h4>Services Info</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad assumenda fuga illo laudantium magni sed temporibus. Amet atque aut autem consectetur consequuntur dolorum enim error hic inventore molestiae nisi nostrum numquam optio perspiciatis provident.Ad assumenda fuga illo laudantium magni sed temporibus. Amet atque aut autem consectetur consequuntur.</p>
</div>
<div class="col-md-7 agile_banner_bottom_grids">
<div class="col-md-6 agile_banner_bottom_grid">
<div class="agile_banner_bottom_grid1 hvr-rectangle-out">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</div>
<h3>Service 1</h3>
<p>consectetur adipisicing elit magni sed
毕设&课设&大作业-领先房产交易响应式网页模板-适配移动端-HTML网站源码.zip
版权申诉
96 浏览量
2024-03-29
11:28:27
上传
评论
收藏 1.84MB ZIP 举报
DTcode7
- 粉丝: 3064
- 资源: 4062
最新资源
- 基于Matlab人脸肤色定理的教师人数统计+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab霍夫曼变换的表盘读数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab火灾烟雾检测源码带GUI界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的恶劣天气交通标志识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的霍夫曼变换的表盘示数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的车道线识别系统 +源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB 的霍夫曼变换答题卡识别源码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab+bp神经网络的神经网络汉字识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈