<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--fonts-->
<link href='#css?family=Dosis:200,300,400,500,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Creative Digital Agency 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>
<!-- //for-mobile-apps -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smooth-scrolling -->
<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},1000);
});
});
</script>
<!-- start-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="container">
<div class="header-grids">
<div class="container">
<div class="fixed-header">
<div class="header-left">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="header-right">
<span class="menu"><img src="images/menu.png" alt=""/></span>
<ul class="nav1">
<li><a class="active" href="index.html">HOME</a></li>
<li><a href="works.html">WORKS</a></li>
<li><a href="industries.html">INDUSTRIES</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="404.html">NEWS</a></li>
<li><a href="about.html">WHO WE ARE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
<!-- script-for sticky-nav -->
<script>
$(document).ready(function() {
var navoffeset=$(".header-grids").offset().top;
$(window).scroll(function(){
var scrollpos=$(window).scrollTop();
if(scrollpos >=navoffeset){
$(".header-grids").addClass("fixed");
}else{
$(".header-grids").removeClass("fixed");
}
});
});
</script>
<!-- /script-for sticky-nav -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="slider">
<!-- responsiveslides -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- responsiveslides -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-info">
<h1>AGENCY</h1>
<h2>FREEBIE PSD DOWNLOAD</h2>
<div class="border"></div>
<p>Maecenas suscipit imperdiet nisi ac hendrerit. Nam congue felis ac massa rutrum pulvinar.
Donec sodales eros sed efficitur mattis. Integer tincidunt, felis a placerat maximus, eros
nulla dapibus dui, at facilisis enim odio at velit. Aenean dictum eleifend mi sit amet luctus. </p>
</div>
</li>
<li>
<div class="banner-info">
<h1>AGENCY</h1>
<h2>FREEBIE PSD DOWNLOAD</h2>
<div class="border"></div>
<p>Donec sodales eros sed efficitur mattis. Integer tincidunt, felis a placerat maximus, eros
nulla dapibus dui, at facilisis enim odio at velit. Aenean dictum eleifend mi sit amet luctus.
Maecenas suscipit imperdiet nisi ac hendrerit. congue felis ac massa rutrum pulvinar. </p>
</div>
</li>
<li>
<div class="banner-info">
<h1>AGENCY</h1>
<h2>FREEBIE PSD DOWNLOAD</h2>
<div class="border"></div>
<p>Donec sodales eros sed efficitur mattis. Integer tincidunt, felis a placerat maximus, eros
nulla dapibus dui, at facilisis enim odio at velit. Aenean dictum eleifend mi sit amet luctus.
Maecenas suscipit imperdiet nisi ac hendrerit. congue felis ac massa rutrum pulvinar.</p>
</div>
</li>
<li>
<div class="banner-info">
<h1>AGENCY</h1>
<h2>FREEBIE PSD DOWNLOAD</h2>
<div class="border"></div>
<p>Integer suscipit imperdiet nisi ac hendrerit. Nam congue felis ac massa rutrum pulvinar.
Donec sodales eros sed efficitur mattis. Maecenas tincidunt, felis a placerat maximus, eros
nulla dapibus dui, at facilisis enim odio at velit. Aenean dictum eleifend mi sit amet luctus. </p>
</div>
</li>
<li>
<div class="banner-info">
<h1>AGENCY</h1>
<h2>FREEBIE PSD DOWNLOAD</h2>
<div class="border"></div>
<p>Maecenas suscipit imperdiet nisi ac hendrerit. Nam congue felis ac massa rutrum pulvinar.
Donec sodales eros sed efficitur mattis. Integer tincidunt, felis a placerat maximus, eros
nulla dapibus dui, at facilisis enim odio at velit. Aenean dictum eleifend mi sit amet luctus. </p>
</div>
</li>
</ul>
</div>
</div>
<div class="down-arrow text-center">
<a class="scroll" href="#hello"><img src="images/scroll.png" alt=""/></a>
</div>
</div>
</div>
<!-- //banner -->
<!-- clients -->
<div class="clients">
<div class="client-grids">
<div class="client-left">
<h3>OUR CLIENTS</h3>
</div>
<div class="client-right">
<ul>
<li><img src="images/21.png" alt=""/></li>
<li><img src="images/22.png" alt=""/></li>
<li><img src="images/23.png" alt=""/></li>
<li><img src="images/24.png" alt=""/></li>
<li><img src="images/25.png" alt=""/></li>
<li><img src="images/26.png" alt=""/></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //clients -->
<!-- hello -->
<div id="hello" class="hello">
<div class="container">
<div class="col-md-6 hello-info a"></div>
<div class="col-md-6 hello-info">
<h3>HELLO <span>LOREM IPSUM DOLOR SIT AMET</span></h3>
<div class="strip"></div>
<p>Curabitur et dapibus leo. Donec eleifend pharetra sem,
et interdum nunc semper vel. Sed interdum magna eu faucibus faucibus. </p>
<p>Nulla varius faucibus arcu, eget aliquet tortor sollicitudin ut.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam
sollicitudin felis quis varius porta. Donec sit amet diam a elit pulvinar pretium. </p>
<a