jisangs/chocomae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: compact main page

Browse Source
This commit is contained in:
Jisang Park
2018-08-08 15:15:27 +09:00
parent 986483bce4
commit 87c703ba9d
1 changed files with 78 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/module/home_section.html
+77 -28
View File
@@ -39,47 +39,95 @@ function experienceMaestro() {
<div class="container">
<div class="px-5 py-4 my-3" style="background-color: #ffce54">
<div class="container">
<h1 class="display-3 font-weight-bold">마우스 타자 연습</h1>
<div class="px-5 pt-4 pb-4 my-3" style="background-color: #ffce54">
<h1 class="display-3 font-weight-bold">마우스 타자 연습<span class="display-4">, 학생</span></h1>
<p>방과후 컴퓨터 강사를 하며, 아직 컴퓨터 사용이 익숙하지 않은 학생들을 위해 준비한 서비스입니다.<br/>학생들이 좋아할만한 여러 가지 앱들을 준비했습니다. 재미있게 플레이하면서 자연스럽게 마우스 사용법과 타자를 배우고 익히게 됩니다.</p>
<hr class="mt-4">
<!-- <h5>무료 체험 가능 앱</h5> -->
<!--
<div class="row text-center justify-content-center">
<div class="col-2 bg-dark">
<h6>마우스 클릭 연습</h6>
<div class="row justify-content-center">
<div class="col-4">
<h5>&nbsp;</h5>
</div>
<div class="col-2">
<h6>마우스 더블 클릭 연습</h6>
</div>
<div class="col-2 bg-dark">
<h6>한글 타자 연습</h6>
<div class="col-8">
<h5>무료 체험 앱</h5>
</div>
</div>
-->
<ul class="inline">
<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">학생 무료 체험 »</a>
</div>
<div class="col-8">
<div class="row">
<div class="col-4">
<ul>
<li>마우스 클릭 연습</li>
<li>마우스 더블 클릭 연습</li>
<li>한글 타자 연습</li>
</ul>
<div class="mt-3"><a class="btn btn-outline-dark btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">학생 무료 체험 »</a></div>
</div>
<div class="col-8">
<ul>
<li>마우스 더블 클릭 연습</li>
<li>영문 타자 연습</li>
</ul>
</div>
</div>
</div>
</div>
<!--
<h5>무료 체험 가능 앱</h5>
<ul class="list-inline">
<li class="list-inline-item">마우스 클릭 연습</li>
<li class="list-inline-item">마우스 더블 클릭 연습</li>
<li class="list-inline-item">한글 타자 연습</li>
<li class="list-inline-item">영문 타자 연습</li>
</ul>
<p><a class="btn btn-outline-dark btn-lg" href="./../main/free_player_app_menu.html" target="_blank" role="button">학생 무료 체험 »</a></p>
-->
</div> <!-- jumbotron -->
<div class="px-5 py-4 my-3" style="background-color: #99ccff">
<div class="container">
<h1 class="display-3 font-weight-bold">마에스트로, 관리자</h1>
<div class="px-5 pt-4 pb-5 my-3" style="background-color: #99ccff">
<h1 class="display-3 font-weight-bold">마에스트로<span class="display-4">, 관리자</span></h1>
<p>마에스트로 계정을 등록하시면 학생 목록을 등록하고 관리하실 수 있습니다. 학생들이 플레이 할 수 있는 앱의 목록도 편집이 가능합니다.<br/>등록된 학생들은 추가적인 마우스, 타자 연습 앱을 모두 사용할 수 있게 됩니다. 추가적으로 연습 앱을 플레이한 점수와 타수 등의 기록이 서버에 저장되고 내역을 확인할 수 있게 됩니다.</p>
<hr class="mt-4">
<div class="row justify-content-center">
<div class="col-4">
<h5>마에스트로 관리 기능</h5>
<ul>
<li>학생 등록 및 삭제</li>
<li>학생 정보 수정</li>
<li>앱 활성화 / 비활성화</li>
<li class="d-none">랭킹</li>
<li class="d-none">기록</li>
</ul>
</div>
<div class="col-8">
<h5>계정 등록 비용 (금액 / 1년)</h5>
<ul>
<li>1만원 : 학생 20명</li>
<li>2만원 : 학생 30명</li>
<li>3만원 : 학생 100명</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-4">
<a class="btn btn-outline-dark btn-block btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a>
</div>
<div class="col-8">
<a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a>
</div>
</div>
<!--
<h5>마에스트로 관리 기능</h5>
<ul>
<li>학생 등록 및 삭제</li>
@@ -91,7 +139,8 @@ function experienceMaestro() {
<p><a class="btn btn-outline-dark btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a></p>
<h5 class="mt-5">계정 등록 비용 (금액 / 1년)</h5>
<hr class="mt-4 mb-3" />
<h5>계정 등록 비용 (금액 / 1년)</h5>
<ul>
<li>1만원 : 학생 20명</li>
<li>2만원 : 학생 30명</li>
@@ -99,8 +148,8 @@ function experienceMaestro() {
</ul>
<div class="mt-3"><a class="btn btn-primary btn-block btn-lg" role="button" href="./../main/register.html">마에스트로 가입</a></div>
-->
</div>
</div> <!-- jumbotron -->
</div>