<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Thumbnail Gallery - Start Bootstrap Template</title>


<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link data-type="sitestyle" href="styles/style.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">


<!-- 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.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body>
<div class="menu-outer">
<!-- start topmenu -->  
<nav role="navigation" class="navbar-default  topnav">
<div class="container topnav">
<div class="row">
<div class="col-md-4 btm-pdg logo"  data-type="logo">      
<img src="images/logo.png" class="img-responsive" data-type="logo">
</div>
<div class="col-md-8">

<div class="navbar-header">
<button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

</div>

<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<div class="nav navbar-nav top-menu navbar-right top-mrg white-text">
<ul  data-type="menu">
<li>
<a data-alias="index">Home</a>
</li>
<li>
<a data-alias="aboutus">About</a>
</li>
<li>
<a data-alias="gallery">Gallery</a>
</li>
<li>
<a data-alias="contactus">Contact</a>
</li>
</ul>
</div>
</div> 

</div>

</div>
</div>
</nav>
<!-- end topmenu -->
</div>

<div class="container">

<div class="row">

<div class="col-lg-12 bottom-pd">
<div class="banner-outer">
<!--start box1-->
<h3 class="middile">Thumbnail Gallery</h3>
<!--end box1-->
</div>
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box2-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box2-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box3-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box3--> 
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box4-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box4-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box5-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box5-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box6-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box6-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box7--> 
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box7-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box8-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box8-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box9-->   
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box9-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box10-->  
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box10-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box11--> 
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box11-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box12-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box12-->
</div>


<div class="col-lg-3 col-md-4 col-xs-6 thumb">
<!--start box13-->
<a class="thumbnail" href="#">
<img class="img-responsive" src="images/400x300.png" alt="">
</a>
<!--end box13-->
</div>

</div>
</div>

<div class="footer-outer"> 
<!-- start footer -->
<footer>
<div class="container">
<div class="row">

<div class="col-md-12">
<p class="copyright text-muted small text-center">Copyright &copy; Your Company 2014. All Rights Reserved</p>
</div>
</div>
</div>
</footer>

<!-- end footer -->
</div>


<!-- start bootfiles-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- end bootfiles-->

</body>

</html>
