Rinjae
76 lines
3.7 KiB
HTML
76 lines
3.7 KiB
HTML
<!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/djbank_title_layout}">
|
|
|
|
<body>
|
|
|
|
<th:block layout:fragment="contentFragment">
|
|
<div class="service-intro">
|
|
<!-- 메인 타이틀 섹션 -->
|
|
<header class="service-intro__header">
|
|
<h1 class="service-intro__title">DJBank 오픈뱅크 플랫폼</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">
|
|
DJBank이 제공하는 오픈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="DJBank 오픈뱅크 플랫폼 구성도" 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>
|