<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Enhance an Interior Category Flat Bootstrap Responsive Website Template | Home :: W3layouts</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="Enhance a Responsive Web Template, Bootstrap Web Templates, Flat Web Templates, Android Compatible Web Template, Smartphone Compatible Web Template, Free Webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //For-Mobile-Apps -->
<!-- Custom-Stylesheet-Links -->
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/lightbox.css">
<!-- //Custom-Stylesheet-Links -->
<!-- Web-Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Acme' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
<!-- //Web-Fonts -->
</head>
<body>
<div class="banner" id="banner">
<div class="header">
<div class="container">
<div class="logo">
<a href="#"><h2>E</h2></a>
</div>
<!-- Navigation -->
<div class="menu">
<div class="container">
<button class="btn-nav">
<div class="bar arrow-top-r"></div>
<div class="bar arrow-middle-r"></div>
<div class="bar arrow-bottom-r"></div>
</button>
<nav class="nav-container hidden hideNav">
<ul class="nav-list">
<li class="list-item"><a class="scroll" href="#banner"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
<li class="list-item"><a class="scroll" href="#services"><span class="glyphicon glyphicon-cog" aria-hidden="true"></a></li>
<li class="list-item"><a class="scroll" href="#portfolio"><span class="glyphicon glyphicon-picture" aria-hidden="true"></a></li>
<li class="list-item"><a class="scroll" href="#team"><span class="glyphicon glyphicon-user" aria-hidden="true"></a></li>
<li class="list-item"><a class="scroll" href="#contact"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></a></li>
</ul>
</nav>
</div>
</div>
<!-- //Navigation -->
<div class="clearfix"></div>
</div>
</div>
<div class="bannertext">
<h1>Enhance</h1>
<label class="headline"></label>
<p>Simplicity is Good<p>
</div>
<div class="learn">
<a href="#" data-toggle="modal" data-target="#myModalb">LEARN MORE</a>
</div>
<div id="myModalb" class="modal fade" 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>
</div>
<div class="modal-body">
<h3>Enhance</h3>
<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
</div>
</div>
</div>
</div>
</div>
<div class="about" id="about">
<div class="container">
<div class="col-md-6 col-sm-6 about-left">
<h3>OUR BEGINNING</h3>
<h6>Contrary to popular belief</h6>
<label class="about-line"></label>
<p>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. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
<p class="w3l"> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
<a href="#portfolio" class="scroll">SEE PORTFOLIO</a>
</div>
<div class="col-md-6 col-sm-6 about-right">
<img src="images/a1.jpg" alt="" />
</div>
</div>
</div>
<div class="services" id="services">
<div class="container">
<div class="services-header">
<h3>SERVICES</h3>
<h5>Contrary to popular belief</h5>
<label class="services-line"></label>
<h6>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</h6>
</div>
<div class="col-md-3 col-sm-3 service-grid1">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal">READ MORE</a>
</div>
<div class="col-md-3 col-sm-3 service-grid2">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal1">READ MORE</a>
</div>
<div class="col-md-3 col-sm-3 service-grid3">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal2">READ MORE</a>
</div>
<div class="col-md-3 col-sm-3 service-grid4">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal3">READ MORE</a>
</div>
<div class="col-md-6 col-sm-6 service-grid5">
<h4>Standard chunk</h4>
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden. </p>
<a href="#" data-toggle="modal" data-target="#myModal4">READ MORE</a>
</div>
<div class="col-md-3 col-sm-3 service-grid6">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal5">READ MORE</a>
</div>
<div class="col-md-3 col-sm-3 service-grid7">
<h4>Standard chunk</h4>
<p>The generated Lorem Ipsum is free from repetition.</p>
<a href="#" data-toggle="modal" data-target="#myModal6">READ MORE</a>
</div>
<div class="clearfix"></div>
<div id="myModal" class="modal fade" 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>
</div>
<div class="modal-body">
<img src="images/m1.jpg" alt="" />
<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
</div>
</div>
</div>
</div>
<div id="myModal1" class="modal fade" role="dialog">
<div class="modal-dialog">
毕设&课设&大作业-空间设计团队响应式网页模板-适配移动端-HTML网站源码.zip
版权申诉
13 浏览量
2024-03-29
11:28:16
上传
评论
收藏 1.78MB ZIP 举报
毕设&课设&大作业-空间设计团队响应式网页模板-适配移动端-HTML网站源码.zip （62个子文件） 
毕设&课设&大作业-空间设计团队响应式网页模板-适配移动端-HTML网站源码 html js 
bootstrap.js 66KB jquery-func.js 350B lightbox-plus-jquery.min.js 91KB easyResponsiveTabs.js 6KB jquery.min.js 90KB css style.css 24KB bootstrap.css 144KB font-awesome.min.css 27KB nav.css 7KB lightbox.css 4KB
index.html 29KB images 
p20.jpg 13KB m4.jpg 61KB servicesbg2.jpg 49KB p30.jpg 18KB p26.jpg 16KB s1.jpg 41KB
prev.png 1KB m1.jpg 67KB s2.jpg 48KB arrow.png 3KB m7.jpg 71KB a1.jpg 78KB t3.jpg 24KB p27.jpg 11KB p22.jpg 17KB p16.jpg 14KB p4.jpg 20KB m2.jpg 79KB p6.jpg 13KB contactbg2.jpg 28KB next.png 1KB p21.jpg 18KB m5.jpg 68KB t1.jpg 25KB p12.jpg 17KB t4.jpg 28KB p19.jpg 13KB img-sprite.png 12KB close.png 280B p11.jpg 15KB m3.jpg 68KB carrow.png 3KB p7.jpg 45KB t2.jpg 27KB p2.jpg 21KB p28.jpg 13KB m6.jpg 154KB p3.jpg 23KB s3.jpg 34KB p5.jpg 16KB testimonialsbg.jpg 37KB p17.jpg 16KB banner2.jpg 241KB p18.jpg 21KB p1.jpg 17KB 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 fontawesome-webfont.ttf 139KB资源评论
