<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>The Beer Mapping Project</title>
<!-- Bootstrap core CSS -->
<link href="style/css/bootstrap.css" rel="stylesheet">
<link href="style/css/settings.css" rel="stylesheet">
<link href="style/css/owl.carousel.css" rel="stylesheet">
<link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
<link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
<link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
<link href="style.css?1780966380" rel="stylesheet">
<link href="style/css/color/blue.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="style/type/fontello.css" rel="stylesheet">
<link href="style/type/picons.css" rel="stylesheet">
<link href="style/type/budicons.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="style/js/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
      
    <!-- CSRF Token -->
    <meta name="csrf-token" content="">

    <!-- Bootstrap and some custom CSS  -->
    <link href="login/assets/css/vendor/bootstrap-noconflict.min.css" rel="stylesheet">
    <link href="login/assets/css/modal-only.css" rel="stylesheet">

	<!-- JavaScript -->
    <script src="login/assets/js/vendor/jquery-1.11.1.min.js"></script>
    <script src="login/assets/js/vendor/bootstrap.min.js"></script>
    <script src=""></script>
    <script src=""></script>
    <script>
        // EasyLogin.options = {
        //     ajaxUrl: '',
        //     lang: ,
        //     debug: ,
        // };
    </script>


<style>
.ondisplay{
	text-align:center;
}
.toggle{
	font-size:10px;
	padding:2px 10px 2px 10px;
	line-height:10px;
	display: inline-block;
}
.toggle a{
	cursor: pointer;
}
</style>
</head>
<body class="full-layout">
<div class="body-wrapper">

<div class="yamm navbar basic default">
    <div class="navbar-header">
      <div class="container">
        <div class="basic-wrapper"> <a class="btn responsive-menu pull-right" data-toggle="collapse" data-target=".navbar-collapse">
	        <i class='icon-menu-1'></i></a> 
	        <h1 style="font-color:white;" >
	        <a class="navbar-brand" href="https://beermapping.com"><img src="https://beermapping.com/images/bmplogo.png" /> 
	        The Beer Mapping Project 
	        </a></h1> 
        </div>
        <div class="collapse navbar-collapse pull-right">
          <ul class="nav navbar-nav">
         
            <li class="dropdown yamm-fullwidth"><a href="#" class="dropdown-toggle js-activated">Search</a>
              <ul class="dropdown-menu yamm-dropdown-menu">
                <li>
                  <div class="yamm-content row">
                    <div class="col-sm-3">
                      <h4>Quick Search</h4>
                      
                      <form>
                      <div class="form-group">
                      <input type="text" id="txt1" onkeyup="bmpSearch(this.value)" placeholder="location name"  />
                      </div>
                      </form>
                      <h4>Locations</h4>
                      
                      <ul id="bmpLocations" class="circled" >
                      <p>Start typing above and results will appear here.</p>
                      </ul>
                    </div>
                    <div class="col-sm-4">
                    <h4>Advanced Search</h4>
                      <p>Search for locations, by name. If you want to center the map on a city or postal code, there's a specific search in the top and bottom of the site.</p>
					<p><a href="https://beermapping.com/search/" class="btn-submit" >Advanced Search</a> </p>
                      
					</div>
					<div class="col-sm-4">
					 <h4>Beer Routes</h4>
					 <p>Or if you want to plan a door to door trip, you can get started creating a Beer Route.</p>
					 <p><a href="https://beermapping.com/beerroutes/" class="btn btn-green" >Beer Routes</a> </p>
					</div>
                </li>
              </ul>
            </li>
            <li class="dropdown"><a href="https://beermapping.com/maps/" class="dropdown-toggle js-activated">Locations</a>
              <ul class="dropdown-menu">
              	<li> <a href="https://beermapping.com/nearby/">Nearby Locations</a></li>
              	<li> <a href="https://beermapping.com/cities/">Popular Cities</a></li>
              	<li> <a href="https://beermapping.com/highestscores/">Highest Scores</a></li>
				<li class="dropdown-submenu" ><a href="https://beermapping.com/recent/additions/">Recent Changes</a>
					<ul class="dropdown-menu">
						<li><a href="https://beermapping.com/recent/additions/">Recent Additions</a></li>
						<li><a href="https://beermapping.com/recent/images/">Recent Photos</a></li>
						<li><a href="https://beermapping.com/recent/reviews/">Recent Reviews</a></li>
					</ul>
				</li>
				