<!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>

    <!-- Bootstrap Core CSS -->
    <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">

    <!-- Custom CSS -->
   <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="container bg">
<div class="row">
<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  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 new-z">
<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>


     <!--start box1-->
    <div class="container">

        <div class="row">

            <div class="col-lg-12">
                <h1 class="page-header">Contact Us</h1>
            </div>

<div class="col-md-6 ">
<form role="form">
<div class="form-group">
<label for="email">Name:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="Message">Message</label>
<textarea name="" class="form-control"></textarea>

</div>
<div class="form-group">
<div class="checkbox">
<label><input type="checkbox"> Remember me</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</div>
</form>
</div>
<div class="col-md-6">
<ul>
<li>
<h4>CONTACT INFO</h4></li>
<li><i class="fa  fa-building-o right-mrg"></i>76 Ninth Ave, New York, USA</li>
<li><i class="fa  fa-phone right-mrg"></i>+621 234 4567</li>
<li><i class="fa  fa-envelope-o right-mrg"></i>hello@yourcompany.com</li>

</ul>
</div>
          
        </div>
</div>
<!--end box1-->

<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> </div> </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>
