<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.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>
</script>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600,700,800' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!---- start-smoth-scrolling---->
</head>
<body>
<div class="header">
<div class="container">
<div class="header_top">
<ul class="header_box">
<li class="mobile_left"><i class="mobile"> </i><span>1-200-346-2986</span></li>
<li class="message"><a href="#"><i class="msg"> </i><span>info(at)business.com</span></a></li>
<div class="clearfix"> </div>
</ul>
<ul class="facebook">
<li class="fb"><a href="#"><span> </span></a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="consul_btn1"><a href="#">Free Consultation</a></div>
<div class="menu">
<div class="h_menu4"><!-- start h_menu4 -->
<a class="toggleMenu" href="#">Menu</a><div class="nav_icon"><img src="images/nav_icon.png" alt=""/></div>
<ul class="nav">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About Us</a>
<ul>
</ul>
</li>
<li><a href="#app" class="scroll">Our Approach</a>
<ul>
</ul>
</li>
<li><a href="#work" class="scroll">Our Work</a></li>
</ul>
<script type="text/javascript" src="js/nav.js"></script>
</div><!-- end h_menu4 -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<div class="consul_btn"><a href="#">Free Consultation</a></div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="slider" id="home">
<div class="slider_container">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="slider-left">
<h1>We Providing</h1>
<p class="top">Social media marketing for businesses</p>
<ul class="button">
<li><a href="#">Free Consultation</a></li>
</ul>
</div>
</div>
</article>
<article style="position: relative; width: 100%; opacity: 1;">
<div class="banner-wrap">
<div class="slider-left">
<h1>hendrer vulpu</h1>
<p class="top">diam nonummy nibh euismod tincidunt</p>
<ul class="button">
<li><a href="#">Free Consultation</a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
</div>
</div>
<div class="main">
<div id="about" class="about">
<div class="container">
<div class="gallery-head text-center">
<h3>About Us</h3>
<p>We are added our major Services</p>
<span> </span>
</div>
<div class="row text-center">
<div class="col-md-4 about_grid">
<i class="icon1"> </i>
<h3><a href="#">Facebook Marketing</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p>
</div>
<div class="col-md-4 about_grid">
<i class="icon2"> </i>
<h3><a href="#">Landing pages Creation</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p>
</div>
<div class="col-md-4 about_grid">
<i class="icon3"> </i>
<h3><a href="#">Ads management</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p>
</div>
</div>
</div>
</div>
<div class="approach" id="app">
<div class="container">
<div class="gallery-head text-center">
<h3>Our Approach</h3>
<p>Check Our Approaches step by step (how we do it)</p>
<span> </span>
</div>
<ul class="list1">
<li class="list1_img"><img src="images/pic1.jpg" class="img-responsive" alt=""/></li>
<li class="list1_desc"><h3><a href="#">Step 1: Heading Here</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa</p>
</li>
<p class="no">1<br><span>Step</span></p>
<div class="clearfix"> </div>
</ul>
<ul class="list2">
<li class="list1_desc"><h3><a href="#">Step 2: Heading Here</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa</p>
</li>
<li class="list1_img"><img src="images/pic2.jpg" class="img-responsive" alt=""/></li>
<p class="no">2<br><span>Step</span></p>
<div class="clearfix"> </div>
</ul>
<ul class="list1">
<li class="list1_img"><img src="images/pic3.jpg" class="img-responsive" alt=""/></li>
<li class="list1_desc"><h3><a href="#">Step 3: Heading Here</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa</p>
</li>
<p class="no">3<br><span>Step</span></p>
<div class="clearfix"> </div>
</ul>
<ul class="list2">
<li class="list1_desc"><h3><a href="#">Step 4: Heading Here</a></h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequa</p>
</li>
<li class="list1_img"><img src="images/pic4.jpg" class="img-responsive" alt=""/></li>
<p class="no">4<br><span>Step</span></p>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="work" id="work">
<div class="contai
284国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （26个子文件） 
284 js 
jquery.wmuSlider.js 12KB nav.js 1KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 22KB bootstrap.css 118KB
index.html 13KB images 
plus.png 3KB img-sprite.psd 257KB
w2.jpg 42KB banner.jpg 65KB logo.png 5KB w4.jpg 41KB pic4.jpg 27KB pic2.jpg 31KB logo.psd 188KB pic3.jpg 38KB pic1.jpg 20KB w3.jpg 41KB img-sprite.png 10KB top.png 3KB arrow_icon.png 3KB nav_icon.png 3KB w1.jpg 21KB elipse.png 3KB资源评论
