<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</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="" />
<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 href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<!--<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">-->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!--light-box-files -->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<!--//light-box-files -->
<script type="text/javascript">
$(function() {
$('.gallery a').Chocolat();
});
</script>
<!-- //js -->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 1000,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!--Header-->
<div class="header">
<!--Top-Bar-->
<div class="top-bar">
<div class="container">
<div class="header-nav">
<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>
<h1><a class="navbar-brand" href="index.html">Real Plot</a></h1>
</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="linkEffects linkHoverEffect_12">
<ul>
<li><a class="active" href="index.html"><span>Home</span></a></li>
<li><a class="scroll" href="#about"><span>About</span></a></li>
<li><a class="scroll" href="#service"><span>Services</span></a></li>
<li><a class="scroll" href="#team"><span>Team</span></a></li>
<li><a class="scroll" href="#gallery"><span>Gallery</span></a></li>
<li><a class="scroll" href="#contact"><span>Contact</span></a></li>
</ul>
</nav>
</div>
</nav>
</div>
</div>
</div>
<!--//Top-Bar-->
<!--Slider-->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="slider-img">
<img src="images/banner1.jpg" class="img-responsive" alt="Real Plot">
</div>
<div class="slider-info">
<span class="italic">Neque porro quisquam </span>
<h4> Integer nec enim venenatis.</h4>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/banner2.jpg" class="img-responsive" alt="Real Plot">
</div>
<div class="slider-info">
<span class="italic"> Pellentesque posuere</span>
<h4> Nulla ac euismod libero.</h4>
<h3>Quis nostrud exercitation </h3>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam molestiae.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/banner3.jpg" class="img-responsive" alt="Real Plot">
</div>
<div class="slider-info">
<span class="italic">Aenean sagittis convallis</span>
<h4> Integer nec enim venenatis.</h4>
<h3>Cupidatat non proident sunt</h3>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
</div>
</li>
<li>
<div class="slider-img">
<img src="images/banner4.jpg" class="img-responsive" alt="Real Plot">
</div>
<div class="slider-info">
<span class="italic">Pellentesque posuere</span>
<h4> Nulla ac euismod libero.</h4>
<h3>Voluptate velit esse</h3>
<p>Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam molestiae.</p>
</div>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<!--//Slider-->
</div>
<!--//Header-->
<!--offer-->
<div class="offer-w3layouts" id="about">
<div class="container">
<div class="offer-header-agile">
<h3 class="tittle">what we <span>offer</span></h3>
<p>we offer our customers the best services & solutions, this is our main services list</p>
</div>
<div class="row">
<div class="col-md-4 offer-grid ">
<div class="icon">
<i class="fa fa-star-o" aria-hidden="true"></i>
</div>
<h4>Lorem ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut metus sit amet magna vehicula eleifend in in urna.</p>
<div class="readmore-w3"><a class="readmore" href="#" data-toggle="modal" data-target="#myModal2">Read More</a></div>
<!-- Modal2 -->
<div class="modal fade" id="myModal2" 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>
<h4>Aenean sagittis</h4>
<h5>Lorem Ipsum</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, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 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 which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
</div>
</div>
</div>
</div>
<!-- //Modal2 -->
</div>
<div
没有合适的资源?快使用搜索试试~ 我知道了~
私人别墅设计公司免费模板是一款房地产建筑设计开发公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar
共52个文件
jpg:17个
js:8个
css:5个
0 下载量 26 浏览量
2023-08-05
14:42:29
上传
评论
收藏 2.01MB RAR 举报
温馨提示
私人别墅设计公司免费模板是一款房地产建筑设计开发公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar
资源推荐
资源详情
资源评论
收起资源包目录
私人别墅设计公司免费模板是一款房地产建筑设计开发公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar (52个子文件)
私人别墅设计公司免费模板是一款房地产建筑设计开发公司网站模板下载。
moban1555
js
responsiveslides.min.js 3KB
bootstrap-3.1.1.min.js 28KB
jquery.chocolat.js 10KB
jquery.hoverdir.js 5KB
easing.js 5KB
move-top.js 1KB
modernizr.custom.js 8KB
jquery-2.1.4.min.js 82KB
css
style.css 50KB
common.css 310B
bootstrap.css 138KB
font-awesome.min.css 28KB
chocolat.css 2KB
index.html 25KB
images
left-arrow.png 1KB
gallery3.jpg 40KB
Thumbs.db 211KB
gallery4.jpeg 65KB
banner4.jpg 99KB
gallery7.jpg 49KB
closew.gif 70B
blog1.jpeg 23KB
t3.jpg 14KB
banner3.jpg 120KB
leftw.gif 68B
blog3.jpg 7KB
t1.jpg 15KB
right-arrow.png 1KB
t4.jpg 16KB
banner1.jpg 205KB
blog2.jpg 20KB
gallery2.jpg 29KB
arr.png 513B
t2.jpg 16KB
gallery5.jpg 38KB
gallery1.jpg 39KB
price.jpg 56KB
gallery6.jpeg 48KB
rightw.gif 67B
banner2.jpg 205KB
left.jpg 91KB
fonts
FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 75KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB
fontawesome-webfont.ttf 149KB
共 52 条
- 1
资源评论
qq_41146932
- 粉丝: 8
- 资源: 6308
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功