<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Technical 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="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!--webfont-->
<link href='http://fonts.useso.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Exo+2:100,200,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<!------ Light Box ------>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
<!-- Prettify -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo3").owlCarousel({
items : 4,
lazyLoad : true,
autoPlay : true,
navigation: false,
pagination: false,
});
});
</script>
<!----- //End-Share-instantly-slider---->
<!----font-Awesome----->
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<!----font-Awesome----->
</head>
<body>
<div class="header_top">
<div class="container">
<div class="top-nav">
<span class="menu">Menu</span>
<ul>
<li class="active"><a href="index.html"><span data-hover="Home">Home</span></a><label> </label></li>
<li><a href="about.html"> <span data-hover="About">About</span></a><label> </label></li>
<li><a href="services.html"><span data-hover="Services">Services</span></a><label> </label></li>
<li><a href="404.html"><span data-hover="Blog">Blog</span></a></li>
<li><a href="contact.html"><span data-hover="Contact">Contact</span></a><label> </label></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
</div>
</div>
<div class="header_bottom">
<div class="container">
<h1><a href="index.html">Technical</a></h1>
</div>
</div>
<div id="owl-demo3" class="owl-carousel owl-carousel2">
<div class="item">
<img class="lazyOwl" data-src="images/pic1.jpg" alt="Lazy Owl Image">
<a href="images/pic1.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic5.jpg" alt="Lazy Owl Image">
<a href="images/pic5.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic3.jpg" alt="Lazy Owl Image">
<a href="images/pic3.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic4.jpg" alt="Lazy Owl Image">
<a href="images/pic4.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic2.jpg" alt="Lazy Owl Image">
<a href="images/pic2.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="item">
<img class="lazyOwl" data-src="images/pic6.jpg" alt="Lazy Owl Image">
<a href="images/pic6.jpg" class="swipebox" title="Image Title"><div class="portfolio_head">
<h3>Gallery Post Example</h3>
<p>A man who works with his hands a laborer; a man who works with his hands and his brain is a craftman; but a man</p>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
<div class="column_1">
<div class="container">
<h2 class="m_1">Services</h2>
<div class="content_top">
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<i class="fa fa-fa-clock-o fa-clock-o icon_1"> </i>
<span class="glyphicon glyphicon-cloud icon_1" aria-hidden="true"></span>
<h3>Repeat predefined</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-film icon_1" aria-hidden="true"></span>
<h3>Dolore Magna</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-send icon_1" aria-hidden="true"></span>
<h3>praising pain</h3>
</div>
</div>
</div>
<div class="col-md-3">
<div class="box_1">
<div class="inner_row">
<span class="glyphicon glyphicon-time icon_1" aria-hidden="true"></span>
<h3>Deleniti Atque</h3>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="column_2">
<div class="container">
<div class="index-banner">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="slider_img">
<img src="images/pic7.png" class="img-responsive" alt=""/>
</div>
<h3>H. Rackham.</h3>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de 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>
</