<!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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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 （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资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 信捷PLC 7轴伺服插补联动 XD5-48T6-E PLC 做的7轴联动设备，具备牵引示教功能 用PLC做配方，喷涂机程序 包括PLC和触摸屏程序，中文详细注释
- Unity雨下到玻璃上的效果shader
- 设计电路1-模电Multisim仿真实验
- 基于双向长短期记忆网络(BILSTM)的数据分类预测 matlab代码，要求2019版本及以上
- 数据分析-77-CDNow网站用户消费行为分析（包含代码和数据）
- 开关电源，高频变压器磁芯参数对照表
- Halcon 多区域绘制与掩膜
- 台达eh3与台达变频器modbus rtu通讯程序 程序有注释 实现正反转，写入频率，读取频率，读取电压的功能 plc为台达eh3，触摸屏为dop-107bv，变频器为台达VFD-M
- flyway支持达梦数据库版本jar包
- 基于ssm的酒店预定管理系统的设计与实现【附源码】
- 最近电平接近 NLM 模块化多电平变器matlab simulink仿真模型
- MATLAB仿真MIMO通信系统V-BALST结构ZF检测算 法与MMSE检测算法 形式：程序 1、仿真V-BALST结构ZF检测算法性能，调制方式为QPSK 2、仿真V-BALST结构MMSE检测算
- WPF LiveCharts动态曲线(折线图）
- 微信小程序开发基础与实践指南
- 任务驱动型作文提分训练.doc
- 人版五年级（下册）语文课后习题答案.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
