Fix: add timer content to homepage

src/web/module/home_section.html

@@ -1,5 +1,10 @@
 <script>
 
+$(document).ready(function() {
+	showErrorMessage("(12월 16일) 새소식 - 자격증 타이머 앱 서비스가 추가<br/>화면 하단에서 내용을 확인하고 앱을 실행해 보세요.", "success");
+});
+
+
 function loadMaestroExperienceAccount() {
 	sendRequestServer(	//url, sendParams, onSuccess, onFail, isDebugMode);
 		"./../server/maestro/maestro_experience_account.php",
@@ -39,7 +44,13 @@ function experienceMaestro() {
 
 <div class="container py-3">
 
-	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">
+	<div class="row mx-0">
+		<div class="col px-0">
+			<div id="message_box"></div>
+		</div>
+	</div>
+
+	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">	<!-- jumbotron -->
 		<h1 class="display-3 font-weight-bold">마우스 타자 연습<span class="display-4">, 학생</span></h1>
 
 		<p>아직 마우스와 타자가 익숙하지 않으신가요?<br/>
@@ -81,7 +92,9 @@ function experienceMaestro() {
 
 	</div>	<!-- jumbotron -->
 
-	<div class="px-5 py-4" style="background-color: #99ccff">
+
+
+	<div class="px-5 py-4 mb-3" style="background-color: #99ccff">	<!-- jumbotron -->
 		<h1 class="display-3 font-weight-bold">마에스트로<span class="display-4">, 관리자</span></h1>
 
 		<p>마에스트로 유료 계정을 등록하세요.<br/>
@@ -161,4 +174,42 @@ function experienceMaestro() {
 
 	</div> <!-- jumbotron -->
 
+
+
+	<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="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>
+							&nbsp;자격증 타이머
+				</a>
+			</div>
+			<div class="col-8">
+				<h5>자격증 시험을 준비하는 학생들과 선생님에게 꼭 필요한 앱!</h5>
+				<div class="col-8">
+					<div class="row">
+						<div class="col-6">
+							<ul>
+								<li>타이머 시간 저장</li>
+							</ul>
+						</div>
+						<div class="col-6">
+							<ul>
+								<li>과목 및 성적 저장</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<!-- <hr class="mt-4"> -->
+
+
+	</div> <!-- jumbotron -->
+
+
+
 </div>