<!--A Design by W3layouts
Author: W3layout
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="zxx">
<head>
<title>Roof Houses a Real Estate Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Roof Houses Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web Template,
Smartphone Compatible web Template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
},
false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- bootstrap style sheet -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- fontawesome -->
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<!-- gallery css -->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<!-- stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<link href="//fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>
<body>
<!-- nav -->
<header>
<nav class="navbar navbar-expand-lg navbar-light">
<h1><a class="navbar-brand" href="index.html">Roof Houses</a></h1>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link scroll" href="index.html">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#services">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#team">TEAM</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#gallery">GALLERY</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#stats">STATS</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#news">NEWS</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact">CONTACT</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- //nav -->
<!-- banner -->
<div class="banner">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block" src="images/b1.jpg" alt="First slide">
<div class="carousel-caption ">
<h5>Modern Houses</h5>
<p>Lorem Ipsum is simply dummy text</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block" src="images/b2.jpg" alt="Second slide">
<div class="carousel-caption ">
<h5>Modern Villas</h5>
<p>Lorem Ipsum is simply dummy text</p>
</div>
</div>
<div class="carousel-item">
<img class="d-block" src="images/b3.jpg" alt="Third slide">
<div class="carousel-caption">
<h5>Modern Apartments</h5>
<p>Lorem Ipsum is simply dummy text</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about py-lg-5 py-md-4 py-3" id="about">
<div class="container py-sm-5 py-4">
<div class="row">
<div class="col-md-6 col-sm about-left">
<img src="images/ab.jpg" alt="image" />
</div>
<div class="col-md-6 col-sm about-right">
<div class="title-heading-about">
<h3>ABOUT US</h3>
<h4>ABOUT</h4>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text.</p>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary more-button" data-toggle="modal" data-target="#exampleModal33">
MORE INFO
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal33" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/ab.jpg" alt="image" />
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's
standard dummy text.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about -->
<!-- services -->
<section class="services py-lg-5 py-md-4 py-3" id="services">
<div class="container py-sm-5 py-4">
<div class="title-heading text-center mb-sm-5 mb-4">
<h3>SERVICE</h3>
<h4>SERVICE</h4>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 agileits_banner_bottom_left">
<div class="agileinfo_banner_bottom_pos">
<div class="row w3_agileits_banner_bottom_pos_grid">
<div class="col-3 wthree_banner_bottom_grid_left">
<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
<i class="fab fa-steam" aria-hidden="true"></i>
</div>
</div>
<div class="col-9 wthree_banner_bottom_grid_right">
<h4 class="sub_service_agileits text-uppercase mb-2">Modern Houses</h4>
<p class="mb-2">Morbi viverra lacus commodo felis semper, eu iaculis lectus feugiat egestas erat.</p>
<div class="agileits-button two service">
<a class="btn btn-primary btn-lg text-uppercase" href="#" data-toggle="modal" data-target="#exampleModal33" role="button">Read More »</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 agileits_banner_bottom_left mt-md-0 mt-4">
<div class="agileinfo_banner_bottom_pos">
<div class="row w3_agileits_banner_bottom_pos_grid">
<div class="col-3 wthree_banner_bottom_grid_left">
<div class="agile_banner_bottom_grid_left_grid hvr-radial-out text-center">
<i class="fa fa-ro
课设&大作业&毕设-现代屋顶房项目动态响应式网页模板-适配移动端-HTML源码.zip
版权申诉
60 浏览量
2024-03-29
11:37:30
上传
评论
收藏 3.48MB ZIP 举报
课设&大作业&毕设-现代屋顶房项目动态响应式网页模板-适配移动端-HTML源码.zip （65个子文件） 
课设&大作业&毕设-现代屋顶房项目动态响应式网页模板-适配移动端-HTML源码 html js 
jquery.waypoints.min.js 9KB jquery.prettyPhoto.js 21KB jquery.min.v3.js 84KB bootstrap.min.js 48KB SmoothScroll.min.js 13KB jquery.vide.min.js 4KB jquery-1.7.2.js 93KB jquery.countup.js 3KB easing.js 5KB move-top.js 1KB script.js 1KB jquery.quicksand.js 14KB webfonts fa-brands-400.woff 62KB fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB fa-solid-900.woff 49KB fa-solid-900.eot 104KB fa-solid-900.ttf 103KB fa-brands-400.woff2 53KB fa-regular-400.woff2 12KB fa-brands-400.eot 96KB fa-regular-400.eot 30KB fa-regular-400.woff 14KB fa-regular-400.svg 105KB fa-regular-400.ttf 30KB fa-solid-900.woff2 39KB fa-solid-900.svg 382KB css style.css 23KB bootstrap.min.css 141KB prettyPhoto.css 16KB fontawesome-all.min.css 34KB
index.html 36KB images 
g3.jpg 13KB g2.jpg 17KB b1.jpg 353KB b2.jpg 214KB
arrow.png 3KB g8.jpg 11KB n1.jpg 121KB t3.jpg 26KB n4.jpg 148KB b3.jpg 317KB g7.jpg 14KB g6.jpg 19KB t1.jpg 15KB g11.jpg 25KB sprite.png 4KB n5.jpg 80KB g12.jpg 15KB n3.jpg 113KB t4.jpg 16KB g10.jpg 18KB g5.jpg 22KB n6.jpg 124KB prettyPhoto light_rounded sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB t2.jpg 19KB g4.jpg 19KB ab.jpg 37KB g1.jpg 16KB n2.jpg 133KB g9.jpg 18KB contact.jpg 96KB video 
1.mp4 592KB资源评论
DTcode7
- 粉丝: 6226
- 资源: 4306
最新资源
- mysql语句大全及用法
- Online Maps v3 3.7.15版本
- OpenGL渲染引擎-设计与实践
- meta-llama-3-8b-instruct 的 model-00001-of-00004.safetensors 的1/3
- C# yolov8 TensorRT +ByteTrack Demo.rar
- WX小程序源码无后台同城拼车(完整带PHP后台)
- 基于Swift的空气质量监测应用设计源码 - BadAir
- java开发的基于kafka、xlog的web日志实时分析storm topology
- k8s1.20.4-高可用集群部署-新增项目-kubernetes安装包和详细文档笔记整理
- 基于UC3842-S开关电源PDF原理图+反激开关电源全套学习教程资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
