<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Celt - HTML Construction Website Template</title>
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700" rel="stylesheet">
<!-- Bootstrap -->
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
<!-- Owl Carousel -->
<link type="text/css" rel="stylesheet" href="css/owl.carousel.css" />
<link type="text/css" rel="stylesheet" href="css/owl.theme.default.css" />
<!-- Magnific Popup -->
<link type="text/css" rel="stylesheet" href="css/magnific-popup.css" />
<!-- Font Awesome Icon -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Custom stlylesheet -->
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Header -->
<header id="header">
<!-- Top Header -->
<div id="top-navbar" class="navbar">
<div class="container">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="text-link"><i class="fa fa-map-marker"></i><span>1673 Marietta Street</span></a></li>
<li><a href="#" class="text-link"><i class="fa fa-phone"></i><span>120 875 4578</span></a></li>
<li><a href="#" class="text-link"><i class="fa fa-envelope"></i><span>company@support.com</span></a></li>
</ul>
</div>
</div>
<!-- /Top Header -->
<!-- Main Header -->
<div id="main-navbar" class="navbar">
<div class="container">
<div class="navbar-header">
<!-- Logo -->
<div class="navbar-brand">
<a class="logo" href="index.html"><img src="img/logo.png" alt="logo"></a>
</div>
<!-- Logo -->
<!-- Mobile toggle -->
<button class="navbar-toggle-btn">
<span></span>
</button>
<!-- Mobile toggle -->
<!-- Mobile Search toggle -->
<button class="search-toggle-btn">
<i class="fa fa-search"></i>
</button>
<!-- Mobile Search toggle -->
</div>
<!-- Search -->
<div class="navbar-search">
<button class="search-btn"><i class="fa fa-search"></i></button>
<div class="search-form">
<form>
<input type="text" name="search" value="" placeholder="Search">
</form>
</div>
</div>
<!-- Search -->
<!-- Navigation -->
<ul class="main-navbar nav navbar-nav navbar-right">
<li class="has-dropdown"><a class="text-link" href="#"><span>Home</span></a>
<ul class="dropdown">
<li><a href="#">Home version 01</a></li>
<li><a href="#">Home version 02</a></li>
<li><a href="#">Home version 03</a></li>
</ul>
</li>
<li><a class="text-link" href="#"><span>About</span></a></li>
<li class="has-dropdown"><a class="text-link" href="#"><span>Projects</span></a>
<ul class="dropdown">
<li><a href="#">Single Project</a></li>
<li><a href="#">Project Detail</a></li>
</ul>
</li>
<li class="has-dropdown"><a class="text-link" href="#"><span>Services</span></a>
<ul class="dropdown">
<li><a href="#">Construction</a></li>
<li><a href="#">Renovation</a></li>
<li><a href="#">Architecture</a></li>
<li><a href="#">Painting</a></li>
<li><a href="#">Decorating</a></li>
<li><a href="#">Consulting</a></li>
</ul>
</li>
<li class="has-dropdown"><a class="text-link" href="#"><span>Blog</span></a>
<ul class="dropdown">
<li><a href="#">Blog page</a></li>
<li><a href="#">Blog post page</a></li>
</ul>
</li>
<li><a class="text-link" href="#"><span>Contact</span></a></li>
</ul>
<!-- Navigation -->
</div>
</div>
<!-- /Main Header -->
</header>
<!-- /Header -->
<!-- Home Section -->
<div id="home" class="banner-area">
<!-- Background Image -->
<div class="bg-img overlay" style="background-image:url('./img/background1.jpg')"></div>
<!-- /Background Image -->
<!-- home wrapper -->
<div class="home-wrapper">
<div class="container">
<div class="row">
<!-- home content -->
<div class="col-md-10 col-md-offset-1">
<h1>We Build Your Dream</h1>
<p class="lead">Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
<button class="secondary-button">Learn more</button>
</div>
<!-- /home content -->
</div>
</div>
</div>
<!-- /home wrapper -->
</div>
<!-- /Home Section -->
<!-- About Section -->
<div id="about">
<!-- About section 01 -->
<div class="section md-section">
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- about -->
<div class="col-md-4">
<div class="about">
<img src="./img/about1.jpg" alt="">
<h3>Certified Experience</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
<a href="#" class="text-link"><span>Read more</span></a>
</div>
</div>
<!-- /about -->
<!-- about -->
<div class="col-md-4">
<div class="about">
<img src="./img/about2.jpg" alt="">
<h3>The Great Teamwork</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
<a href="#" class="text-link"><span>Read more</span></a>
</div>
</div>
<!-- /about -->
<!-- about -->
<div class="col-md-4">
<div class="about">
<img src="./img/about3.jpg" alt="">
<h3>Modern Thechnology</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus.</p>
<a href="#" class="text-link"><span>Read more</span></a>
</div>
</div>
<!-- /about -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /About section 01 -->
<!-- About section 02 -->
<div class="section md-section bg-grey">
<!-- Half Background Image -->
<div class="bg-img bg-half overlay" style="background-image:url('./img/about4.jpg')"></div>
<!-- /Half Background Image -->
<!-- container -->
<div class="container">
<!-- row -->
<div class="row">
<!-- About content -->
<div class="col-md-offset-7 col-md-6">
<h4 class="sub-title">Subtitle</h4>
<h2 class="title">About Us</h2>
<p class="lead">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu</p>
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.</p>
</div>
<!-- /About content -->
</div>
<!-- /row -->
</div>
<!-- /container -->
</div>
<!-- /About section 02 -->
</div>
<!-- /About Section -->
<!-- Numbers Section -->
<div id="numbers" class
课设&大作业&毕设-建筑施工项目展示响应式网页模板-适配移动端-HTML源码.zip
版权申诉
62 浏览量
2024-03-29
11:36:47
上传
评论
收藏 3.99MB ZIP 举报
课设&大作业&毕设-建筑施工项目展示响应式网页模板-适配移动端-HTML源码.zip （42个子文件） 
课设&大作业&毕设-建筑施工项目展示响应式网页模板-适配移动端-HTML源码 html js 
jquery.magnific-popup.js 20KB bootstrap.min.js 36KB main.js 2KB owl.carousel.min.js 42KB jquery.min.js 84KB img 
background1.jpg 269KB about5.jpg 131KB post.jpg 3KB project1.jpg 178KB project3.jpg 239KB about1.jpg 92KB blog-post.jpg 608KB partner.jpg 3KB
logo.png 13KB logo-alt.png 9KB background2.jpg 538KB project4.jpg 58KB about4.jpg 136KB project2.jpg 259KB background3.jpg 646KB blog3.jpg 80KB about2.jpg 97KB avatar.png 3KB blog2.jpg 71KB post3.jpg 4KB post2.jpg 4KB about3.jpg 93KB blog1.jpg 68KB css style.css 29KB bootstrap.min.css 118KB owl.carousel.css 4KB owl.theme.default.css 1KB magnific-popup.css 7KB font-awesome.min.css 30KB
index.html 29KB blog.html 16KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
