<!--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>
<head>
<title>Birdview Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
<!--theme-style-->
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<!--script-->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
});
});
</script>
</head>
<body>
<!--header-->
<div class="header">
<div class="slider">
<ul class="rslides" id="slider1">
<li>
<img src="./images/banner.jpg" alt="">
<div class="header-matter">
<h2>we.<span>make</span></h2>
<label class="make"> </label>
<div class="matter-we">
<a class="we-better" href="#">
<span> </span>
</a>
<div class=" better">
<h4>your</h4>
<label>business better</label>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li><img src="./images/banner1.jpg" alt="">
<div class="header-matter">
<h2>we.<span>make</span></h2>
<label class="make"> </label>
<div class="matter-we">
<a class="we-better" href="#">
<span> </span>
</a>
<div class=" better">
<h4>your</h4>
<label>business better</label>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li><img src="./images/banner.jpg" alt="">
<div class="header-matter">
<h2>we.<span>make</span></h2>
<label class="make"> </label>
<div class="matter-we">
<a class="we-better" href="#">
<span> </span>
</a>
<div class=" better">
<h4>your</h4>
<label>business better</label>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
</ul>
</div>
<!---->
<div class="top-header">
<div class="container">
<div class="logo">
<a href="#"><img src="./images/logo.png" alt="" /></a>
</div>
<div class="top-nav">
<label class="menu"> </label>
<ul>
<li class="active"><a href="#home" class="scroll">home<span class="home"> </span></a></li>
<li><a href="#about" class="scroll">about us <span class="us-box"> </span></a></li>
<li><a href="#portfolio" class="scroll">portfolio <span class="port-box"> </span></a></li>
<li><a href="#blog" class="scroll">blog <span class="blog-box"> </span></a></li>
<li><a href="#contact" class="scroll">contact <span class="tack-box"> </span></a></li>
</ul>
<!-- script-nav -->
<script>
$("label.menu").click(function(){
$(".top-nav ul").slideToggle(700, function(){
});
});
</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>
<!-- //script-nav -->
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//header-->
<!--content-->
<div class="content">
<div class="global-design" id="about">
<div class="container">
<div class=" idea-get">
<a href="#"><img src="./images/ca.png" alt="" /></a>
<h4>GET IDEA</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class=" idea-get">
<a href="#"><img src="./images/gla.png" alt="" /></a>
<h4>GET IDEA</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class=" idea-get we-get-grid">
<a href="#"><img src="./images/glo.png" alt="" /></a>
<h4>GET IDEA</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="portfolio" id="portfolio">
<div class="container">
<div class="portfolio-top">
<h3>SHOWCASING YOUR PORTFOLIO</h3>
<img class="img-responsive line-grid" src="./images/li-1.png" alt=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <a class="base-line" href="#">incididunt ut labore</a> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a class="base-line" href="#">exercitation</a> ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div class="portfolio-bottom">
<div class=" portfolio-tin">
<img class="img-responsive phone-red" src="./images/1.jpg" alt="" />
<div class="arrow-place">
<p>placerat ligula tincidunt</p>
<span> </span>
</div>
</div>
<div class=" portfolio-tin">
<img class="img-responsive phone-red" src="./images/2.jpg" alt="" />
<div class="arrow-place">
<p>placerat ligula tincidunt</p>
<span> </span>
</div>
</div>
<div class=" portfolio-tin">
<img class="img-responsive phone-red" src="./images/3.jpg" alt="" />
<div class="arrow-place">
<p>placerat ligula tincidunt</p>
<span> </span>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="bottom-portfolio">
<a href="#">view all <b>our work</b> </a>
<img class="img-responsive grid-line" src="./images/li-2.png" alt=""/>
</div>
</div>
</div>
<!---->
<div class="possible">
<div class="container">
<div class="possible-top">
<h3>EXPLORE GRATE POSSIBILIIES</h3>
<img class="img-responsive line-grid" src="./images/li-1.png" alt=""/>
</div>
<div class="possible-bottom">
<div class="col-md-4 possible-sed">
<p>Sed ut perspiciatis unde omnis iste natus error sit<a class="base-line" href="#"> voluptatem accusantium</a> doloremque laudantium, totam rem aperiam,<a
网站模板-小鸟视觉团队日志响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
156 浏览量
2024-03-25
08:46:19
上传
评论
收藏 2.1MB ZIP 举报
网站模板-小鸟视觉团队日志响应式网页模板-适配移动端界面-HTML源码.zip （116个子文件） 
bootstrap.css 118KB style.css 19KB style.css 12KB style.css 8KB Thumbs.db 141KB Thumbs.db 138KB Thumbs.db 138KB
index.html 23KB index.html 16KB index.html 9KB
bb.jpg 205KB banner1.jpg 82KB 3.jpg 72KB 3.jpg 72KB banner-img.jpg 70KB banner-img.jpg 70KB men.jpg 65KB 2.jpg 63KB banner2.jpg 59KB 1.jpg 57KB men.jpg 49KB pic1.jpg 48KB 11.jpg 43KB pic.jpg 43KB bb.jpg 36KB bb.jpg 36KB pic1.jpg 34KB pic2.jpg 33KB 1.jpg 32KB 2.jpg 32KB banner1.jpg 30KB banner1.jpg 30KB pic1.jpg 28KB men.jpg 27KB pic2.jpg 24KB banner.jpg 24KB banner.jpg 24KB banner.jpg 23KB pic2.jpg 20KB 1.jpg 20KB 2.jpg 18KB bl-ph.jpg 16KB bl-ph-1.jpg 14KB pi-2.jpg 13KB pi-1.jpg 12KB pi-1.jpg 12KB pi-1.jpg 12KB pi.jpg 12KB pi.jpg 12KB pi.jpg 12KB pi-3.jpg 11KB han4.jpg 7KB han4.jpg 7KB han.jpg 7KB han.jpg 7KB han.jpg 7KB han1.jpg 6KB han1.jpg 6KB han1.jpg 6KB han7.jpg 6KB han7.jpg 6KB han3.jpg 6KB han3.jpg 6KB han3.jpg 6KB han6.jpg 5KB han6.jpg 5KB han2.jpg 5KB han2.jpg 5KB han2.jpg 5KB han5.jpg 3KB han5.jpg 3KB jquery.min.js 92KB jquery.min.js 92KB easing.js 5KB easing.js 5KB responsiveslides.min.js 3KB responsiveslides.min.js 3KB move-top.js 1KB move-top.js 1KB
map.png 8KB map.png 8KB themes.png 5KB themes.png 4KB logo.png 4KB logo.png 4KB logo.png 4KB arrow.png 3KB arrow.png 3KB nav.png 3KB glo.png 2KB ca.png 2KB ca.png 2KB ca.png 2KB li.png 2KB menu.png 1KB li-1.png 1KB cir.png 1KB cir.png 1KB cir.png 1KB gla.png 1KB共 116 条
- 1
- 2
资源评论
