djb-eapim/eapim-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

회원가입 선택 수정

Browse Source
This commit is contained in:
현성필
2025-11-14 14:09:04 +09:00
parent 4d24a84de9
commit 534fee09d8
5 changed files with 319 additions and 679 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/views/apps/register/signupSelection.html
+29 -52
View File
@@ -7,64 +7,41 @@
<th:block layout:fragment="contentFragment">
<div class="signup-selection-page">
<div class="signup-selection-container">
<!-- Page Header -->
<div class="signup-header">
<h1 class="signup-title">회원가입</h1>
<p class="signup-subtitle">
광주은행 API Portal을 사용하기 위해<br>
<strong>회원가입</strong>해 주세요.
</p>
</div>
<div class="signup-selection-card">
<!-- Logo -->
<div class="signup-logo">
<img th:src="@{/img/logo/logo_box.png}" alt="광주은행">
</div>
<!-- Selection Cards -->
<div class="signup-selection-cards">
<!-- Individual Signup Card -->
<div class="signup-card">
<div class="signup-card-icon">
<i class="fas fa-user"></i>
</div>
<div class="signup-card-content">
<h3 class="signup-card-title">개인회원가입</h3>
<p class="signup-card-description">
개인 개발자 또는 개인 사업자를 위한 회원가입
</p>
</div>
<a th:href="@{/signup/portalUser}" class="signup-card-btn">
<span>개인회원 가입하기</span>
<i class="fas fa-arrow-right"></i>
<!-- Message -->
<p class="signup-message">광주은행 API Portal 사용을 위해 회원 가입해 주세요.</p>
<!-- Signup Buttons -->
<div class="signup-buttons">
<!-- Individual Signup Button -->
<a th:href="@{/signup/portalUser}" class="signup-btn signup-btn-individual">
<svg width="22" height="30" viewBox="0 0 22 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.4287 12.748C19.0578 12.7481 21.9998 15.7302 22 19.4092V29.3447C21.9998 29.6617 21.7783 29.9263 21.4834 29.9873L21.3535 30H0.646484C0.289425 29.9998 0.00024463 29.7067 0 29.3447V18.2607C0 15.2164 2.43446 12.748 5.4375 12.748C6.67211 12.7481 7.86991 13.1742 8.83398 13.9561L9.13965 14.2031C9.4187 14.4294 9.46443 14.8431 9.24121 15.126C9.01802 15.4088 8.61011 15.4546 8.33105 15.2285L8.02539 14.9805C7.29081 14.3848 6.37819 14.0596 5.4375 14.0596C3.1492 14.0596 1.29395 15.9409 1.29395 18.2607V28.6885H20.7061V19.4092C20.7058 16.4548 18.3431 14.0596 15.4287 14.0596C13.2292 14.0598 11.2606 15.4434 10.4883 17.5312L9.98828 18.8818C9.86275 19.2209 9.48978 19.3927 9.15527 19.2656C8.82079 19.1383 8.65091 18.7601 8.77637 18.4209L9.27637 17.0703C10.2382 14.4705 12.6898 12.7482 15.4287 12.748ZM11 0C14.2162 8.65396e-06 16.8231 2.64285 16.8232 5.90332C16.8232 9.16394 14.2163 11.8076 11 11.8076C7.78365 11.8076 5.17676 9.16394 5.17676 5.90332C5.17693 2.64284 7.78375 0 11 0ZM11 1.31152C8.4985 1.31152 6.47087 3.36743 6.4707 5.90332C6.4707 8.43936 8.49839 10.4951 11 10.4951C13.5016 10.4951 15.5293 8.43935 15.5293 5.90332C15.5291 3.36743 13.5015 1.31153 11 1.31152Z" fill="white"/>
</svg>
<span>개인회원 가입</span>
</a>
<!-- Organization Signup Button -->
<a th:href="@{/signup/portalOrg}" class="signup-btn signup-btn-organization">
<svg width="26" height="30" viewBox="0 0 26 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.001 7.2002C14.3062 7.20046 15.3652 8.27529 15.3652 9.60059V27.5996L15.3623 27.7236C15.3009 28.9505 14.3313 29.9346 13.123 29.9971L13.001 30H2.36426L2.24316 29.9971C1.03469 29.9348 0.0653104 28.9506 0.00390625 27.7236L0 27.5996V9.60059C1.90336e-07 8.27527 1.05901 7.20043 2.36426 7.2002H13.001ZM23.0469 0C24.6785 0.00011158 26.0009 1.3433 26.001 3V27C26.0009 28.6567 24.6785 29.9999 23.0469 30H16.5469C16.2205 30 15.9551 29.7308 15.9551 29.3994C15.9553 29.0682 16.2206 28.7998 16.5469 28.7998H23.0469C24.0258 28.7997 24.8192 27.9939 24.8193 27V3C24.8193 2.00604 24.0258 1.20031 23.0469 1.2002H13.5918C12.6128 1.20022 11.8194 2.00598 11.8193 3V6C11.8193 6.33124 11.5547 6.5994 11.2285 6.59961C10.9022 6.59961 10.6377 6.33137 10.6377 6V3C10.6378 1.34325 11.9601 2.44626e-05 13.5918 0H23.0469ZM2.36426 8.40039C1.71173 8.40062 1.18262 8.938 1.18262 9.60059V27.5996C1.18265 28.2622 1.71175 28.7996 2.36426 28.7998H4.1377V25.2002C4.1377 23.5435 5.46013 22.2004 7.0918 22.2002H8.86523C10.4966 22.2007 11.8193 23.5437 11.8193 25.2002V28.7998H13.001C13.6535 28.7995 14.1836 28.2621 14.1836 27.5996V9.60059C14.1836 8.93802 13.6535 8.40066 13.001 8.40039H2.36426ZM7.0918 23.4004C6.11285 23.4005 5.31934 24.2062 5.31934 25.2002V28.7998H10.6377V25.2002C10.6377 24.2064 9.84392 23.4009 8.86523 23.4004H7.0918ZM18.3193 24.5996H17.1377V22.2002H18.3193V24.5996ZM21.8652 24.5996H20.6836V22.2002H21.8652V24.5996ZM18.3193 20.4004H17.1377V18H18.3193V20.4004ZM21.8652 20.4004H20.6836V18H21.8652V20.4004ZM4.72852 18.5996H3.54688V16.2002H4.72852V18.5996ZM8.27441 18.5996H7.09277V16.2002H8.27441V18.5996ZM11.8193 18.5996H10.6377V16.2002H11.8193V18.5996ZM18.3193 16.2002H17.1377V13.7998H18.3193V16.2002ZM21.8652 16.2002H20.6836V13.7998H21.8652V16.2002ZM4.72852 14.4004H3.54688V12H4.72852V14.4004ZM8.27441 14.4004H7.09277V12H8.27441V14.4004ZM11.8193 14.4004H10.6377V12H11.8193V14.4004ZM18.3193 12H17.1377V9.60059H18.3193V12ZM21.8652 12H20.6836V9.60059H21.8652V12ZM18.3193 7.7998H17.1377V5.40039H18.3193V7.7998ZM21.8652 7.7998H20.6836V5.40039H21.8652V7.7998Z" fill="white"/>
</svg>
<span>법인회원 가입</span>
</a>
</div>
<!-- Organization Signup Card -->
<div class="signup-card">
<div class="signup-card-icon">
<i class="fas fa-building"></i>
</div>
<div class="signup-card-content">
<h3 class="signup-card-title">법인회원가입</h3>
<p class="signup-card-description">
기업 및 법인 사업자를 위한 회원가입
</p>
</div>
<a th:href="@{/signup/portalOrg}" class="signup-card-btn">
<span>법인회원 가입하기</span>
<i class="fas fa-arrow-right"></i>
</a>
<!-- Navigation Links -->
<div class="signup-navigation">
<a th:href="@{/}" class="signup-nav-link">홈으로</a>
<span class="signup-nav-separator">|</span>
<a th:href="@{/login}" class="signup-nav-link">로그인 하기</a>
</div>
</div>
<!-- Navigation Links -->
<div class="signup-navigation">
<a th:href="@{/}" class="signup-nav-link">
<i class="fas fa-home"></i>
<span>홈으로</span>
</a>
<span class="signup-nav-separator">|</span>
<a th:href="@{/login}" class="signup-nav-link">
<i class="fas fa-sign-in-alt"></i>
<span>로그인 하기</span>
</a>
</div>
</div>
</div>
</th:block>