File size: 12.01Kb
<!--
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>The Business for Iphone, Android & Smartphone Mobile Website Template | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Business Iphone web template, Andriod web template, Smartphone 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>
<link href="smartphone/css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="smartphone/js/jquery.min.js"></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="smartphone/js/move-top.js"></script>
<script type="text/javascript" src="smartphone/js/easing.js"></script>
<!---- start-smoth-scrolling---->
<script src="smartphone/js/mobile.js"></script>
</script><script type="text/javascript">window.onload = function() { w3Init(); };</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>
<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="clear"> </div>
</ul>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="header-top">
<ul id="header">
<a href="index.html"><img src="smartphone/images/logo.png" alt=""></a>
</ul>
<div id="w3-mobile-options">
<li id="w3-menu-trigger" class=" ">
<a href="">Menu</a></li>
</div>
<ul id="w3-menu-links" style="display: none;" class=" ">
<li class="active"><a href="#home" class="scroll">Home</a></li>
<li><a href="#about" class="scroll">About us</a></li>
<li><a href="#app" class="scroll">Our Approach</a></li>
<li><a href="#work" class="scroll">Our Work</a></li>
</ul>
</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>
<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>
<ul class="button">
<li><a href="#">Free Consultation</a></li>
</ul>
</div>
</div>
</article>
</div>
</div>
<script src="smartphone/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="smartphone/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</p>
</li>
<p class="no">1<br><span>Step</span></p>
<div class="clear"> </div>
</ul>
<ul class="list2">
<li class="list1_desc"><h3><a href="#">Step 2: Heading Here</a></h3>
<p>Lorem ipsum dolor sit</p>
</li>
<li class="list1_img"><img src="smartphone/images/pic2.jpg" class="img-responsive" alt=""/></li>
<p class="no">2<br><span>Step</span></p>
<div class="clear"> </div>
</ul>
<ul class="list1">
<li class="list1_img"><img src="smartphone/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</p>
</li>
<p class="no">3<br><span>Step</span></p>
<div class="clear"> </div>
</ul>
<ul class="list2">
<li class="list1_desc"><h3><a href="#">Step 4: Heading Here</a></h3>
<p>Lorem ipsum dolor sit</p>
</li>
<li class="list1_img"><img src="smartphone/images/pic4.jpg" class="img-responsive" alt=""/></li>
<p class="no">4<br><span>Step</span></p>
<div class="clear"> </div>
</ul>
</div>
</div>
<div class="work" id="work">
<div class="container">
<div class="work_top text-center">
<h3>Our Work</h3>
<p>We are added our featured works below</p>
<span> </span>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="port-grid">
<div class="port-grid-text">
<img src="smartphone/images/arrow_icon.png" alt=""/>
<h3>Project Name</h3>
<p>Facebook Marketing</p>
</div>
<div class="port-grid-pic block last">
<a href="#" class="b-link-stripe b-animate-go thickbox">
<img src="smartphone/images/w1.jpg" class="img-responsive" style="top: 0px;"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="smartphone/images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="port-grid">
<div class="port-grid-text">
<img src="smartphone/images/arrow_icon.png" alt=""/>
<h3>Project Name</h3>
<p>Landing Page</p>
</div>
<div class="port-grid-pic block last">
<a href="#" class="b-link-stripe b-animate-go thickbox">
<img src="smartphone/images/w2.jpg" class="img-responsive" style="top: 0px;"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="smartphone/images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="port-grid">
<div class="port-grid-pic block last">
<a href="#" class="b-link-stripe b-animate-go thickbox">
<img src="smartphone/images/w3.jpg" class="img-responsive" style="top: 0px;"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="smartphone/images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="port-grid-text">
<img src="smartphone/images/arrow_icon.png" alt=""/>
<h3>Project Name</h3>
<p>Facebook Marketing</p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="col_1_of_4 span_1_of_4">
<div class="port-grid">
<div class="port-grid-pic block last">
<a href="#" class="b-link-stripe b-animate-go thickbox">
<img src="smartphone/images/w4.jpg" class="img-responsive" style="top: 0px;"><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="smartphone/images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="port-grid-text">
<img src="smartphone/images/arrow_icon.png" alt=""/>
<h3>Project Name</h3>
<p>Landing Page</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
</div>
<div class="contact">
<div class="container">
<div class="work_top text-center">
<h3>Get Your Facebook Ananlysis Now</h3>
<p>Enter your details below</p>
<span> </span>
</div>
<div class="contact-form_grid">
<p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam</p>
<form method="post" action="contact-post.html">
<input type="text" class="textbox" value="Your name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your name';}">
<input type="text" class="textbox" value="Contact Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Contact Number';}">
<input type="text" class="textbox" value="Company Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Company Name';}">
<input type="submit" value="Submit Now">
</form>
</div>
</div>
</div>
</div>
<div class="footer_top">
<div class="container">
<h3>Get in touch</h3>
<div class="social">
<ul>
<li><a href=""> <i class="facebook"> </i> </a></li>
<li><a href=""><i class="twitter"> </i> </a></li>
<li><a href=""><i class="google"> </i> </a></li>
<li><a href=""><i class="linkedin"> </i> </a></li>
<div class="clear"> </div>
</ul>
</div>
<p>Subscribe to our newsletter to stay update with what is new</p>
<div class="footer_form">
<form method="post" action="contact-post.html">
<input type="text" class="textbox" value="Email Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email Address';}">
<input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="copy">
<p>© 2014 Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>