Team:Georgia State/Template:TOP-LOGO-NAVIGATION

<html>
<div id="container">
		<div class="hidden-header"></div>
        <header class="clearfix">
			<div class="top-bar">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
                            <!-- Start iGEM Menu -->
							<ul class="contact-details">
                            	<li><a href="#"><i class="icon-doc-text-1"></i> Page</a></li>
                                <li><a href="#"><i class="icon-chat-empty"></i> Discussion</a></li>
                                <li><a href="#"><i class="icon-code-2"></i> View Source</a></li>
                                <li><a href="#"><i class="icon-back-in-time"></i> History</a></li>
                                <li><a href="#"><i class="icon-globe-1"></i> Teams</a></li>
                                <li><a href="#"><i class="icon-user"></i> Account</a></li>
                            </ul>
                            <!-- End iGEM Menu -->
						</div>
						<div class="col-md-6">
                            <!-- Start Social Links -->
							<ul class="social-list">
								<li>
									<a class="facebook sh-tooltip" data-placement="bottom" title="Facebook" href="http://www.facebook.com/GSUiGEM" target="_blank"><i class="icon-facebook-2"></i></a>
								</li>
								<li>
									<a class="twitter sh-tooltip" data-placement="bottom" title="Twitter" href="http://twitter.com/GSU_iGEM" target="_blank"><i class="icon-twitter-2"></i></a>
								</li>
								<li>
									<a class="google sh-tooltip" data-placement="bottom" title="Google Plus" href="http://plus.google.com/109018006666939521341" target="_blank"><i class="icon-gplus"></i></a>
								</li>
                                <li>
									<a class="flickr sh-tooltip" data-placement="bottom" title="Flickr" href="#"><i class="icon-flickr-1"></i></a>
								</li>
                                <li>
									<a class="vimeo sh-tooltip" data-placement="bottom" title="vimeo" href="#"><i class="icon-vimeo-1"></i></a>
								</li>
							</ul>
                            <!-- End Social Links -->
						</div>
					</div>
				</div>
			</div>
            <!-- End Top Bar -->
          
			<!-- Start Header ( Logo & Naviagtion ) -->
			<div class="navbar navbar-default navbar-top">
				<div class="container">
					<div class="navbar-header">
                        <!-- Stat Toggle Nav Link For Mobile Devices -->
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
							<i class="icon-menu-1"></i>
						</button>
                        <!-- End Toggle Nav Link For Mobile Devices -->
						<a class="navbar-brand" href="index.html"><img alt="" src="http://igem.roberteloi.com/images/mamba-logo.png"></a>
					</div>
					<div class="navbar-collapse collapse">
                        <!-- Stat Search -->
                    	<div class="search-side">
                            <a href="#" class="show-search"><i class="icon-search-1"></i></a>
                            <div class="search-form">
                                <form autocomplete="off" role="search" method="get" id="searchform" class="searchform" action="/Special:Search">
                                    <input type="text" value="" name="search" id="searchInput" placeholder="Search iGEM 2014..." accesskey="f">
                                </form>
                            </div>
                        </div>
                        <!-- End Search -->
                        
                        <!-- Start Navigation List -->
						<ul class="nav navbar-nav navbar-right">
							<li>
								<a class="active" href="#">Home</a>
							</li>
							<li>
								<a href="#">Explore</a>
								<ul class="dropdown">
									<li><a href="#">Project Summary</a></li>
                                    <li><a href="#">Registry Submissions</a></li>
                                    <li><a href="#">Project Safety</a></li>
								</ul>
							</li>
                            <li>
								<a href="#">Team</a>
								<ul class="dropdown">
									<li><a href="#">Members</a></li>
                                    <li><a href="#">Attributions</a></li>
                                    <li><a href="#">Official Profile</a></li>
								</ul>
							</li>
							<li>
								<a href="#">Research</a>
								<ul class="dropdown">
									<li><a href="#">Notebook</a></li>
                                    <li><a href="#">Highlights</a></li>
								</ul>
							</li>
						</ul>
                        <!-- End Navigation List -->
					</div>
				</div>
			</div>
            <!-- End Header ( Logo & Naviagtion ) -->
          
		</header>
		<!-- End Header -->

</html>