<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Flater Bootstarp 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-1.11.0.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>
<!-- Google Fonts -->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Titillium+Web:200,300,600,400,700,900' rel='stylesheet' type='text/css'>
<!--- banner Slider starts Here --->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<script type="text/javascript" src="./js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<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>
</head>
<body>
<!--- Header Starts Here -->
<div class="header" id="home">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""/></a>
</div>
<span class="menu"></span>
<div class="clears"></div>
<div class="navigation">
<ul class="navig">
<li><a href="#about" class="scroll"><i class="bag"></i><p>About Us</p><div class="clears"></div></a></li>
<li class="naa" ><a href="#service" class="scroll"><i class="settings"></i><p>Services</p><div class="clears"></div></a></li>
<li class="nab"><a href="#portfolio" class="scroll"><i class="gallery"></i><p>Portfolio</p><div class="clears"></div></a></li>
<li class="nac"><a href="#blog" class="scroll"><i class="message"></i><p>Blog</p><div class="clears"></div></a></li>
<li class="nad"><a href="#clients" class="scroll"><i class="like"></i><p>Clients</p><div class="clears"></div></a></li>
<li class="nae"><a href="#contact" class="scroll"><i class="send"></i><p>Contact Us</p><div class="clears"></div></a></li>
</ul>
</div>
<script>
$( "span.menu" ).click(function() {
$( ".navigation" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="clearfix"></div>
</div>
</div>
<!--- Header Ends Here -->
<!-- Banner Starts Here --->
<div class="banner">
<div class="container">
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="row banner-row">
<div class="col-md-6 banner-column">
<img src="./images/hand.png" alt="" />
</div>
<div class="col-md-6 banner-column ban_cl">
<h1>Lorem Ipsum</h1>
<p>simply dummy text of the printing and typesetting industry.</p>
<div class="ban-but">
<a href="#">about Us</a>
<a href="#" class="active">Contacts</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</li>
<li>
<div class="row banner-row">
<div class="col-md-6 banner-column">
<img src="./images/hand1.png" alt="" />
</div>
<div class="col-md-6 banner-column ban_cl">
<h1>Lorem Ipsum</h1>
<p>simply dummy text of the printing and typesetting industry.</p>
<div class="ban-but">
<a href="#">about Us</a>
<a href="#" class="active">Contacts</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</li>
<li>
<div class="row banner-row">
<div class="col-md-6 banner-column">
<img src="./images/hand.png" alt="" />
</div>
<div class="col-md-6 banner-column ban_cl">
<h1>Lorem Ipsum</h1>
<p>simply dummy text of the printing and typesetting industry.</p>
<div class="ban-but">
<a href="#">about Us</a>
<a href="#" class="active">Contacts</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</li>
</ul>
</div>
<!-- End Of Slider -->
</div>
</div>
<!-- Banner Ends Here --->
<!-- About US Starts Here -->
<div class="about" id="about">
<div class="container">
<h3 class="top-head">about us</h3>
<span class="line">
<span class="sub-line"></span>
</span>
<P> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</P>
<div class="row about-row">
<div class="col-md-3 about-column">
<i><img src="./images/p1.jpg" alt="" class="wt"/></i>
<h4 class="wtt">John Smith</h4>
<P>Lorem Ipsum is simply dummy text of the printing and type-setting industry.</P>
<ul class="about-social">
<li><i class="fa"></i></li>
<li><i class="fb"></i></li>
<li><i class="fc"></i></li>
<li><i class="fd"></i></li>
<li><i class="fe"></i></li>
</ul>
</div>
<div class="col-md-3 about-column">
<i><img src="./images/p2.jpg" alt=""/></i>
<h4>John Smith</h4>
<P>Lorem Ipsum is simply dummy text of the printing and type-setting industry.</P>
<ul class="about-social">
<li><i class="fa"></i></li>
<li><i class="fb"></i></li>
<li><i class="fc"></i></li>
<li><i class="fd"></i></li>
<li><i class="fe"></i></li>
</ul>
</div>
<div class="col-md-3 about-column">
<i><img src="./images/p3.jpg" alt=""/></i>
<h4>John Smith</h4>
<P>Lorem Ipsum is simply dummy text of the printing and type-setting industry.</P>
<ul class="about-social">
<li><i class="fa"></i></li>
<li><i class="fb"></i>
网站模板-能源项目服务公司响应式网页模板-适配移动端界面-HTML源码.zip （133个子文件） 
bootstrap.css 118KB style.css 43KB style.css 28KB style.css 16KB stylesheet.css 401B stylesheet.css 401B BebasNeue-webfont.eot 17KB BebasNeue-webfont.eot 17KB
index.html 26KB index.html 20KB index.html 12KB
banner.jpg 68KB bl_1.jpg 50KB bl_2.jpg 47KB bl_4.jpg 47KB bl_3.jpg 45KB pic2.jpg 43KB pic2.jpg 43KB pic3.jpg 43KB pic3.jpg 43KB p2.jpg 43KB pic4.jpg 35KB pic4.jpg 35KB bl_1.jpg 34KB bl_1.jpg 34KB bl_2.jpg 34KB bl_2.jpg 34KB pic5.jpg 33KB pic1.jpg 28KB pic1.jpg 28KB pic6.jpg 28KB p1.jpg 27KB p4.jpg 27KB p3.jpg 25KB banner.jpg 24KB p2.jpg 21KB banner.jpg 19KB p1.jpg 19KB p1.jpg 15KB p2.jpg 13KB pic2.jpg 8KB pic3.jpg 7KB pic4.jpg 7KB pic7.jpg 7KB pic6.jpg 6KB pic5.jpg 6KB pic8.jpg 6KB pic1.jpg 5KB jquery-1.11.0.min.js 94KB jquery-1.11.0.min.js 94KB jquery.mixitup.min.js 14KB jquery.mixitup.min.js 14KB easing.js 5KB easing.js 5KB responsiveslides.min.js 3KB responsiveslides.min.js 3KB move-top.js 1KB move-top.js 1KB
hand1.png 234KB hand.png 213KB hand1.png 31KB hand.png 30KB hand.png 30KB img-resources.png 23KB footer-social.png 20KB fun-icons.png 11KB footer-social.png 9KB plus.png 8KB navig-icons.png 8KB cl-6.png 7KB cl-1.png 7KB cl-4.png 7KB cl-2.png 7KB fun-icons.png 7KB fun-icons.png 7KB blog-icons.png 7KB cl-1.png 7KB cl-1.png 7KB footer-logo.png 7KB img-resources.png 7KB img-resources.png 7KB logo.png 7KB cl-4.png 7KB cl-4.png 7KB cl-5.png 6KB footer-social.png 6KB cl-3.png 6KB cl-8.png 6KB cl-8.png 6KB cl-5.png 6KB cl-5.png 6KB cl-8.png 6KB cl-7.png 6KB navig-icons.png 6KB navig-icons.png 6KB footer-logo.png 5KB footer-logo.png 5KB about-social.png 5KB about-social.png 5KB about-social.png 5KB共 133 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- S1017基于VUE+nodejs的点餐管理系统.zip
- 地理信息系统JTS库：空间分析与几何运算实现指南
- ESP8266+wifimanager库实现自动配网和时间天气显示
- windows计划任务python脚本调度器工具
- 产品销售网站源代码.zip
- 车辆管理系统源代码.zip
- S0079基于vue+SSM的“约球”足球类安卓app源码.zip
- win32汇编环境,对话框程序中复选框的一般操作示例
- 级联选择器，element-ui版本号 2.13.0
- VLC-Android-3.5.7-armeabi-v7a.apk
- sudo-1.9.16p2-1.ky10.x86-64.zip
- 3b113医疗用品销售网站_springboot+vue.zip
- 3b111研究生双选信息发布系统_springboot+vue.zip
- 3b112养老院管理系统_springboot+vue.zip
- 3b114医院病房信息管理系统_springboot+vue.zip
- 3b115基于JavaWeb的艺术摄影预约_springboot+vue0.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
