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:
Rinjae
2026-01-09 17:47:46 +09:00
parent 00fc6d6e09
commit 43668275eb
24 changed files with 2190 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/templates/views/apps/service/intro.html
+75
View File
@@ -0,0 +1,75 @@
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout/kjbank_title_layout}">
<body>
<th:block layout:fragment="contentFragment">
<div class="service-intro">
<!-- 메인 타이틀 섹션 -->
<header class="service-intro__header">
<h1 class="service-intro__title">광주은행 오픈뱅크 플랫폼</h1>
<div class="service-intro__underline"></div>
</header>
<!-- 메인 콘텐츠: 2컬럼 레이아웃 -->
<div class="service-intro__content">
<!-- 왼쪽: 설명 카드들 -->
<div class="service-intro__text-column">
<div class="service-intro__card">
<p class="service-intro__desc">
광주은행이 제공하는 오픈API를 활용하여 핀테크 기업들이 새로운 금융서비스를 편리하게 개발할 수 있는 환경입니다.
</p>
</div>
<div class="service-intro__card">
<p class="service-intro__desc">
오픈뱅크 플랫폼이 제공하는 다양한 API를 활용해 핀테크 업체는 아이디어를 손쉽게 실현시킬 수 있습니다.
</p>
</div>
<div class="service-intro__card service-intro__card--highlight">
<p class="service-intro__desc service-intro__desc--white">
특히 JB금융의 과감한 투자와 제휴를 통해 핀테크 업체는 맞춤형 API를 제공받고 새로운 금융서비스를 신속하게 개발할 수 있습니다.
</p>
</div>
</div>
<!-- 오른쪽: 다이어그램 이미지 -->
<div class="service-intro__diagram-column">
<div class="service-intro__diagram-card">
<img th:src="@{/img/service/intro_diagram.png}" alt="광주은행 오픈뱅크 플랫폼 구성도" class="service-intro__diagram-img">
</div>
</div>
</div>
<!-- 하단 특징 카드 섹션 -->
<div class="service-intro__features">
<div class="service-intro__feature-card">
<div class="service-intro__feature-icon service-intro__feature-icon--fast">
<i class="fas fa-bolt"></i>
</div>
<h3 class="service-intro__feature-title">빠른 개발</h3>
<p class="service-intro__feature-desc">다양한 API를 활용하여 신속하게 금융 서비스를 개발할 수 있습니다.</p>
</div>
<div class="service-intro__feature-card">
<div class="service-intro__feature-icon service-intro__feature-icon--custom">
<i class="fas fa-sliders-h"></i>
</div>
<h3 class="service-intro__feature-title">맞춤형 API</h3>
<p class="service-intro__feature-desc">핀테크 업체의 니즈에 맞춘 맞춤형 API를 제공합니다.</p>
</div>
<div class="service-intro__feature-card">
<div class="service-intro__feature-icon service-intro__feature-icon--stable">
<i class="fas fa-shield-alt"></i>
</div>
<h3 class="service-intro__feature-title">안정적 운영</h3>
<p class="service-intro__feature-desc">JB금융의 투자로 안정적이고 신뢰할 수 있는 플랫폼을 제공합니다.</p>
</div>
</div>
</div>
</th:block>
</body>
<th:block layout:fragment="contentScript">
</th:block>
</html>