<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- Custom Theme files -->
<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="Immovable Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<link href="css/gallery.css" rel='stylesheet' type='text/css' />
<!-- //js -->
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,600,700,800,400' rel='stylesheet' type='text/css'>
<!--/fonts-->
<!-- 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>
<!--//end-smoth-scrolling-->
</head>
<body>
<!--banner-->
<div class="banner">
<!--header-->
<div class="headder">
<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>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about" class="scroll">About us</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
</nav>
<div class="logo">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" /></a>
</div>
<div class="header-right-text">
<h3>Call Us:<span>(800)</span><i>1444 000 4040</i></h3>
</div>
<div class="search-bar">
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
<input type="submit" value="">
</div>
<div class="clearfix"> </div>
</div>
<!--//header-->
<h1>IMMOVABLE</h1>
</div>
<!--//banner-->
<!--about-->
<div class="about" id="about">
<div class="container">
<h6>About Us</h6>
<div class="about-grids">
<div class="col-md-6 about-info">
<img src="images/img1.jpg" alt=""/>
</div>
<div class="col-md-6 about-info">
<h3>Real Estate Info</h3>
<p>A wonderful designs has takenpossession of lorem Ipsum is simply dummy text of the printing and typesetting industry In sit amet sapien eros Integer in tincidunt labore et dolore magna aliqua remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.</p>
<p class="ab-text">A wonderful designs has takenpossession of lorem Ipsum It has survived not only five centuries, but also the leap into electronic typesetting, is simply dummy text of the printing and typesetting industry It was popularised in the 1960s with the release </p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--/abouot-->
<!--services-->
<div class="services" id="services">
<!-- container -->
<div class="container">
<h6>Our Services</h6>
<div class="serve-grids">
<div class="serve-grids-top">
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-modal-window"> </i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-tent"> </i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-asterisk"> </i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-map-marker"> </i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
</div>
<!--/services-->
<!--spl-grid-->
<div class="container">
<div class="banner-bottom2">
<div class="banner-bottom-right1">
<div class="banner-bottom-right-info">
<h2 class="voluptatum">exercitation voluptatum</h2>
<p class="quis">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat.</span></p>
<a href="#" class="hvr-rectangle-in"><i class="glyphicon glyphicon-chevron-right"> </i></a>
</div>
<div class="cate Nam">
<h2>Categories</h2>
<ul>
<li><a href="#">Placeat facere possimus voluptas assumenda</a></li>
<li><a href="#">Voluptatibus maiores alias aut perferendis</a></li>
<li><a href="#">Itaque earum rerum hic tenetur a sapiente</a></li>
<div class="no-text">
<li><a href="#">Consequatur aut perferendis doloribus</a></li>
<li><a href="#">Distinctio. Nam libero cum soluta nobis</a></li>
<li><a href="#">Reiciendis voluptatibus maiores consequatur</a></li>
</div>
</ul>
</div>
</div>
<div class="banner-bottom-left1">
<div class="banner-bottom-left-grids">
<div class="banner-bottom-left-grid iusto">
<img src="images/4.jpg" alt=" " class="mnb img-responsive">
<div class="cap1 cum">
<span> </span>
</div>
</div>
<div class="banner-bottom-left-grid txt1">
<h3>Nemo enim ipsam voluptatem quia aspernatur</h3>
<p class="asd">At vero eos et accusamus et iusto odio dignissimos ducimus
qui blanditiis praesentium voluptatum deleniti atque.<span>
Duis aute irure dolor in cum soluta voluptatibus maiores
consequatur nobis voluptate repudiandae sint et molestiae.</span></p>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
建筑类网站H5页面模板.zip (37个子文件)
建筑类网站H5页面模板
js
bootstrap.js 66KB
jquery.swipebox.min.js 7KB
easing.js 5KB
move-top.js 1KB
jquery-1.11.1.min.js 94KB
说明.htm 3KB
css
style.css 30KB
bootstrap.css 138KB
swipebox.css 4KB
gallery.css 5KB
index.html 18KB
images
g3.jpg 24KB
g2.jpg 22KB
g8.jpg 22KB
icon1.png 3KB
6.jpg 16KB
banner.jpg 574KB
logo.png 5KB
map.jpg 26KB
move-up.png 3KB
g7.jpg 19KB
search.png 3KB
g6.jpg 31KB
5.jpg 10KB
img1.jpg 38KB
icons.svg 1KB
g5.jpg 23KB
g4.jpg 25KB
mid-bg.jpg 31KB
g1.jpg 20KB
g9.jpg 32KB
4.jpg 10KB
fonts
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
共 37 条
- 1
资源评论
wuxiao2882
- 粉丝: 4
- 资源: 20
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功