<!--
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>The Display bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!--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-->
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<!--logo-->
<div class="header-top">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" /></a>
</div>
<!--top-nav-->
<div class="top-icons">
<ul>
<li><a class="twitter" href="#"><span> </span></a></li>
<li><a class="fb" href="#"><span> </span></a></li>
<li><a class="rss" href="#"><span> </span></a></li>
<li><a class="p" href="#"><span> </span></a></li>
<li><a class="gp" href="#"><span> </span></a></li>
<li><a class="db" href="#"><span> </span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
});
</script>
<!--End-top-nav-script-->
<div class="clearfix"> </div>
</div>
<!--/header-->
</div>
<!--banner-->
<div class="banner">
<div class="banner-picture">
</div>
</div>
<div class="banner-sub-head">
<div class="container">
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu eratiuy lacus, vel congue mauris. Fusce velitaria justo, faucibus eu.</h1>
<div class="browse-button">
<a class="slide-btn" href="#">Browse Portfolio</a>
</div>
</div>
</div>
<!--/End-banner-->
<!--start-video-->
<div id="video" class="video">
<div class="container">
<div class="video-grids">
<div class="col-md-5 video-grid">
<div class="video">
<iframe src="http://www.youtube.com/embed/Zoj5QBmQBC8" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="col-md-7 video-grid text">
<h2>Get To Know Us a Little Better!</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu erat lacus, vel congue mauris. Fusce velit justo, faucibus eu sagittis ac, gravida quis tortor. Suspendisse non urna mi, quis tincidunt eros. Nullam tellus turpis, fringilla sit amet congue ut, luctus a nulla. Donec sit amet sapien neque, id ullamcorper diam. Nulla facilisi. Pellentesque pellentesque arcu a elit congue lacinia.</p>
<span>Nullam tellus turpis, fringilla sit amet congue ut, luctus a nulla. Donec sit amet sapien neque, id ullamcorper diam. Nulla facilisi. Pellentesque pellentesque arcu a elit congue lacinia.</span>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---/video-->
<!--start-projects-->
<div id="projects" class="Projects">
<div class="container">
<div class="projects-head">
<h3>A Couple of Our Featured Projects</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu erat lacus, vel congue mauris. Fusce velit justo, faucibus eu sagittis ac, gravida quis tortor. Suspendisse non urna mi, quis tincidunt eros.</p>
</div>
</div>
<!----sreen-gallery-cursual---->
<div class="sreen-gallery-cursual">
<!-- requried-jsfiles-for owl -->
<link href="./css/owl.carousel.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items :4,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : true,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo" class="owl-carousel">
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="./images/pic1.png" />
<div class="caption">
<span> </span>
</div>
</div>
</div>
</div>
<!----->
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="./images/pic2.png" />
<div class="caption">
<span> </span>
</div>
</div>
</div>
</div>
<!----->
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="./images/pic3.png" />
<div class="caption">
<span> </span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="./images/pic4.png" />
<div class="caption">
<span> </span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="item-grid">
<div class="item-pic">
<img src="./images/pic5.png" />
<div class="c
HTML网站源码-显示屏效果网页模板-适配移动端&PC端.zip
版权申诉
156 浏览量
2024-03-30
11:52:12
上传
评论
收藏 2.28MB ZIP 举报
HTML网站源码-显示屏效果网页模板-适配移动端&PC端.zip （132个子文件） 
bootstrap.css 118KB style.css 29KB style.css 15KB style.css 12KB owl.carousel.css 9KB owl.carousel.css 8KB component.css 7KB component.css 4KB component.css 4KB
index.html 14KB index.html 12KB work.html 10KB about.html 9KB work.html 9KB contact.html 8KB contact.html 7KB about.html 7KB index.html 5KB about.html 5KB contact.html 5KB work.html 4KB
p2.jpg 68KB p6.jpg 63KB p5.jpg 61KB p4.jpg 52KB p2.jpg 24KB p6.jpg 23KB p5.jpg 20KB p4.jpg 19KB p2.jpg 13KB p6.jpg 13KB p5.jpg 12KB p4.jpg 12KB pic6.jpg 12KB jquery.min.js 91KB jquery.min.js 91KB owl.carousel.js 37KB owl.carousel.js 37KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB hover_pack.js 12KB hover_pack.js 12KB jquery.wmuSlider.js 12KB jquery.wmuSlider.js 12KB modernizr.custom.js 8KB modernizr.custom.js 8KB modernizr.custom.28468.js 7KB modernizr.custom.28468.js 7KB easing.js 5KB easing.js 5KB classie.js 2KB classie.js 2KB move-top.js 1KB move-top.js 1KB menu.js 1KB menu.js 1KB cbpViewModeSwitch.js 1004B cbpViewModeSwitch.js 1004B
p9.png 257KB ab-pic.png 179KB p7.png 139KB p1.png 113KB pic1.png 94KB p3.png 88KB p8.png 82KB pic4.png 68KB p9.png 56KB pic2.png 55KB pic5.png 54KB ab-pic.png 53KB banner.png 49KB pic3.png 35KB p7.png 33KB p1.png 28KB video.png 27KB pic1.png 26KB map.png 26KB pic4.png 22KB bg-pic.png 21KB p3.png 21KB icons.png 19KB icons.png 19KB icons.png 19KB p8.png 19KB p9.png 18KB pic2.png 18KB pic5.png 17KB banner.png 14KB p7.png 13KB banner.png 13KB ab-pic.png 12KB pic3.png 11KB p1.png 11KB top-icons.png 10KB pic5.png 10KB pic1.png 8KB pic4.png 8KB p3.png 7KB p8.png 7KB pic2.png 6KB共 132 条
- 1
- 2
资源评论
