<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
* {box-sizing: border-box;}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: red;
  position:fixed;
  top:0;
  width:100%;
}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: green;
  color: white;
}

.topnav a.active {
  background-color: none;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: center;
  padding: 3px 5px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 700px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
#wholepage{
	width:900;
	margin-left:auto;
	margin-right:auto'
}
  
  </style>
</head>
<body>
<div class="topnav">
  <a class="active"href="../index1.php">Home</a>
 <a href="about.php">Contact</a>
 <a href="member.php">Member</a>
  <a href="Gallary.html">Gallary</a>
  <a href="metrimony.php">Metrimony</a>
   <a href="master/Registration.php">Registration</a>
  <a href="login.php">Login</a>
  <div class="search-container">
    <form action="/action_page.php">
      <input type="text" placeholder="Search.." name="search">
      <button type="enter"><i class="fa fa-search"></i></button>
    </form>
  </div>
</div><br>
<br>
<center><font size="5"font color="#00ffff"><h2>श्री गहोई वैश्य एसोसियेशन, जबलपुर ग्लोबल</h2></font></center>
<marquee behavior="scroll" direction="left"><font color="#00ff00"><font size="5">SHRI GAHOI VAISHYA ASSOCIATION JABALPUR GLOBAL</marquee><br>
<div style="padding-centre:16px">
 

</body>
</html>		
	
	<section class="page-header">
		
		<div class="container">
			
			<center><h1 class="text-center"style="color:red">Our History</h1></center>
			
		</div><!--/ .container-->
		
	</section><!--/ .page-header-->
	
	<!-- - - - - - - - - - - - - end Page Header - - - - - - - - - - - - - - -->	

	<!-- - - - - - - - - - - - - - Main - - - - - - - - - - - - - - - - -->		
		
	<section class="main container sbr clearfix">	
		
		
		<div class="bordered">
			<center>
			<figure class="add-border">
				<img src="images/pages/history/1.jpg" alt="" />
				<img src="images/pages/history/2.jpg" alt="" />
				<img src="images/pages/history/3.jpg" alt="" />
			</figure>
			</center>
		</div><!--/ .bordered-->
		
	</section><!--/ .main -->

	<!-- - - - - - - - - - - - - end Main - - - - - - - - - - - - - - - - -->			
	
	<!-- - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->	
	
	<footer id="footer">
		
		<div class="container clearfix">
			<div class="copyright">Copyright © 2015  · गहोई वैश्य एसोसियेशन, जबलपुर  ·  All rights reserved</div>

		</div><!--/ .container-->
		
	</footer><!--/ #footer-->
	
	<!-- - - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->	
	

<!-- GET JQUERY FROM THE GOOGLE APIS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<!--[if lt IE 9]>
	<script src="js/selectivizr-and-extra-selectors.min.js"></script>
<![endif]-->
<script src="js/respond.min.js"></script>

 <!-- JQUERY KENBURN SLIDER  -->	
<script src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>			
<script src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>	
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="fancybox/jquery.fancybox.pack.js"></script>
<script src="js/custom.js"></script>
</body>
</html>