<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Atech 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>
<link href='http://fonts.useso.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="header">
<div class="container">
<div class="head-left">
<ul class="number">
<li><span><i class="roc"> </i>101 West Street, New York, NY 12345</span>
<li><span><i class="phone"> </i>Phone : (000) 888 88888</span>
</li><li><a href="mailto:info@example.com"><i class="mail"> </i>info@sitename.com </a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="search2">
<form>
<input type="text" value="search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'search';}">
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="services.html" data-hover="SERVICES">SERVICES</a></li>
<li><a href="portfolio.html" data-hover="PORTFOLIO">PORTFOLIO</a></li>
<li><a href="404.html" data-hover="BLOG">BLOG</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<i class="line"> </i>
</div>
<div class="top-slide">
<div class="container">
<div class="slide-info">
<h2>High Professional Staff &</h2>
<h1>Best Engineers Ever</h1>
<a href="#" class="more">Join Us</a>
</div>
</div>
</div>
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide">
<div class="container">
<p>Great pixel perfect template which suites any needs. Some subheader text goes here.</p>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide-1">
<div class="container">
<p>Suites any needs great pixel perfect template which . Some subheader text goes here.</p>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide-2">
<div class="container">
<p>Template which suites great pixel perfect any needs. Some subheader text goes here.</p>
</div>
</div>
</article>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<!-- script -->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
<!-- script -->
<!-- show-case -->
<div class="show-case">
<div class="container">
<div class="cae-top">
<div class="col-md-4 case">
<i class="ate"></i>
<h4>Atech showcase</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt. Nunc eu sodales turpis, varius viverra mauris </p>
</div>
<div class="col-md-4 case">
<i class="comp"></i>
<h4>Compatible with any device</h4>
<p>Aenean porta, elit vitae tristique consequat, nisi tellus tincidunt erat, sit amet interdum elit quam at velit. Mauris venenatis metus sed purus tincidunt placerat.</p>
</div>
<div class="col-md-4 case">
<i class="qui"></i>
<h4>Quick implementation</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- show-case -->
<!-- made -->
<div class="made">
<div class="container">
<h2>Atech is Made with Love to Serve You</h2>
<h4>A Lot of Features You May Love</h4>
<p>Aenean et interdum dolor, at porta tellus. Donec suscipit sodales ante id bibendum. Proin at libero mi. Morbi in enim laoreet, luctus urna non, egestas arcu. Fusce sodales vitae augue et malesuada. Cras et nibh in eros auctor faucibus. In eleifend vel leo id tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est. Nunc eu sodales turpis, varius viverra mauris.</p>
<div class="madebottom">
<div class="col-md-8 made-left">
<h4>Atech to Infinity and Beyond</h4>
<p>In eleifend vel leo id tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est. Nunc eu sodales turpis, varius viverra mauris.</p>
<p>Fusce blandit felis eu lacus congue bibendum. Suspendisse lectus nibh, pellentesque eget dictum a, venenatis sed elit. Sed nec facilisis enim. Aenean non imperdiet lacus. Fusce consequat placerat pulvinar. Nunc sollicitudin justo ac vulputate consequat. </p>
</div>
<div class="col-md-4 made-right">
<img src="images/planet.png" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- made -->
<!-- recent -->
<div class="recent">
<h3>Recent Researches</h3>
<ul id="flexiselDemo3">
<li>
<div class="team1">
<img src="images/12.jpg" class="img-responsive" alt="" />
<p>May 11 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/13.jpg" class="img-responsive" alt="" />
<p>May 10 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/14.jpg" class="img-responsive" alt="" />
<p>May 9 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/15.jpg" class="img-responsive" alt="" />
<p>May 8 2014</p>
</div>
</