<doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	 <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
	<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon.png">
	<!--<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">-->
	<!--<link rel="icon" type="image/png" sizes="96x96" href="assets/img/eg_favicon.png">-->
	<!--<link rel="icon" type="image/png" href="./assets/img/eg_favicon.png">-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Global Economist</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/gsdk.css" rel="stylesheet"/>
    <link href="assets/css/examples.css" rel="stylesheet"/>
	<link href="assets/css/*.scss" rel="stylesheet"/>
	<link href="assets/css/stephen.css" rel="stylesheet"/>

    <!--     Fonts and icons     -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Grand+Hotel|Open+Sans:400,300' rel='stylesheet' type='text/css'>
    <link href="assets/css/pe-icon-7-stroke.css" rel="stylesheet" />
</head>

<body class="home">

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	<div class="col-md-12 topbar" style="background-color: #a2a2a240;">  
		<div class="container">
			<!--div class="col-md-2">
				<p></p>
			</div>
			<div class="col-md-8">
				<p style="text-align:center;"></p>
			</div-->
			<div class="col-md-2 pull-right" style="width: 10%;background-color: #e9e9e9;text-transform: uppercase;">
				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						  <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding: 0;margin: 0;">-->
								<!--<p>Login<b class="caret"></b></p>-->
						  <!--</a>-->
						  <ul class="dropdown-menu">
							<li><a href="login.php">Memebers</a></li>
							<li><a href="login.php">Partners</a></li>
							<li><a href="login.php">Advisor</a></li>
							<li><a href="login.php">Auditor</a></li>
							<li class="divider"></li>
						  </ul>
					</li>
				  </ul>
			</div>
		</div>
	</div>
    <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header" style="padding: 10px;">
		  <button id="menu-toggle" type="button" class="navbar-toggle">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar bar1"></span>
			<span class="icon-bar bar2"></span>
			<span class="icon-bar bar3"></span>
		  </button>
		  <!--gelw.png-->
		  <a class="navbar-brand" href="https://economist.global" style="width: 200px;"><img src="assets/img/gelw.png" alt="..." style="width:75%;height:125%;"/></a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse">
		  <!--img src="assets/img/logoci.png" alt="..." style="width:20%;padding-top:6.6px;"/-->
		  <ul  class="nav navbar-nav navbar-right">
				<li><a href="index.php#engage">Engage</a></li>
				<li><a href="topics.php">Topics</a></li>
				<li><a href="regions.php">Regions</a></li>
				<li><a href="members.php">Members</a></li>
				<!--li><a href="">Funds</a></li>
				<li><a href="">Media</a></li-->
				<li><a href="connect.php">Connect</a></li>
		   </ul>

		</div><!-- /.navbar-collapse -->
  </div>
</nav>
