67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lagn="ko"
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
|
|
xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<base th:href="@{/}" />
|
|
<th:block th:replace="~{fragments/includes :: includes}"></th:block>
|
|
<th:block th:replace="~{fragments/title :: title}"></th:block>
|
|
</head>
|
|
<body class="is-preload">
|
|
<div id="page-wrapper">
|
|
<th:block th:replace="~{fragments/header :: header}"></th:block>
|
|
<th:block layout:fragment="content"></th:block>
|
|
<div class="dim_layer">
|
|
<div class="dimBg"></div>
|
|
<th:block layout:fragment="popup_layer"></th:block>
|
|
|
|
<!-- 로그인 팝업 -->
|
|
<div id="loginPopup" class="pop_layer">
|
|
<div class="pop_container">
|
|
<div class="pop_conts">
|
|
<h2>로그인</h2>
|
|
<form id="loginFormElement">
|
|
<input type="text" th:data="${enc}" id="loginId" placeholder="아이디" required/>
|
|
<input type="password" th:data="${type}" id="loginPassword" placeholder="비밀번호" required/>
|
|
<input type="checkbox" id="rememberMe" class="custom-checkbox"/>
|
|
<label for="rememberMe" class="custom-label"></label>
|
|
<span>자동로그인</span>
|
|
<button type="submit" class="button">로그인</button>
|
|
</form>
|
|
<div class="btn_r">
|
|
<a href="#" class="btn_layerClose" onclick="closePopup()">닫기</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 회원가입 팝업 -->
|
|
<div id="signupPopup" class="pop_layer">
|
|
<div class="pop_container">
|
|
<div class="pop_conts">
|
|
<h2>회원가입</h2>
|
|
<input type="text" placeholder="아이디" required>
|
|
<input type="password" placeholder="비밀번호" required>
|
|
<input type="email" placeholder="이메일" required>
|
|
<button onclick="submitForm('signup')">가입하기</button>
|
|
<div class="btn_r">
|
|
<a href="#" class="btn_layerClose" onclick="closePopup()">닫기</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<th:block layout:fragment="head"></th:block>
|
|
<th:block th:replace="~{fragments/footer :: footer}"></th:block>
|
|
</div>
|
|
<!-- Scripts -->
|
|
<script th:src="@{/js/jquery.min.js}"></script>
|
|
<script th:src="@{/js/jquery.dropotron.min.js}"></script>
|
|
<script th:src="@{/js/browser.min.js}"></script>
|
|
<script th:src="@{/js/breakpoints.min.js}"></script>
|
|
<script th:src="@{/js/util.js}"></script>
|
|
<script th:src="@{/js/main.js}"></script>
|
|
</body>
|
|
</html> |