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-21 17:11:28 +09:00
parent 176326ff21
commit 74f9a4feb9
18 changed files with 865 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/views/apps/main/index.html
+39 -39
View File
@@ -147,47 +147,44 @@
</div>
<div class="api-cards-container">
<!-- 1원 이체 인증 -->
<div class="api-card">
<h3 class="card-title">1원 이체 인증</h3>
<h3 class="card-title">금융서비스</h3>
<p class="card-description">
고객이 기존에 가지고 있는 계좌로 이체를 통해서 간편하게 비대면 실명확인을 도와드리는 서비스입니다.
금융 서비스 설명이 표시됩니다. 금융 서비스 설명이 표시됩니다. 금융 서비스 설명이 표시됩니다.
</p>
<div class="card-illustration">
<img th:src="@{/img/api_icon_1won.png}" alt="1원 이체 인증">
<img th:src="@{/img/api_icon_finance.png}" alt="금융서비스">
</div>
</div>
<!-- 수신 -->
<div class="api-card">
<h3 class="card-title">수신</h3>
<h3 class="card-title">대출금리비교</h3>
<p class="card-description">
광주은행 수신 계좌들을 조회하는 서비스입니다.
대출금리비교 설명이 표시됩니다. 대출금리비교 설명이 표시됩니다. 대출금리비교 설명이 표시됩니다.
</p>
<div class="card-illustration">
<img th:src="@{/img/api_icon_deposit.png}" alt="수신">
<img th:src="@{/img/api_icon_loan.png}" alt="대출금리비교">
</div>
</div>
<!-- 여신 -->
<div class="api-card">
<h3 class="card-title">여신</h3>
<h3 class="card-title">소액해외송금</h3>
<p class="card-description">
대출관련 한도, 금리와 대출 계좌들을 조회하는 서비스입니다.
소액해외송금 설명이 표시됩니다. 소액해외송금 설명이 표시됩니다. 소액해외송금 설명이 표시됩니다.
</p>
<div class="card-illustration">
<img th:src="@{/img/api_icon_loan.png}" alt="여신">
<img th:src="@{/img/api_icon_remittance.png}" alt="소액해외송금">
</div>
</div>
<!-- 간편결제 -->
<div class="api-card">
<h3 class="card-title">간편결제</h3>
<h3 class="card-title">P2P투자대출</h3>
<p class="card-description">
광주은행 간편결제 승인/취소와 제휴 대사자료 생성/전송 요청하는 서비스입니다.
P2P투자대출 설명이 표시됩니다. P2P투자대출 설명이 표시됩니다. P2P투자대출 설명이 표시됩니다.
</p>
<div class="card-illustration">
<img th:src="@{/img/api_icon_payment.png}" alt="간편결제">
<img th:src="@{/img/api_icon_p2p.png}" alt="간편결제">
</div>
</div>
</div>
@@ -229,6 +226,7 @@
<!-- 지원 센터 섹션 -->
<section class="support-center">
<div class="support-background"></div>
<div class="container">
<div class="section-header">
<h2 class="section-title">
@@ -237,36 +235,38 @@
</h2>
</div>
<div class="support-grid">
<!-- 공지사항 카드 -->
<!-- 공지사항 카드 (50% width) -->
<a th:href="@{/portalnotice}" class="support-card support-card--notice">
<div class="card-icon">
<img th:src="@{/img/icon_notice.png}" alt="공지사항">
</div>
<h3>공지사항</h3>
<p>광주은행 API의 새로운 소식을 확인해보세요.</p>
<div class="card-content">
<h3>공지사항</h3>
<p>광주은행 API의 새로운 소식을 확인해보세요.</p>
</div>
</a>
<!-- 오른쪽 카드들 -->
<div class="support-cards-small">
<a th:href="@{/faq_list}" class="support-card support-card--faq">
<div class="card-icon">
<img th:src="@{/img/icon_faq.png}" alt="FAQ">
</div>
<div class="card-content">
<h3>FAQ</h3>
<p>자주 묻는 질문</p>
</div>
</a>
<a th:href="@{/inquiry}" class="support-card support-card--qna">
<div class="card-icon">
<img th:src="@{/img/icon_qna.png}" alt="Q&A">
</div>
<div class="card-content">
<h3>Q&A</h3>
<p>문의하기</p>
</div>
</a>
</div>
<!-- FAQ Card (25% width) -->
<a th:href="@{/faq_list}" class="support-card support-card--faq">
<div class="card-icon">
<img th:src="@{/img/icon_faq.png}" alt="FAQ">
</div>
<div class="card-content">
<h3>FAQ</h3>
<p>자주 묻는 질문</p>
</div>
</a>
<!-- Q&A Card (25% width) -->
<a th:href="@{/inquiry}" class="support-card support-card--qna">
<div class="card-icon">
<img th:src="@{/img/icon_qna.png}" alt="Q&A">
</div>
<div class="card-content">
<h3>Q&A</h3>
<p>문의하기</p>
</div>
</a>
</div>
</div>
</section>