Fix: Apply bootstrap - register
This commit is contained in:
@@ -2,11 +2,15 @@
|
|||||||
|
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<title>마에스트로 계정 등록</title>
|
<title>마에스트로 계정 등록</title>
|
||||||
|
|
||||||
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
|
||||||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
||||||
<link rel="stylesheet" type="text/css" href="./../css/module.css">
|
<link href="../../../resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link rel="stylesheet" type="text/css" href="./../css/color_button.css">
|
|
||||||
|
|
||||||
<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
|
<script type="text/javascript" src="./../../../resources/jquery/jquery-3.3.1.min.js"></script>
|
||||||
<script type="text/javascript" src="./../js/main.js"></script>
|
<script type="text/javascript" src="./../js/main.js"></script>
|
||||||
@@ -38,6 +42,10 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
|
||||||
|
<script src="../../../resources/bootstrap/js/bootstrap.min.js" rel="stylesheet"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -85,10 +85,8 @@ function experienceMaestro() {
|
|||||||
<li>학생 등록 및 삭제</li>
|
<li>학생 등록 및 삭제</li>
|
||||||
<li>학생 정보 수정</li>
|
<li>학생 정보 수정</li>
|
||||||
<li>앱 활성화 / 비활성화</li>
|
<li>앱 활성화 / 비활성화</li>
|
||||||
<!--
|
<li class="d-none">랭킹</li>
|
||||||
<li>랭킹</li>
|
<li class="d-none">기록</li>
|
||||||
<li>기록</li>
|
|
||||||
-->
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p><a class="btn btn-outline-light btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a></p>
|
<p><a class="btn btn-outline-light btn-lg" role="button" href="javascript:void(0);" onClick="experienceMaestro()">마에스트로 무료 체험 »</a></p>
|
||||||
|
|||||||
@@ -170,12 +170,215 @@ function register_account() {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$('#myTab a').on('click', function (e) {
|
||||||
|
e.preventDefault()
|
||||||
|
$(this).tab('show')
|
||||||
|
})
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
/*
|
||||||
|
.nav-tabs li.disabled a {
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
|
<ul class="nav nav-tabs" id="myTab" role="tablist">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" id="input-info" data-toggle="tab" href="#input" role="tab" aria-controls="input" aria-selected="true">마에스트로 계정 신청</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="nav-item disabled">
|
||||||
|
<a class="nav-link" id="check-info" data-toggle="tab" href="#check" role="tab" aria-controls="check" aria-selected="false">신청 정보 확인</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="nav-item disabled">
|
||||||
|
<a class="nav-link" id="registered-account" data-toggle="tab" href="#registered" role="tab" aria-controls="registered" aria-selected="false">신청 완료</a>
|
||||||
|
</li>
|
||||||
|
</ul> <!-- 탭 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tab-content" id="myTabContent">
|
||||||
|
|
||||||
|
<div class="tab-pane fade show active" id="input" role="tabpanel" aria-labelledby="input-info">
|
||||||
|
|
||||||
|
<div class="px-5 py-4 my-3" style="background-color: #ddddff">
|
||||||
|
|
||||||
|
<h4 class="mb-4">마에스트로 계정 정보 입력</h4>
|
||||||
|
|
||||||
|
<form class="mx-4">
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="maestro_name" class="col-sm-2 col-form-label">* 아이디</label>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<input type="password" class="form-control" id="maestro_name" placeholder="아이디 입력">
|
||||||
|
<small class="form-text text-muted">4~16 글자. 영문, 숫자만 사용 가능합니다.</small>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-2">
|
||||||
|
<input type="button" class="form-control btn btn-warning" value="중복 체크" onClick="checkMaestroID()">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="password" class="col-sm-2 col-form-label">* 암호</label>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<input type="password" class="form-control" id="password" placeholder="Password">
|
||||||
|
<small class="form-text text-muted">4~10 글자. 영문, 숫자만 사용 가능합니다.</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="email" class="col-sm-2 col-form-label">* 이메일</label>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<input type="email" class="form-control" id="email" placeholder="name@example.com">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group row">
|
||||||
|
<label for="account_type" class="col-sm-2 col-form-label">* 학생 수</label>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<select id="account_type" class="form-control">
|
||||||
|
<option selected>20명 (1만원 / 1년)</option>
|
||||||
|
<option>50명 (2만원 / 1년)</option>
|
||||||
|
<option>100명 (3만원 / 1년)</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group form-check">
|
||||||
|
<input type="checkbox" class="form-check-input" id="check_accept_clauses">
|
||||||
|
<label class="form-check-label" for="check_accept_clauses">아래 주요 약관을 읽었으며, 모든 내용에 동의합니다.</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="btn btn-primary btn-block btn-lg" onClick="checkData()">등록 신청</button>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="px-5 py-4 my-3" style="background-color: #ffdddd">
|
||||||
|
<h4>약관 주요 내용 요약</h4>
|
||||||
|
|
||||||
|
<p style="text-align: right;">마지막 갱신 : 2018년 6월 26일</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>결제는 계좌 이체(송금)으로만 가능합니다. 신용카드 결제는 준비되지 않았습니다.</li>
|
||||||
|
<li>서버가 불안정할 수 있습니다. 문제 발생시 메일로 알려주시면 최대한 빨리 정상화 하겠습니다.</li>
|
||||||
|
<li>결제후 1년이 지나면 마에스트로 계정과 학생들의 계정이 비활성화 됩니다.</li>
|
||||||
|
<li>비활성화 되기 전에 연장 결제 해주시면, 남은 기간도 함께 연장됩니다.</li>
|
||||||
|
<li>비활성화된 계정은, 6개월후에 삭제됩니다. 마에스트로 계정 및 학생들의 계정 정보 모두가 사라집니다.</li>
|
||||||
|
<li>서비스 업그레이드는 가능합니다. 업그레이드한 날부터 1년간 업그레이드 서비스가 시작됩니다.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<button class="btn btn-light btn-block btn-lg">전체 약관 읽기</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tab-pane fade" id="check" role="tabpanel" aria-labelledby="check-info">
|
||||||
|
|
||||||
|
<div class="px-5 py-4 my-3" style="background-color: #ffdddd">
|
||||||
|
<h4>신청 정보 확인</h4>
|
||||||
|
|
||||||
|
마에스트로 아이디 : <span class="maestro_name"></span><br/>
|
||||||
|
암호 : <span class="password"></span><br/>
|
||||||
|
이메일 : <span class="email"></span><br/>
|
||||||
|
학생 수 : <span class="account_type"></span><br/>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
위의 내용이 모두 맞는지 확인해주세요.
|
||||||
|
아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.
|
||||||
|
신청후에 <span class="price_account"></span>원을 송금해주세요.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<!-- <a href="#" id="send_register" class="btn btn-sea width400" onClick="register_account()">마에스트로 계정 등록</a> -->
|
||||||
|
<button class="btn btn-light btn-block btn-lg" onClick="register_account()">계정 신청</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div> <!-- 신청 정보 확인 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tab-pane fade" id="registered" role="tabpanel" aria-labelledby="registered-account">
|
||||||
|
|
||||||
|
<div class="px-5 py-4 my-3" style="background-color: #ffdddd">
|
||||||
|
|
||||||
|
<h4>신청 완료</h4>
|
||||||
|
|
||||||
|
<p>마에스트로 아이디 <span class="maestro_name">????</span> 가 신청되었습니다.</p>
|
||||||
|
|
||||||
|
<h5>입금 계좌</h5>
|
||||||
|
<div>
|
||||||
|
카카오뱅크 : 9999-999999<br/>
|
||||||
|
계좌 이름 : 박지상<br/>
|
||||||
|
금액 : <span class="price_account"></span>원
|
||||||
|
<div>보내는 사람 이름 : 요청하신 마에스트로 아이디 <span class="maestro_name"></span>로 입력해주세요.</div>
|
||||||
|
<div class="tip">보내는 사람 이름을 마에스트로 아이디로 해주실 경우, 가장 빠르게 계정을 활성화 해드릴 수 있습니다.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
방금 <span class="email"></span> 이메일로 입금 안내 내용을 보내드렸습니다.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div> <!-- 신청 완료 -->
|
||||||
|
|
||||||
|
</div> <!-- 탭 내용 -->
|
||||||
|
|
||||||
|
<!--
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<ul id="myTab" class="nav nav-tabs">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" href="#tab1" data-toogle="tab">마에스트로 계정 신청</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#tab1" data-toogle="tab">신청 정보 확인</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="#tab1" data-toogle="tab">신청 완료</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="tab-content" id="myTabContent">
|
||||||
|
<div class="tab-pane active" id="tab1">
|
||||||
|
<p>마에스트로 계정 신청</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tab-pane" id="tab2">
|
||||||
|
<p>신청 정보 확인</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tab-pane" id="tab3">
|
||||||
|
<p>신청 완료</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--
|
||||||
|
|
||||||
<div id="page-tabs">
|
<div id="page-tabs">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="widthOneThird activated">마에스트로 계정 신청</li>
|
<li class="widthOneThird activated">마에스트로 계정 신청</li>
|
||||||
@@ -249,17 +452,6 @@ function register_account() {
|
|||||||
이메일 : <span class="email"></span><br/>
|
이메일 : <span class="email"></span><br/>
|
||||||
학생 수 : <span class="account_type"></span><br/>
|
학생 수 : <span class="account_type"></span><br/>
|
||||||
|
|
||||||
<!--
|
|
||||||
<h3>입금 계좌</h3>
|
|
||||||
<div>
|
|
||||||
카카오뱅크 : 9999-999999<br/>
|
|
||||||
계좌 이름 : 박지상<br/>
|
|
||||||
금액 : <span class="price_account"></span>원
|
|
||||||
<div>보내는 사람 이름 : 요청하신 마에스트로 아이디 <span class="maestro_name"></span>로 입력해주세요.</div>
|
|
||||||
<div class="tip">보내는 사람 이름을 마에스트로 아이디로 해주실 경우, 가장 빠르게 계정을 활성화 해드릴 수 있습니다.</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
신청 내용이 모두 맞는지 확인해주세요.
|
신청 내용이 모두 맞는지 확인해주세요.
|
||||||
아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.
|
아래의 등록 신청 버튼을 누르면, 입력하신 이메일 주소로도 입금 내용을 보내드립니다.
|
||||||
@@ -302,3 +494,4 @@ function register_account() {
|
|||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
Reference in New Issue
Block a user