Add: Apply bootstrap - index.html

src/web/module/header.html

@@ -1,47 +1,23 @@
-<style>
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+	<div class="container">
 
-.home {
-	display: inline-block;
-	float: left;
-	padding: 0px;
-	margin: 0px;
-}
+		<a class="navbar-brand" href="javascript:void(0);" onClick="goHome()" href="">마우스 타자 연습</a>
 
-.header_menu {
-	float: right;
-	padding: 0px;
-	margin: 0px;
-}
+		</button>
 
-.header_menu li {
-	float: left;
-	list-style: none;
-}
+		<div class="collapse navbar-collapse" id="navbarsExampleDefault">
+			<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
 
-</style>
+				<li class="nav-item mx-1">
+					<a class="btn btn-warning px-4" href="./../client/login.html">등록 학생<br/>로그인</a>
+				</li>
 
+				<li class="nav-item mx-1">
+					<a class="btn btn-primary px-4" href="./../main/login.html">마에스트로<br/>로그인</a>
+				</li>
 
-<div class="container">
+			</ul>
+		</div>
 
-	<span class="home">
-		<span class="col">
-			<a id="login_maestro" class="btn btn-orange" onClick="goHome()">마우스 타자 연습<br/>홈</a>
-		</span>
-	</span>
-
-	<nav>
-		<ul class="header_menu">
-			<li>
-				<span class="col">
-					<a href="./../client/login.html" target="_blank" id="login_player" class="btn btn-rouge">등록 학생 앱<br/>실행</a>
-				</span>
-			</li>
-			<li>
-				<span class="col">
-					<a href="./../main/login.html" id="login_maestro" class="btn btn-sea">마에스트로 계정<br/>로그인</a>
-				</span>
-			</li>
-		</ul>
-	</nav>
-
-</div>
+	</div> <!-- container -->
+</nav>