<?php

/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package UIU_CSE
 */

?>

<!-- <footer id="colophon" class="site-footer">
	<div class="site-info">
		</div> -->
<!-- .site-info -->
<!-- </footer> -->
<footer class="container-fluid">
	<div class="container">
		<div class="grid">
			<div>
				<h3>Helpful Links</h3>
				<ul>
					<li><a href="#">Academic calendar</a></li>
					<li><a href="#">Leadership</a></li>
					<li><a href="#">Careers</a></li>
					<li><a href="#">Events</a></li>
					<li><a href="#">Emergency Preparedness</a></li>
					<li><a href="#">News</a></li>
				</ul>
			</div>

			<div>
				<h3>Career</h3>
				<ul>
					<li><a href="#">Academic calendar</a></li>
					<li><a href="#">Leadership</a></li>
					<li><a href="#">Careers</a></li>
					<li><a href="#">Events</a></li>
					<li><a href="#">Emergency Preparedness</a></li>
					<li><a href="#">News</a></li>
				</ul>
			</div>

			<div>
				<h3>Emergency Contacts</h3>
				<ul>
					<li><a href="#">Police Station</a></li>
					<li><a href="#">First Response</a></li>
					<li><a href="#">Medical Counsellor</a></li>
					<li><a href="#">Events</a></li>
					<li><a href="#">Emergency Preparedness</a></li>
					<li><a href="#">News</a></li>
				</ul>
			</div>

			<div id="location">
				<h3>Location</h3>
				<div id="wrapper-9cd199b9cc5410cd3b1ad21cab2e54d3">
					<div id="map-9cd199b9cc5410cd3b1ad21cab2e54d3"></div>
					<script>
						(function() {
							var setting = {
								"height": 240,
								"width": 240,
								"zoom": 14,
								"queryString": "United International University, Madani Avenue, Dhaka, Bangladesh",
								"place_id": "ChIJLa8sBNjHVTcR3x02YOOjb2g",
								"satellite": false,
								"centerCoord": [23.797882907003352, 90.44971000000001],
								"cid": "0x686fa3e360361ddf",
								"lang": "en",
								"cityUrl": "/bangladesh/dhaka-2125",
								"cityAnchorText": "Map of Dhaka, Bangladesh",
								"id": "map-9cd199b9cc5410cd3b1ad21cab2e54d3",
								"embed_id": "826984"
							};
							var d = document;
							var s = d.createElement('script');
							s.src = 'https://1map.com/js/script-for-user.js?embed_id=826984';
							s.async = true;
							s.onload = function(e) {
								window.OneMap.initMap(setting)
							};
							var to = d.getElementsByTagName('script')[0];
							to.parentNode.insertBefore(s, to);
						})();
					</script><a href="https://1map.com/map-embed">1 Map</a>
				</div>
			</div>
		</div>

	</div>

	<div class="container" id="fine-print">
		<p>United City, Madani Ave, Dhaka 1212</p>
		<ul>
			<li>Privacy Policy</li>
			<li>Accessability Assitance</li>
			<li>Copyright</li>
			<li>Site Information</li>
		</ul>
	</div>


</footer><!-- #colophon -->
</div><!-- #page -->


<div id="search-modal" class="overlay">

	<button id="search-close" onclick="closeSearch()">
		close
	</button>

	<div class="container-fluid overlay-content">
		<div class="container">
			<div>
				<h4>Search UIU</h4>
				<label for="search-web">Web</label>
				<input id="search-people" name="search_type" type="radio" value="web" class="radio-search">

				<label for="search-web">people</label>
				<input id="search-people" name="search_type" type="radio" value="people" class="radio-search">
			</div>

			<div>
				<input type="search" id="search-bar" name="search" id="" aria-label="search" placeholder="Search all UIU sites">
				<button id="search-button"> Search</button>
			</div>

			<div>
				<h6>Other ways to search:</h6>
				<a href="#">UIU sitemap</a>
				<a href="#">Faculty Directory</a>
			</div>
		</div>
	</div>

</div>

<div id="myNav" class="overlay">

	<!-- Button to close the overlay navigation -->
	<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
	<div id="bars-logo">
		<img src="<?php echo (get_header_image()); ?>" alt="<?php echo (get_bloginfo('title')); ?>">
	</div>
	<div class="grid">
		<!-- Overlay content -->
		<div class="overlay-content">
			<h1>About</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>
		<div class="overlay-content">
			<h1>Admission</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>
		<div class="overlay-content">
			<h1>Research</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>

		<div class="overlay-content">
			<h1>Media</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>


	</div>
	<div class="grid">
		<!-- Overlay content -->
		<div class="overlay-content">
			<h1>Faculty</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>
		<div class="overlay-content">
			<h1>Contact</h1>
			<a href="#">About</a>
			<a href="#">Services</a>
			<a href="#">Clients</a>
			<a href="#">Contact</a>
		</div>



	</div>
</div>

<?php wp_footer(); ?>
</body>

</html>