From f4f6ad4bdad59293650e5e0bfaa2bca3e93c3b3b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=A2=E1=84=91=E1=85=B3=E1=86=AF=20=E1=84=82?=
 =?UTF-8?q?=E1=85=A9=E1=84=90=E1=85=B3=E1=84=87=E1=85=AE=E1=86=A8?=
 <jisangs@gmail.com>
Date: Tue, 24 Jul 2018 13:52:11 +0900
Subject: [PATCH] Fix: change style

---
 src/web/module/footer.html       | 30 ++++++++++++++++-----------
 src/web/module/header.html       |  6 +++---
 src/web/module/home_section.html | 35 +++++++++++++++++++++-----------
 3 files changed, 44 insertions(+), 27 deletions(-)

diff --git a/src/web/module/footer.html b/src/web/module/footer.html
index 8a953c9..6cd275f 100644
--- a/src/web/module/footer.html
+++ b/src/web/module/footer.html
@@ -1,13 +1,19 @@
-<div class="container">
-  <div class="row bg-dark p-3">
-    <div class="col-sm text-white text-left align-middle">
-      Copyright @JINAJU
+<footer class="page-footer bg-dark text-white blue py-2">
+    <div class="container text-center text-md-left">
+      <div class="row">
+
+        <div class="col-md-3 mt-md-0 mt-3 text-left">
+          <p>Copyright @JINAJU</p>
+        </div>
+
+        <div class="col-md-6 mb-md-0 mb-3 text-center">
+          <p>문의 : support@jinaju.com</p>
+        </div>
+
+        <div class="col-md-3 mb-md-0 mb-3 text-right">
+          <a class="btn btn-sm btn-primary" href="./../main/faq.html">FAQ</a>
+        </div>
+
+      </div>
     </div>
-    <div class="col-sm text-white text-center align-middle">
-      문의 : support@jinaju.com
-    </div>
-    <div class="col-sm text-right align-middle">
-      <a class="btn btn-primary" href="./../main/faq.html">FAQ</a>
-    </div>
-  </div>
-</div>
\ No newline at end of file
+  </footer>
\ No newline at end of file
diff --git a/src/web/module/header.html b/src/web/module/header.html
index 371924e..9f5af77 100644
--- a/src/web/module/header.html
+++ b/src/web/module/header.html
@@ -8,12 +8,12 @@
 		<div class="collapse navbar-collapse" id="navbarsExampleDefault">
 			<ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
 
-				<li class="nav-item mx-1">
+				<li class="nav-item mr-2">
 					<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 class="nav-item">
+					<a class="btn btn-primary" href="./../main/login.html">마에스트로<br/>로그인</a>
 				</li>
 
 			</ul>
diff --git a/src/web/module/home_section.html b/src/web/module/home_section.html
index 2939474..f103a50 100644
--- a/src/web/module/home_section.html
+++ b/src/web/module/home_section.html
@@ -39,21 +39,33 @@ function experienceMaestro() {
 
 
 
-<p>&nbsp;</p>
-
 <div class="container">
 
-	<div class="jumbotron bg-warning">
+	<div class="bg-warning px-5 py-4 my-3">
 		<div class="container">
 
 		<h1 class="display-3 font-weight-bold">마우스 타자 연습</h1>
 
 		<p>방과후 컴퓨터 강사를 하며, 아직 컴퓨터 사용이 익숙하지 않은 학생들을 위해 준비한 서비스입니다.<br/>학생들이 좋아할만한 여러 가지 앱들을 준비했습니다. 재미있게 플레이하면서 자연스럽게 마우스 사용법과 타자를 배우고 익히게 됩니다.</p>
 
-		<ul>
-			<li>(무료 체험 가능 앱) 마우스 클릭 연습</li>
-			<li>(무료 체험 가능 앱) 마우스 더블 클릭 연습</li>
-			<li>(무료 체험 가능 앱) 한글 타자 연습</li>
+		<h5>무료 체험 가능 앱</h5>
+<!--
+		<div class="row text-center justify-content-center">
+			<div class="col-2 bg-dark">
+				<h6>마우스 클릭 연습</h6>
+			</div>
+			<div class="col-2">
+				<h6>마우스 더블 클릭 연습</h6>
+			</div>
+			<div class="col-2 bg-dark">
+				<h6>한글 타자 연습</h6>
+			</div>
+		</div>
+ -->
+		<ul class="inline">
+			<li>마우스 클릭 연습</li>
+			<li>마우스 더블 클릭 연습</li>
+			<li>한글 타자 연습</li>
 		</ul>
 
 		<p><a class="btn btn-outline-dark btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">학생 무료 체험 »</a></p>
@@ -61,13 +73,14 @@ function experienceMaestro() {
 		</div>
 	</div> <!-- jumbotron -->
 
-	<div class="jumbotron bg-primary">
+	<div class="bg-primary px-5 py-4 my-3">
 		<div class="container">
 
 		<h1 class="display-3 font-weight-bold">마에스트로, 관리자</h1>
 
 		<p>마에스트로 계정을 등록하시면 학생 목록을 등록하고 관리하실 수 있습니다. 학생들이 플레이 할 수 있는 앱의 목록도 편집이 가능합니다.<br/>등록된 학생들은 추가적인 마우스, 타자 연습 앱을 모두 사용할 수 있게 됩니다. 추가적으로 연습 앱을 플레이한 점수와 타수 등의 기록이 서버에 저장되고 내역을 확인할 수 있게 됩니다.</p>
 
+		<h5>마에스트로 관리 기능</h5>
 		<ul>
 			<li>학생 등록 및 삭제</li>
 			<li>학생 정보 수정</li>
@@ -80,10 +93,8 @@ function experienceMaestro() {
 
 		<p><a class="btn btn-outline-light btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a></p>
 
- 		<p>&nbsp;</p>
-		<h2 class="display-5">가격 (1년 기준)</h2>
-
-		<ul class="mt-3 mb-4">
+		<h5 class="mt-4">계정 등록 비용 (금액 / 1년)</h5>
+		<ul>
 			<li>1만원 : 학생 20명</li>
 			<li>2만원 : 학생 30명</li>
 			<li>3만원 : 학생 100명</li>