<!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="FlashLight 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>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
<!-- js -->
<!-- start-smoth-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-smoth-scrolling -->
<!--script-->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.view a').Chocolat();
});
</script>
</head>
<body>
<!--header-->
<div class="header" id="home">
<div class="container">
<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 cl-effect-20">
<li><a class="scroll active" href="#home"><span data-hover="Home">Home</span></a></li>
<li><a class="scroll" href="#about"><span data-hover="About">About</span></a></li>
<li><a class="scroll" href="#services"><span data-hover="Services">Services</span></a></li>
<li><a class="scroll" href="#projects"><span data-hover="Latest Projects">Latest Projects</span></a></li>
<li><a class="scroll" href="#contact"><span data-hover="Contact">Contact</span></a></li>
</ul>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
<div class="clearfix"></div>
</div>
</div>
<!--//header-->
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-info text-center">
<h1>WELCOME TO THE FLASHLIGHT</h1>
<p>Affordable pricing and guaranteed quality.</p>
</div>
</div>
</div>
<!--//banner-->
<!--about-->
<div id="about" class="about">
<div class="about-grids">
<div class="col-md-6 about-left">
<div class="about-info">
<h3>ABOUT US</h3>
<p>Quisque eu sapien lacinia, ultrices neque sed, tincidunt ipsum. Etiam commodo in quam at blandit. Nunc volutpat, odio ac hendrerit pretium, arcu dolor ornare odio, vitae dapibus tortor urna a diam. </p>
<p>Nam viverra velit metus, nec tincidunt felis rhoncus vitae. Nam semper ligula in leo varius, sodales gravida erat mattis. </p>
<a href="#">READ MORE</a>
</div>
</div>
<div class="col-md-6 about-right">
<section class="main">
<div class="ia-container">
<figure>
<img src="images/s-3.jpg" alt="image01" />
<input type="radio" name="radio-set" checked="checked"/>
<figcaption><span>True Colors</span></figcaption>
<figure>
<img src="images/s-1.jpg" alt="image02" />
<input type="radio" name="radio-set" />
<figcaption><span>Honest Light</span></figcaption>
<figure>
<img src="images/s-2.jpg" alt="image03" />
<input type="radio" name="radio-set" />
<figcaption><span>Silent Serenity</span></figcaption>
<figure>
<img src="images/s-4.jpg" alt="image04" />
<input type="radio" name="radio-set" />
<figcaption><span>Warm Welcome</span></figcaption>
<figure>
<img src="images/s-5.jpg" alt="image05" />
<input type="radio" name="radio-set" />
<figcaption><span>Sensible Magic</span></figcaption>
<figure>
<img src="images/s-6.jpg" alt="image06" />
<input type="radio" name="radio-set" />
<figcaption><span>Lovely Midnight</span></figcaption>
<figure>
<img src="images/s-7.jpg" alt="image07" />
<input type="radio" name="radio-set" />
<figcaption><span>Illuminated Darkness</span></figcaption>
<figure>
<img src="images/s-8.jpg" alt="image08" />
<input id="ia-selector-last" type="radio" name="radio-set" />
<figcaption><span>Happy Child</span></figcaption>
</figure>
</figure>
</figure>
</figure>
</figure>
</figure>
</figure>
</figure>
</div><!-- ia-container -->
</section>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--//about-->
<!--services-starts-->
<div class="services" id="services">
<div class="container">
<div class="services-top heading">
<h3>Services</h3>
</div>
<div class="services-bottom">
<div class="col-md-3 services-left">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
<h4>Consultation</h4>
<p>Donec nec arcu et nulla blandit tincidunt id consequat enim. Ut nec commodo lacus. Integer vel vehicula magna. </p>
</div>
<div class="col-md-3 services-left">
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
<h4>Pro Portfolio</h4>
<p>Donec nec arcu et nulla blandit tincidunt id consequat enim. Ut nec commodo lacus. Integer vel vehicula magna. </p>
</div>
<div class="col-md-3 services-left">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
<h4>Featured Services</h4>
<p>Donec nec arcu et nulla blandit tincidunt id consequat enim. Ut nec commodo lacus. Integer vel vehicula magna. </p>
</div>
<div class="col-md-3 services-left">
<span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
<h4>Global Solutions</h4>
<p>Donec nec arcu et nulla blandit tincidunt id consequat enim. Ut nec commodo lacus. Integer vel vehicula magna. </p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--services-end-->
<!--testimonials-starts-->
<div class="test">
<div class="container">
<div class="test-top">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="test-1">
<img src="images/t-1.png" alt="" />
</div>
<div class="test-2">
<span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
<p>" Maecenas vitae sem diam. In scelerisque, elit non interdum posuere, ligula eros ullamcorper odio, et aliquam ligula diam et lorem. Duis lobortis eget turpis vel mollis. "</p>
<h4>LISA WHITE</h4>
</div>
<div class="clearfix"></div>
</li>
<li>
<div class="test-1">
<img src="images/t-2.png" alt="" />