<!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" />
<link rel="stylesheet" href="css/swipebox.css">
<!---->
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!---->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/numscroller-1.0.js"></script>
<!---->
<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>
<!--startsmothscrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!--script-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!-- swipe box js -->
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!-- //swipe box js -->
</head>
<body>
<!--header-->
<div class="banner">
<div class="container">
<div class="navigation wow fadeInLeft animated" data-wow-delay=".5s">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right link-effect">
<li><a href="#home" class="scroll">Home </a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#team" class="scroll" >Team</a></li>
<li><a href="#news" class="scroll" >News</a></li>
<li><a href="#contact" class="scroll" >Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav>
</div>
<div class="banner-info">
<div class="logo wow fadeInRight animated" data-wow-delay=".5s">
<h3><a href="index.html">P</a></h3>
</div>
<h1 class="wow fadeInRight animated" data-wow-delay=".5s">Pecuniary</h1>
<p class="wow fadeInRight animated" data-wow-delay=".5s">Nam libero tempore, cum soluta nobis .</p>
</div>
</div>
</div>
<div class="content">
<!--about-->
<div class="about-w3" id="about">
<div class="container">
<h2 class="tittle"><span>[</span> About Us <span>]</span></h2>
<p class="about-text">Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent. per conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit. amet a augue.</p>
<div class="about-grids">
<div class="col-md-4 about-grid">
<div class="about-top">
<h4><i class="glyphicon glyphicon-heart-empty" aria-hidden="true"></i>Web Development</h4>
<span></span>
</div>
<p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum. conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p>
</div>
<div class="col-md-4 about-grid">
<div class="about-top">
<h4><i class="glyphicon glyphicon-globe" aria-hidden="true"></i>Web Marketing</h4>
<span></span>
</div>
<p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum. conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p>
</div>
<div class="col-md-4 about-grid">
<div class="about-top">
<h4><i class="glyphicon glyphicon-flag" aria-hidden="true"></i>Web Marketing</h4>
<span></span>
</div>
<p>Seunteger rutrum etiam processus dynamicusqui sequitur mutationem consuetudium lectorum.conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--about-->
<!--services-->
<div class="services" id="services">
<div class="container">
<h3 class="tittle"><span>[</span> Services <span>]</span></h3>
<p class="about-text1">Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent. per conubia nostra, per inceptos himenaeos. Nullam ac urna eu felis dapibus condimentum sit. amet a augue.</p>
<div class="service-grids">
<div class="col-md-4 ser-grid">
<div class="ser-left">
<i class="glyphicon glyphicon-globe" aria-hidden="true"></i>
</div>
<div class="ser-right">
<h4>UX design</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 ser-grid">
<div class="ser-left">
<i class="glyphicon glyphicon-signal" aria-hidden="true"></i>
</div>
<div class="ser-right">
<h4>UI design</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 ser-grid">
<div class="ser-left">
<i class="glyphicon glyphicon-cog" aria-hidden="true"></i>
</div>
<div class="ser-right">
<h4>SEO Services</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="service-grids">
<div class="col-md-4 ser-grid">
<div class="ser-left">
<i class="glyphicon glyphicon-heart" aria-hidden="true"></i>
</div>
<div class="ser-right">
<h4>iOS App</h4>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore oluptate velit es pariatur</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-4 ser-grid">
<div class="ser-left">
<i class="glyphicon glyphicon-cloud" aria-hidden="true"></i>
</div>
<div class="ser-right">
<h4>Android App</h4>
<p