<!DOCTYPE html>
<html>
<head>
<title>Powerful Template</title>
<meta name="keywords" content="powerful, responsive, fluid, bootstrap, blue, white, free website template, templatemo" />
<meta name="description" content="Powerful is a responsive template based on Bootstrap. This fluid layout is ready for mobile devices and provided by templatemo for free download." />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/templatemo_style.css" rel="stylesheet">
<link href="css/circle.css" rel="stylesheet">
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link rel="stylesheet" href="css/nivo-slider.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,600' rel='stylesheet' type='text/css'>
<script src="js/modernizr.custom.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<div id="templatemo_top" class="mainTop">
<div class="container">
<div class="row">
<div class="hidden-xs hidden-sm col-md-6">
<div class="mailme">
<a href="mailto:info@company.com"><i class="fa fa-envelope"></i>info@company.com</a>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="socials">
<ul>
<li><a href="#"><i class="fa fa-twitter soc"></i></a></li>
<li><a href="#"><i class="fa fa-facebook soc"></i></a></li>
<li><a href="#"><i class="fa fa-rss soc"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble soc"></i></a></li>
<li><a href="#"><i class="fa fa-instagram soc"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- e/o mainTop -->
<div id="slider" class="nivoSlider">
<a href="#"><img src="images/slider/img_1.jpg" alt="slide 1" /></a>
<a href="#"><img src="images/slider/img_2.jpg" alt="slide 2" /></a>
<a href="#"><img src="images/slider/img_3.jpg" alt="slide 3" /></a>
</div>
</header>
<div class="mWrapper">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="logo">
<a href="http://www.cssmoban.com/"><img src="images/logo.png" alt="Powerful Theme"></a>
</div>
</div>
<div class="col-sm-8 col-md-8">
<nav class="mainMenu">
<ul class="nav">
<li><a href="#templatemo_top">Home</a></li>
<li><a href="#templatemo_services">Services</a></li>
<li><a href="#templatemo_portfolio">Portfolio</a></li>
<li><a href="#templatemo_about">About</a></li>
<li><a href="#templatemo_contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div id="templatemo_services" class="section1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="secHeader">
<h1 class="text-center">Our Services</h1>
<p class="text-center"><small>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Credit goes to <a href="#/plugins/nivo-slider/">NivoSlider</a>.</small></p>
</div>
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="blok text-center">
<div class="hexagon-a">
<a class="hlinktop" href="#">
<div class="hexa-a">
<div class="hcontainer-a">
<div class="vertical-align-a">
<span class="texts-a"><i class="fa fa-bell"></i></span>
</div>
</div>
</div>
</a>
</div>
<div class="hexagon">
<a class="hlinkbott" href="#">
<div class="hexa">
<div class="hcontainer">
<div class="vertical-align">
<span class="texts"></span>
</div>
</div>
</div>
</a>
</div>
<h4>Web Design</h4>
<p><small>Pellentesque nec dui vel risus dignissim congue id vel diam. Vestibulum vestibulum orci at sodales tincidunt. Aliquam erat volutpat. Aliquam fringilla quis risus quis porttitor. Cras eu faucibus purus.</small></p>
<a class="btn btn-primary" href="#">Read More</a>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="blok text-center">
<div class="hexagon-a">
<a class="hlinktop" href="#">
<div class="hexa-a">
<div class="hcontainer-a">
<div class="vertical-align-a">
<span class="texts-a"><i class="fa fa-rocket"></i></span>
</div>
</div>
</div>
</a>
</div>
<div class="hexagon">
<a class="hlinkbott" href="#">
<div class="hexa">
<div class="hcontainer">
<div class="vertical-align">
<span class="texts"></span>
</div>
</div>
</div>
</a>
</div>
<h4>Pixel Perfect</h4>
<p><small>Nam massa nunc, congue bibendum lectus vel, commodo blandit enim. Aenean ut sagittis nunc. Suspendisse adipiscing aliquet hendrerit. Vestibulum accumsan tortor tincidunt viverra gravida.</small></p>
<a class="btn btn-primary" href="#">Read More</a>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div class="blok text-center">
<div class="hexagon-a">
<a class="hlinktop" href="#">
<div class="hexa-a">
<div class="hcontainer-a">
<div class="vertical-align-a">
<span class="texts-a"><i class="fa fa-mobile-phone"></i></span>
</div>
</div>
</div>
</a>
</div>
<div class="hexagon">
<a class="hlinkbott" href="#">
<div class="hexa">
<div class="hcontainer">
<div class="vertical-align">
<span class="texts"></span>
</div>