Add: maestro upgrade, setup pages

src/web/module/maestro_upgrade.html

@@ -0,0 +1,85 @@
+<script>
+
+function changeMaestroInfo() {
+	location.href="main_menu.html";
+}
+
+</script>
+
+
+
+<div class="container my-3">
+
+	<div class="card border-primary">
+
+		<div class="card-header bg-light"><span class="h4">요금제 업그레이드</span></div>
+		<div class="card-body">
+
+			<!-- <div class="card-group"> -->
+			<div class="card-deck">
+				<div class="card">
+					<div class="card-header"><span class="h3">1만원</span> <span class="text-muted">/ 1년 요금제</span></div>
+					<div class="card-body">
+						<ul>
+							<li><span class="text-danger font-weight-bold">20명</span>까지 학생 등록이 가능합니다.</li>
+							<li>모든 요금제의 기능은 동일합니다.</li>
+							<li>1년동안 유효합니다.</li>
+						</ul>
+						<a class="btn btn-secondary disabled" href="#">업그레이드</a>
+					</div>
+					<div class="card-footer">
+						<small class="text-muted">낮은 요금제로 내릴 수는 없습니다.</small>
+					</div>
+				</div>
+
+				<div class="card border-warning">
+					<div class="card-header"><span class="h3">2만원</span> <span class="text-muted">/ 1년 요금제</span></div>
+					<div class="card-body">
+						<ul>
+							<li><span class="text-danger font-weight-bold">50명</span>까지 학생 등록이 가능합니다.</li>
+							<li>모든 요금제의 기능은 동일합니다.</li>
+							<li>1년동안 유효합니다.</li>
+						</ul>
+						<a class="btn btn-secondary disabled" href="#">업그레이드</a>
+					</div>
+					<div class="card-footer">
+						<small class="text-warning">현재 적용된 요금제입니다.</small>
+					</div>
+				</div>
+
+				<div class="card border-primary">
+					<div class="card-header"><span class="h3">3만원</span> <span class="text-muted">/ 1년 요금제</span></div>
+					<div class="card-body">
+						<ul>
+							<li><span class="text-danger font-weight-bold">100명</span>까지 학생 등록이 가능합니다.</li>
+							<li>모든 요금제의 기능은 동일합니다.</li>
+							<li>1년동안 유효합니다.</li>
+						</ul>
+						<a class="btn btn-primary" href="#">업그레이드</a>
+					</div>
+					<div class="card-footer">
+						<small class="text-primary">이 요금제로 업그레이드가 가능합니다.</small>
+					</div>
+				</div>
+			</div>
+
+		</div>
+
+	</div>
+
+
+	<div class="rounded px-5 py-4 my-3" style="background-color: #66ccff">
+
+		<h4 class="mb-4">마에스트로 업그레이드 안내</h4>
+
+		<ol>
+			<li>위에서 업그레이드 하실 상품을 선택하세요.</li>
+			<li>업그레이드를 신청하신 후, 추가 금액을 계좌이체해 주세요.</li>
+			<li>입금 내역이 확인되는대로 마에스트로 계정의 요금제를 변경해 드리겠습니다.</li>
+			<li>업그레이드시, 기존 요금제에서 남아있던 유효기간에 업그레이드한 계정 1년 유효 기간이 추가됩니다.<br/>
+				<small class="text-muted">예) 1만원 요금제 : 3개월 + 3만원 요금제 : 1년 = 1년 3개월</small></li>
+		</ol>
+
+	</div>
+
+</div>	<!-- container -->