<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<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="Foundry 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<link href='#css?family=Overlock:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!---- 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-top-->
<div class="header-top" id="home">
<div class="container">
<div class="header-top-main">
<div class="col-md-3 header-top-left">
<a href="index.html"><h1>FOUNDRY</h1></a>
</div>
<div class="col-md-7 header-top-left">
<ul>
<li><p>+ 1 808 000 3332</p></li>
<li><p><a href="mailto:example@email.com">mail@example.com</a></p></li>
</ul>
</div>
<div class="col-md-2 header-top-right">
<ul>
<li><a href="#"><span class="fb"> </span></a></li>
<li><a href="#"><span class="twit"> </span></a></li>
<li><a href="#"><span class="ggl"> </span></a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--header-top-->
<!--header-->
<div class="header">
<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>
<!-- 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">
<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span></a></li>
<li class="dropdown">
<a href="about.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="about.html">Testimonials</a></li>
<li><a href="faq.html">FAQs</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li><a href="404.html">Products</a></li>
<li class="dropdown">
<a href="careers.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Careers<span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="careers.html">Nullam eget</a></li>
<li><a href="careers.html">Aliquam fer</a></li>
<li><a href="careers.html">Cura bitur</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default"></button>
</form>
</div><!-- /.navbar-collapse -->
<!-- /.container-fluid -->
</nav>
</div>
</div>
<!--header-->
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-top">
<h1>Phasellus gravida lacus laoreet</h1>
<h2>Praesent ac sagittis lacus</h2>
<p>Cras lacinia vel diam quis ultrices. Nunc lobortis velit vitae gravida congue. Ut at enim nisl. Sed convallis odio non purus mattis lobortis non quis nisi.</p>
</div>
</div>
</div>
<!--banner-->
<!--welcome-->
<div class="welcome">
<div class="container">
<div class="welcome-text">
<div class="col-md-4 welcome-left">
<h3>WELCOME to our <span>SITE!</span></h3>
<a href="#"><h4>Cras lacinia vel diam quis ultrices. Nunc lobortis velit vitae gravida congue.</h4></a>
<div class="welcome-left-bottom">
<div class="col-md-6 w-left">
<img src="images/w-1.jpg" alt="" />
</div>
<div class="col-md-6 w-left">
<img src="images/w-2.jpg" alt="" />
</div>
<div class="clearfix"></div>
</div>
<p>Curabitur non mauris nisl. Quisque egestas luctus metus, et mattis augue semper non. Phasellus gravida lacus laoreet purus consequat, nec scelerisque sapien facilisis. Nam commodo nec augue vitae condimentum.</p>
</div>
<div class="col-md-4 welcome-left">
<h3>CARE & SUPPORT</h3>
<a href="#"><h4>Cras lacinia vel diam quis ultrices. Nunc lobortis velit vitae gravida congue.</h4></a>
<p>Curabitur non mauris nisl. Quisque egestas luctus metus, et mattis augue semper non. Phasellus gravida lacus laoreet purus consequat, nec scelerisque sapien facilisis. Nam commodo nec augue vitae condimentum.</p>
<ul>
<li><span>A.</span> <a href="#"><h5>Aliquam bibendum feugiat elit vitae pellentesque vitae gravida</h5></a></li>
<li><span>B.</span> <a href="#"><h5>Quisque maximus porta metus, porttitor tristique elit</h5></a></li>
<li><span>c.</span> <a href="#"><h5>Etiam dignissim odio sed imperdiet vestibulum Proin mattis</h5></a></li>
</ul>
</div>
<div class="col-md-4 welcome-left">
<h3>LATEST NEWS</h3>
<div class="w-one">
<div class="w-one-left">
<h6>MAY<span>13</span></h6>
</div>
<div class="w-one-right">
<div class="w-one-right-left">
<img src="images/w-3.jpg" alt="" />
</div>
<div class="w-one-right-right">
<a href="#"><h4>Vivamus lacus ipsum</h4></a>
<p>Phasellus gravida lacus laoreet purus consequat</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="w-one">
<div class="w-one-left">
<h6>JUNE<span>03</span></h6>
</div>
<div class="w-one-right">
<div class="w-one-right-left">
<img src="images/w-5.jpg" alt="" />
</div>
<div class="w-one-right-right">
<a href="#"><h4>Vivamus lacus ipsum</h4></a>
<p>Phasellus gravida lacus laoreet purus consequat</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="w-one">
<div class="w-one-left">
<h6>JULY<span>29</span></h6>
</div>
<div class="w-one-right">
<div class="w-one-right-left">
<img src="images/w-4.jpg" alt="" />
</div>
<div class="w-one-right-right">
<a href="#"><h4>Vivamus lacus ipsum</h4></a>
<p>Phasellus gravida lacus
没有合适的资源?快使用搜索试试~ 我知道了~
土木工程公司网站模板是一款建筑施工HTML5网站整站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
共68个文件
jpg:33个
png:10个
html:7个
1 下载量 159 浏览量
2023-08-05
15:35:05
上传
评论 1
收藏 1.3MB RAR 举报
温馨提示
土木工程公司网站模板是一款建筑施工HTML5网站整站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar
资源推荐
资源详情
资源评论
收起资源包目录
土木工程公司网站模板是一款建筑施工HTML5网站整站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar (68个子文件)
土木工程公司网站模板是一款建筑施工HTML5网站整站模板下载。
moban559
faq.html 8KB
js
bootstrap.js 66KB
responsiveslides.min.js 3KB
jquery.chocolat.js 10KB
easing.js 5KB
jquery-1.11.0.min.js 94KB
move-top.js 1KB
owl.carousel.js 37KB
css
style.css 53KB
owl.carousel.css 8KB
bootstrap.css 138KB
chocolat.css 2KB
404.html 6KB
services.html 11KB
index.html 13KB
contact.html 7KB
about.html 12KB
images
about-1.jpg 55KB
i-3.jpg 40KB
b1.jpg 30KB
project-1.jpg 30KB
test-3.png 34KB
banner-1.jpg 147KB
team-5.jpg 30KB
b2.jpg 39KB
w-3.jpg 5KB
w-2.jpg 7KB
project-4.jpg 36KB
arrow.png 3KB
w-4.jpg 5KB
project-8.jpg 31KB
right.gif 67B
quote.png 3KB
social-icons.png 4KB
text-2.png 31KB
i-2.jpg 56KB
s-1.jpg 16KB
b3.jpg 26KB
project-5.jpg 42KB
left.gif 68B
search.png 3KB
s-4.jpg 15KB
project-9.jpg 24KB
footer-banner.jpg 32KB
w-5.jpg 6KB
s-2.jpg 11KB
project-10.jpg 32KB
c-1.jpg 40KB
w-1.jpg 8KB
arw.png 3KB
s-3.jpg 12KB
project-2.jpg 27KB
team-1.jpg 23KB
project-3.jpg 20KB
test-1.png 34KB
team-2.jpg 18KB
top-arrow.png 4KB
i-1.jpg 48KB
team-4.jpg 31KB
project-7.jpg 23KB
project-6.jpg 24KB
nav-icon.png 4KB
careers.html 11KB
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
共 68 条
- 1
资源评论
woisking2
- 粉丝: 12
- 资源: 6722
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功