|
|
|
@ -6,9 +6,9 @@
|
|
|
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
|
|
|
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
|
|
|
|
|
|
|
|
<!--2021.10.01 박소영 메인디자인 폰트 애니메이션 효과 추가-->
|
|
|
|
|
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
|
|
|
|
<link rel="stylesheet" href="<c:url value='/'/>resources/3rd-party/sneat/libs/animate-on-scroll/animate-on-scroll.css" />
|
|
|
|
|
<script src="<c:url value='/'/>resources/3rd-party/sneat/libs/animate-on-scroll/animate-on-scroll.js"></script>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
$( document ).ready( function() {
|
|
|
|
|
AOS.init();
|
|
|
|
@ -16,7 +16,7 @@
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<div class="dashboard">
|
|
|
|
|
<div>
|
|
|
|
|
<div data-aos="fade-up" data-aos-easing="ease" data-aos-delay="100">
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
@ -29,7 +29,7 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<div data-aos="fade-up" data-aos-easing="ease" data-aos-delay="100">
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
@ -42,7 +42,7 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<div data-aos="fade-up" data-aos-easing="ease" data-aos-delay="100">
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
@ -55,7 +55,7 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<div data-aos="fade-up" data-aos-easing="ease" data-aos-delay="100">
|
|
|
|
|
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-body">
|
|
|
|
@ -68,7 +68,7 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="chartArea">
|
|
|
|
|
<div class="chartArea" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
|
|
|
<h5 class="card-title m-0 me-2">단속 자료 통계(유형별)</h5>
|
|
|
|
@ -82,7 +82,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartArea">
|
|
|
|
|
<div class="chartArea" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
|
|
|
<h5 class="card-title m-0 me-2">단속통계</h5>
|
|
|
|
@ -96,7 +96,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartArea">
|
|
|
|
|
<div class="chartArea" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="300">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
|
|
|
<h5 class="card-title m-0 me-2">발송통계</h5>
|
|
|
|
@ -110,7 +110,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="chartArea">
|
|
|
|
|
<div class="chartArea" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="300">
|
|
|
|
|
<div class="card">
|
|
|
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
|
|
|
<h5 class="card-title m-0 me-2">의견진술통계</h5>
|
|
|
|
@ -127,32 +127,6 @@
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
<div class="main-banner">
|
|
|
|
|
<div class="main_inner">
|
|
|
|
|
<div class="mainVisual_text">
|
|
|
|
|
<h2 class="mainVisual_tit" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">
|
|
|
|
|
누구나 쉽게<br/>간편하게 사용할 수 있는
|
|
|
|
|
</h2>
|
|
|
|
|
<p class="mainVisual_subtit" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="200">과태료 통합 관리 시스템</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="<c:url value='/'/>resources/images/mainDeco_01.png" alt="mainVisual" class="mainVisual_img01" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="400"/>
|
|
|
|
|
<img src="<c:url value='/'/>resources/images/mainDeco_04.png" alt="mainVisual" class="mainVisual_img04"/>
|
|
|
|
|
<img src="<c:url value='/'/>resources/images/mainDeco_05.png" alt="mainVisual" class="mainVisual_img05"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="#none">샘플 링크1</a></li>
|
|
|
|
|
<li><a href="#none">샘플 링크2</a></li>
|
|
|
|
|
<li><a href="#none">샘플 링크3</a></li>
|
|
|
|
|
<li><a href="#none">샘플 링크4</a></li>
|
|
|
|
|
<li><a href="#none">샘플 링크5</a></li>
|
|
|
|
|
<li><a href="#none">샘플 링크6</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
-->
|
|
|
|
|
|
|
|
|
|
<!--
|
|
|
|
|
<div class="tab-list-ui" data-list-num='2'>
|
|
|
|
|
<dl class="detailList sel">
|
|
|
|
|