Fix: home contents

src/web/module/home_section.html

@@ -1,7 +1,11 @@
 <script>
 
 $(document).ready(function() {
-	showErrorMessage("(12월 16일) 새소식 - 자격증 타이머 앱 서비스가 추가<br/>화면 하단에서 내용을 확인하고 앱을 실행해 보세요.", "success");
+	showErrorMessage(
+		"(12월 16일) 새소식<br/>\
+		<span class='oi oi-clock' title='icon clock' aria-hidden='true'></span>\
+		&nbsp;[ 자격증 타이머 ] 앱 추가 - 화면 하단의 [ 보너스, 추가 컨텐츠 ] 에 앱이 추가되었습니다.", "success"
+	);
 });
 
 
@@ -59,34 +63,57 @@ function experienceMaestro() {
 
 		<div class="row justify-content-center">
 			<div class="col-4">
-				<h5>&nbsp;</h5>
-			</div>
-			<div class="col-8">
 				<h5>무료 체험 앱</h5>
-			</div>
-		</div>
-		<div class="row justify-content-center">
-			<div class="col-4">
-						<a class="btn btn-outline-dark btn-block btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">
-							<span class="oi oi-browser" title="icon browser" aria-hidden="true"></span>
-							&nbsp;학생 무료 체험
-						</a>
-			</div>
-			<div class="col-8">
 				<div class="row">
-					<div class="col-4">
+					<div>
 						<ul>
 							<li>마우스 클릭 연습</li>
 							<li>마우스 드래그 연습</li>
+							<li>마우스 더블 클릭 연습</li>
 						</ul>
 					</div>
-					<div class="col-8">
+					<div>
 						<ul>
-							<li>마우스 더블 클릭 연습</li>
 							<li>한글 타자 연습</li>
+							<li>두더지 타자 (한글)</li>
 						</ul>
 					</div>
 				</div>
+		 	</div>
+
+			<div class="col-8">
+				<h5>유료 계정 전용 앱</h5>
+				<div class="row">
+					<div>
+						<ul>
+							<li>마우스 움직임 연습</li>
+						</ul>
+					</div>
+					<div>
+						<ul>
+							<li>영어 타자 연습</li>
+							<li>두더지 타자 (영어)</li>
+						</ul>
+					</div>
+					<div>
+						<ul>
+							<li>자격증 타이머</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div class="row">
+			<div class="col-4">
+				<a class="btn btn-outline-dark btn-block btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">
+					<span class="oi oi-browser" title="icon browser" aria-hidden="true"></span>
+					&nbsp;학생 무료 체험
+				</a>
+			</div>
+			<div class="col-8 mt-2">
+				<span class="oi oi-check" title="icon check" aria-hidden="true"></span>
+				&nbsp;마에스트로 유료 서비스를 가입하시고, 학생들과 함께 모든 앱을 사용하세요.
 			</div>
 		</div>
 
@@ -179,7 +206,16 @@ function experienceMaestro() {
 	<div class="px-5 py-4" style="background-color: #ccff99">	<!-- jumbotron -->
 		<h1 class="display-3 font-weight-bold">보너스<span class="display-4">, 추가 컨텐츠</span></h1>
 
-		<div class="row mt-3">
+		<div class="row justify-content-center">
+			<div class="col-4">
+				<h5>&nbsp;</h5>
+			</div>
+			<div class="col-8">
+				<h5>자격증 시험을 준비하는 학생들과 선생님에게 꼭 필요한 앱!</h5>
+			</div>
+		</div>
+		<div class="row justify-content-center">
+		<!-- <div class="row mt-3"> -->
 			<div class="col-4">
 				<a class="btn btn-outline-dark btn-block btn-lg" role="button" href="./../client/license_timer.html" target="_blank">
 					<span class="oi oi-clock" title="icon clock" aria-hidden="true"></span>
@@ -187,17 +223,17 @@ function experienceMaestro() {
 				</a>
 			</div>
 			<div class="col-8">
-				<h5>자격증 시험을 준비하는 학생들과 선생님에게 꼭 필요한 앱!</h5>
-				<div class="col-8">
+				<div>
 					<div class="row">
-						<div class="col-6">
+						<div>
 							<ul>
-								<li>타이머 시간 저장</li>
+								<li>무설치, 웹브라우저 타이머</li>
 							</ul>
 						</div>
-						<div class="col-6">
+						<div>
 							<ul>
-								<li>과목 및 성적 저장</li>
+								<li>(유료 기능) 타이머 시간 저장</li>
+								<li>(유료 기능) 과목 및 성적 저장</li>
 							</ul>
 						</div>
 					</div>