<!--
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>Pie a Corporate Multipurpose Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<style type="text/css">@import url("css/style.css");</style>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pie Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!-- Owl Stylesheets -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<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},1200);
});
});
</script>
<!--Animation-->
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
</head>
<body>
<!-- header-section-starts -->
<div class="header" id="home">
<div class="container">
<div class="logo wow fadeInRight" data-wow-delay="0.4s">
<a href="#"><img src="images/logo.png" alt="" /></a>
</div>
<span class="menu"></span>
<div class="top-menu wow fadeInLeft" data-wow-delay="0.4s">
<ul>
<li><a class="active scroll hvr-shutter-out-horizontal" href="#home">Home</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#service">Service</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#about">About us</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#pricing">Pricing Table</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#work">How it work</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#clients">Happy Clients</a></li>
<li><a class="scroll hvr-shutter-out-horizontal" href="#contact">Contact Us</a></li>
</ul>
</div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( ".top-menu" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<!-- script for menu -->
<div class="clearfix"></div>
</div>
</div>
<div class="banner wow fadeInUp" data-wow-delay="0.4s">
<div class="container">
<div class="banner-info text-center">
<h2 class="wow bounceInLeft" data-wow-delay="0.4s">Boost up your Local business</h2>
<p class="wow bounceInLeft" data-wow-delay="0.4s">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum typesetting</p>
<div class="details wow fadeInLeft" data-wow-delay="0.4s">
<form>
<li>
<input type="text" class="text" value="Full Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Full Name';}">
<a class="name" href="#"></a>
</li>
<li>
<input type="text" class="text" value="Email Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Address';}">
<a class="mail" href="#"></a>
</li>
<li>
<input type="text" class="text" value="Phone Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone Number';}">
<a class="num" href="#"></a>
</li>
<input type="submit" value="Request a quote">
</form>
</div>
</div>
<div class="header-bottom">
<div class="right-grid-1">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/pic1.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic2.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic3.jpg" class="img-responsive" alt="" />
</li>
</ul>
</div>
</section>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</div>
</div>
</div>
</div>
<div class="content">
<div class="service-section" id="service">
<div class="container">
<div class="service-section-head text-center wow fadeInRight" data-wow-delay="0.4s">
<h3>Our Services</h3>
<p>Lorem Ipsum is simply dummy Business industry.</p>
</div>
<div class="service-section-grids">
<div class="col-md-6 service-grid">
<div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
<div class="icon">
<i class="s1"></i>
</div>
<div class="icon-text">
<h4>Font-Awesome Icons</h4>
<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.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
<div class="icon">
<i class="s2"></i>
</div>
<div class="icon-text">
<h4>Working Contact form</h4>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy</p>
</div>
<div class="clearfix"></div>
</div>
<div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
<div class="icon">
<i class="s3"></i>
</div>
<div class="icon-text">
<h4>Friendly Code</h4>
<p>Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 service-grid">
<div class="service-section-grid wow bounceIn" data-wow-delay="0.4s">
<div class="icon">
<i class="s4"></i>
</div>
<div class="icon-text">
<h4>Fully Responsive Design</h4>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their i
网站模板-产品服务平台响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
17 浏览量
2024-03-23
09:38:14
上传
评论
收藏 459KB ZIP 举报
网站模板-产品服务平台响应式网页模板-适配移动端界面-HTML源码.zip （29个子文件） 
网站模板-产品服务平台响应式网页模板-适配移动端界面-HTML源码 html js 
jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB wow.min.js 5KB jquery.min.js 92KB css style.css 32KB flexslider.css 5KB animate.css 67KB bootstrap.css 118KB
index.html 20KB images 
open-quatation.jpg 11KB client_4.jpg 7KB client_2.jpg 4KB
up-arrow.png 1KB locate.png 3KB logo.png 5KB close-quatation.jpg 11KB slider-bg.png 21KB map.jpg 50KB pic2.jpg 42KB client_3.jpg 4KB pic3.jpg 36KB nav.png 3KB pic1.jpg 56KB client_1.jpg 5KB img-sprite.png 25KB about_pic.jpg 102KB arrow1.png 4KB arrow2.png 4KB资源评论
