<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="images/favicon/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon/favicon.png" type="image/x-icon">
<title>Home</title>
<!--Library Styles-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/lib/font-awesome.css" rel="stylesheet">
<link href="css/lib/nivo-lightbox.css" rel="stylesheet">
<link href="css/lib/nivo-themes/default/default.css" rel="stylesheet">
<!--Template Styles-->
<link href="css/style.css" rel="stylesheet">
<link href="css/scheme/purple.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<!-- Preloader -->
<div id="preloader">
<div id="status"></div>
</div>
<div id="main-wrapper">
<!-- Site Navigation -->
<div id="menu">
<nav class="navbar navbar-default" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html#">
<img src="images/logo.png" alt="logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a class="sscroll" href="index.html#home">Home</a></li>
<li><a class="sscroll" href="index.html#services">Services</a></li>
<li><a class="sscroll" href="index.html#portfolio">Portfolio</a></li>
<li><a class="sscroll" href="index.html#testimonial">Testimonial</a></li>
<li><a class="sscroll" href="index.html#about">The Team</a></li>
<li><a class="sscroll" href="index.html#clients">Clients</a></li>
<li><a class="sscroll" href="index.html#blog-front">Blog</a></li>
<li><a class="sscroll" href="index.html#contact">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
<div id="container">
<!-- BEGIN HOME -->
<section id="home" class="home">
<!-- Superslides -->
<div id="home-slide">
<ul class="slides-container text-center">
<li>
<div class="slide-text">
<h2>Built With Bootstrap</h2>
<span>Most popular HTML, CSS, and JS framework for developing responsive, mobile first projects</span>
<br/>
</div>
<div class="slide-filter"></div>
<img src="images/slider/slide-1.jpg" class="par" alt="first">
</li>
<li>
<div class="slide-text">
<h2>Fullscreen Slider</h2>
<span>Superslides - A fullscreen, hardware accelerated slider for jQuery</span>
<br/>
</div>
<div class="slide-filter"></div>
<img src="images/slider/slide-2.jpg" class="par" alt="first">
</li>
<li>
<div class="slide-text">
<h2>Elegant Design</h2>
<span>We focused on usability of the template and combined useful content blocks based on that</span>
<br/>
</div>
<div class="slide-filter"></div>
<img src="images/slider/slide-3.jpg" class="par" alt="first">
</li>
</ul>
<nav class="slides-navigation slidez">
<a href="javascript:;" class="next">
<i class="fa fa-angle-right"></i>
</a>
<a href="javascript:;" class="prev">
<i class="fa fa-angle-left"></i>
</a>
</nav>
</div>
<!-- End of Superslide -->
</section>
<!-- END HOME -->
<!-- BEGIN SERVICES -->
<section id="services" class="services">
<div class="row">
<div class="col-md-12">
<div class="header-content">
<h2>Services</h2>
<h3>This is what we are good at</h3>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service">
<div class="icon-holder">
<i class="fa fa-paper-plane"></i>
</div>
<h3 class="heading">Web Design</h3>
<p class="description">A elementum ligula lacus ac quam ultrices a scelerisque praesent vel suspendisse scelerisque a aenean hac montes.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service">
<div class="icon-holder">
<i class="fa fa-diamond"></i>
</div>
<h3 class="heading">Web Programming</h3>
<p class="description">A elementum ligula lacus ac quam ultrices a scelerisque praesent vel suspendisse scelerisque a aenean hac montes.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service">
<div class="icon-holder">
<i class="fa fa-camera"></i>
</div>
<h3 class="heading">Branding</h3>
<p class="description">A elementum ligula lacus ac quam ultrices a scelerisque praesent vel suspendisse scelerisque a aenean hac montes.</p>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="service">
<div class="icon-holder">