<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>White | responsive bootstrap3 html5 one page template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" />
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,700,500,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- SCRIPTS -->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if IE]><html class="ie" lang="en"> <![endif]-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
<script src="js/superfish.min.js" type="text/javascript"></script>
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/owl.carousel.js" type="text/javascript"></script>
<script src="js/animate.js" type="text/javascript"></script>
<script src="js/jquery.BlackAndWhite.js"></script>
<script src="js/myscript.js" type="text/javascript"></script>
<script>
//PrettyPhoto
jQuery(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});
//BlackAndWhite
$(window).load(function(){
$('.client_img').BlackAndWhite({
hoverEffect : true, // default true
// set the path to BnWWorker.js for a superfast implementation
webworkerPath : false,
// for the images with a fluid width and height
responsive:true,
// to invert the hover effect
invertHoverEffect: false,
// this option works only on the modern browsers ( on IE lower than 9 it remains always 1)
intensity:1,
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
fadeIn: 300, // 200ms for fadeIn animations
fadeOut: 300 // 800ms for fadeOut animations
},
onImageReady:function(img) {
// this callback gets executed anytime an image is converted
}
});
});
</script>
</head>
<body>
<!-- PRELOADER -->
<img id="preloader" src="images/preloader.gif" alt="" />
<!-- //PRELOADER -->
<div class="preloader_hide">
<!-- PAGE -->
<div id="page">
<!-- HEADER -->
<header>
<!-- MENU BLOCK -->
<div class="menu_block">
<!-- CONTAINER -->
<div class="container clearfix">
<!-- LOGO -->
<div class="logo pull-left">
<a href="index.html" ><span class="b1">w</span><span class="b2">h</span><span class="b3">i</span><span class="b4">t</span><span class="b5">e</span></a>
</div><!-- //LOGO -->
<!-- SEARCH FORM -->
<div id="search-form" class="pull-right">
<form method="get" action="#">
<input type="text" name="Search" value="Search" onFocus="if (this.value == 'Search') this.value = '';" onBlur="if (this.value == '') this.value = 'Search';" />
</form>
</div><!-- SEARCH FORM -->
<!-- MENU -->
<div class="pull-right">
<nav class="navmenu center">
<ul>
<li class="first active scroll_btn"><a href="#home" >Home</a></li>
<li class="scroll_btn"><a href="#about" >About Us</a></li>
<li class="scroll_btn"><a href="#projects" >Projects</a></li>
<li class="scroll_btn"><a href="#team" >Team</a></li>
<li class="scroll_btn"><a href="#news" >News</a></li>
<li class="scroll_btn last"><a href="#contacts" >Contacts</a></li>
<li class="sub-menu">
<a href="javascript:void(0);" >Pages</a>
<ul>
<li><a href="blog.html" >Blog</a></li>
<li><a href="blog-post.html" >Blog Post</a></li>
<li><a href="portfolio-post.html" >Portfolio Single Work</a></li>
</ul>
</li>
</ul>
</nav>
</div><!-- //MENU -->
</div><!-- //MENU BLOCK -->
</div><!-- //CONTAINER -->
</header><!-- //HEADER -->
<!-- HOME -->
<section id="home" class="padbot0">
<!-- TOP SLIDER -->
<div class="flexslider top_slider">
<ul class="slides">
<li class="slide1">
<div class="flex_caption1">
<p class="title1 captionDelay2 FromTop">Creative</p>
<p class="title2 captionDelay4 FromTop">White</p>
<p class="title3 captionDelay6 FromTop">Templates</p>
<p class="title4 captionDelay7 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
<li class="slide2">
<div class="flex_caption1">
<p class="title1 captionDelay6 FromLeft">Responsive</p>
<p class="title2 captionDelay4 FromLeft">Design</p>
<p class="title3 captionDelay2 FromLeft">Theme</p>
<p class="title4 captionDelay7 FromLeft">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
</li>
<li class="slide3">
<div class="flex_caption1">
<p class="title1 captionDelay1 FromBottom">Amazing</p>
<p class="title2 captionDelay2 FromBottom">Video</p>
<p class="title3 captionDelay3 FromBottom">Background</p>
<p class="title4 captionDelay5 FromBottom">The template is suitable for any company and the direction that appreciates style, purity and quality of the web site.</p>
</div>
<a class="slide_btn FromRight" href="javascript:void(0);" >Read More</a>
<!-- VIDEO BACKGROUND -->
<a id="P2" class="player" data-property="{videoURL:'tDvBwPzJ7dY',containment:'.top_slider .slide3',autoPlay:true, mute:true, startAt:0, opacity:1}" ></a>
<!-- //VIDEO BACKGROUND -->
</li>
</ul>
</div>
<div id="carousel">
<ul class="slides">
<li><img src="images/slider/slide1_bg.jpg" alt="" /></li>
<li><img src="images/slider/slide2_bg.jpg" alt="" /></li>
<li><img src="images/slider/slide3_bg.jpg" alt="" /></li>
</ul>
</div><!-- //TOP SLIDER -->
</section><!-- //HOME -->
<!-- ABOUT -->
<section id="about">
<!-- SERVICES -->
<div class="services_block padbot40" data-appear-top-offset="-200" data-animated="fadeInUp">
<!-- CONTAINER -->
<div class="container">
<!-- ROW -->
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<a class="services_item" href="javascript:void(0);" >
<p><b>Easy</b> Customize</p>
<span>Quality and very comfortable design, does not hurt the eyes and pleasant to use.</span>
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<a class="services_item" href="javascript:void(0);" >
<p><b>Modern</b> Design</p>
<span>Quality and unique design that meets all the requirements and trends of modern web design.</span>
</a>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 col-ss-12 margbot30">
<a class="services_item" href="javascript:void(0);" >
<p><b>Responsive</b> Design
企业级网站源码-创意品牌项目网站模板-响应式适配移动端.zip
版权申诉
151 浏览量
2024-03-20
10:09:52
上传
评论
收藏 7.09MB ZIP 举报
企业级网站源码-创意品牌项目网站模板-响应式适配移动端.zip （82个子文件） 
企业级网站源码-创意品牌项目网站模板-响应式适配移动端 html 
blog-post.html 16KB js 
animate.js 4KB jquery.prettyPhoto.js 22KB bootstrap.min.js 27KB jquery.flexslider-min.js 21KB superfish.min.js 4KB owl.carousel.js 52KB jquery.min.js 91KB myscript.js 7KB jquery.nicescroll.min.js 56KB jquery.BlackAndWhite.js 8KB css style.css 48KB bootstrap.min.css 95KB flexslider.css 18KB owl.carousel.css 4KB animate.css 38KB prettyPhoto.css 21KB index.html 30KB portfolio-post.html 13KB images 
breadcrumbs_bg.jpg 7KB avatar2.jpg 4KB
i5.png 2KB team 2.jpg 42KB 6.jpg 40KB 1.jpg 48KB 5.jpg 41KB 8.jpg 45KB 3.jpg 52KB 7.jpg 48KB 4.jpg 43KB i4.png 826B works 5_2.jpg 166KB 2.jpg 138KB 6.jpg 179KB 1.jpg 237KB 2_2.jpg 192KB 3_2.jpg 135KB 5.jpg 106KB 6_2.jpg 145KB 4_2.jpg 166KB 1_2.jpg 212KB 7_2.jpg 166KB 3.jpg 232KB 7.jpg 91KB 4.jpg 166KB zoom_h.png 1KB avatar1.jpg 4KB portfolio 1_3.jpg 207KB 1.jpg 179KB 1_4.jpg 146KB 1_2.jpg 174KB i1.png 3KB zoom.png 2KB i3.png 452B clients 2.jpg 5KB 6.jpg 4KB 1.jpg 6KB 5.jpg 3KB 3.jpg 6KB 4.jpg 5KB blog 2.jpg 206KB 1.jpg 211KB 5.jpg 135KB 3.jpg 363KB 4.jpg 107KB favicon.ico 1KB video.png 572B img1.png 157KB prettyPhoto default sprite.png 276B
loader.gif 6KB team_bg.jpg 1.25MB clean_code_bg.jpg 465KB i2.png 3KB preloader.gif 16KB slider caption_img1.png 21KB slide1_bg.jpg 247KB slide_shadow.png 131B slide3_bg.jpg 170KB slide2_bg.jpg 301KB price_arrow.png 2KB i6.png 3KB blog.html 16KB资源评论
