Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>29th Infantry Division - Home</title>
		<meta name="description" content="The 29th Infantry Division is a realism unit spread throughout multiple games in multiple time periods. Each game is supported separately by different companies while serving under the same Battalion so that all games and soldiers function individually and as all whole.">
		<meta name="keywords" content="29th Infantry Division, 29th ID, 29th">
		<link rel="stylesheet" href="assets/css/styles.css">
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto" type="text/css">
	</head>
	<body>
		<div id="main">
			<div id="header">
				<a title="Home" href=""><img id="logo" src="assets/img/logo.png"></a>
				<a title="Home" href=""><img id="logo2" src="assets/img/logo.png"></a>
				<hr id="definition">
			</div>
			<div id="navbar">
				<img id="nav_link_img" src="assets/img/home.png">
				<a id="nav_link" href=""><p id="nav_link_txt">Home</p></a>
				<img id="drop_img" src="assets/img/about.png">
				<div class="dropdown">
					<a id="nav_link"><p class="aboutbtn">About&#8250;</p></a>
					<div class="dropdown-content">
						<a href="">Introduction</a>
						<a href="">Structure</a>
						<a href="">History</a>
						<a href="">Enlistment Process</a>
						<a href="">Q&A</a>
					</div>
				</div>
				<img id="nav_link_img2" src="assets/img/roster.png">
				<a id="nav_link2" href=""><p id="nav_link_txt2">Roster</p></a>
				<img id="nav_link_img" src="assets/img/forums.png">
				<a id="nav_link" href=""><p id="nav_link_txt">Forum</p></a>
				<img id="nav_link_img" src="assets/img/enlist.png">
				<a id="nav_link" href=""><p id="nav_link_txt">Enlist</p></a>
				<img id="nav_link_img" src="assets/img/servers.png">
				<a id="nav_link" href=""><p id="nav_link_txt">Servers</p></a>
				<img id="collapse_link_img" src="assets/img/collapse.png">
				<a id="collapse_link"><p id="collapse_link_txt" onClick="document.getElementById('navbar').style.width = '50px'; document.getElementById('navbar').style.transitionDuration = '.5s'; document.getElementById('header').style.width = '50px'; document.getElementById('header').style.transitionDuration = '.5s'; document.getElementById('logo2').style.display = 'block'; document.getElementById('logo').style.display = 'none'; document.getElementById('content').style.marginLeft = '-150px'; document.getElementById('content').style.transitionDuration = '.5s'; document.getElementById('collapse_link_img').style.display = 'none'; document.getElementById('collapse_link_txt').style.display = 'none'; document.getElementById('open_link_img').style.display = 'block'; document.getElementById('open_link_txt').style.display = 'block'; document.getElementById('definition').style.marginTop = '3px'; document.getElementById('navbar').style.textIndent = '-9999px'; document.getElementById('navbar').style.width = '50px'">Collapse</p></a>
				<img id="open_link_img" src="assets/img/arrow.png" >
				<a id="open_link"><p id="open_link_txt" onClick="document.getElementById('navbar').style.width = '200px'; document.getElementById('header').style.width = '200px'; document.getElementById('logo2').style.display = 'none'; document.getElementById('logo').style.display = 'block'; document.getElementById('content').style.marginLeft = '0px'; document.getElementById('collapse_link_img').style.display = 'block'; document.getElementById('collapse_link_txt').style.display = 'block'; document.getElementById('collapse_link_txt').style.marginTop = '-35px'; document.getElementById('open_link_img').style.display = 'none'; document.getElementById('open_link_txt').style.display = 'none'; document.getElementById('definition').style.marginTop = '3px';  document.getElementById('definition').style.marginTop = '3px'; document.getElementById('navbar').style.textIndent = '0px'; document.getElementById('navbar').style.width = '200px'">Open</p></a>
			</div>
			<div id="content">
				<marquee id="announcements" behavior="scroll" direction="left" scrollamount="10">NOTICE: This site is still in development!</marquee>
			</div>
			<div id="footer">
				<center>
					<a href="https://www.youtube.com/channel/UC5mY7PbvGEtfBxH08HHP9Bg" title="Youtube Channel" target="_blank"><img id="footer_img" src="assets/img/youtube.png" class="youtube"></a>
					<a href="https://twitter.com/TwentyNinthID" title="Twitter" target="_blank"><img id="footer_img" src="assets/img/twitter.png" class="twitter"></a>
					<a href="https://www.facebook.com/29thinfantrydivision" title="Facebook" target="_blank"><img id="footer_img" src="assets/img/facebook.png" class="facebook"></a>
				</center>
				<p id="footer_text">Made with &#10084; by the E4 Mafia.</p>
				<p id="copyright">29TH INFANTRY DIVISION | ARMA 3 | RISING STORM 2: VIETNAM | SQUAD</p>
			</div>
		</div>
	</body>
</html>