<div class="bg-top navbar-light">
    	<div class="container">
    		<div class="row no-gutters d-flex align-items-center align-items-stretch">
    			<div class="col-md-4 d-flex align-items-center py-4">
    				<a class="navbar-brand" href="index.php"><img src="images/logos/logo.png" style="max-width:100px"></a>
    			</div>
	    		<div class="col-lg-8 d-block">
		    		<div class="row d-flex">
					    <div class="col-md d-flex topper align-items-center align-items-stretch py-md-4">
					    	<div class="icon d-flex justify-content-center align-items-center"><span class="icon-paper-plane"></span></div>
					    	<div class="text">
					    		<span>Email</span>
						    	<span>Info@researchobs.com</span>
						    </div>
					    </div>
					    <div class="col-md d-flex topper align-items-center align-items-stretch py-md-4">
					    	<div class="icon d-flex justify-content-center align-items-center"><span class="icon-phone2"></span></div>
						    <div class="text">
						    	<span>Call</span>
						    	<span>Call Us: +27 11 568 6639</span>
						    </div>
					    </div>
					    <div class="col-md topper d-flex align-items-center justify-content-end">
					    	<p class="mb-0">
					    		<a href="contact.php" class="btn py-2 px-3 btn-primary d-flex align-items-center justify-content-center">
					    			<span>Contact us</span>
					    		</a>
					    	</p>
					    </div>
				    </div>
			    </div>
		    </div>
		  </div>
    </div>
	<nav class="navbar navbar-expand-lg navbar-dark bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container d-flex align-items-center px-4">
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button>
	      
	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav mr-auto">
	        	<li class="nav-item"><a href="index.php" class="nav-link pl-0">Home</a></li>
	        	
     
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        About Us
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="about.php">About ROI</a> 
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Staff</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Research Associates</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Careers</a>
                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Services
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="service-advice.php">Advice</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-sampling.php">Sampling and Validity</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-prediction.php">Prediction and Modelling</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-data-collection.php">Data Collection and Training</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-reporting.php">Reporting</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-data-mgt.php">Data Management</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="service-data-mining.php">Data Mining</a>
                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Training
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Our Courses</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Our Schedule</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Joining Class</a>
                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Research Outputs
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Academic Publications</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Occasional Papers</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Provocations</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Infographics</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Presentation</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Books</a>
                    </div>
                </li>

                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Notable Projects
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">Coming Soon</a>
                    </div>
                </li>

                <li class="nav-item"><a href="contact.php" class="nav-link">Contact</a></li>
	        </ul>
	      </div>
	    </div>
	</nav>
    <!-- END nav -->