You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
274 lines
11 KiB
274 lines
11 KiB
@@include("./include/meta.html", {"pageTitle" : "메인 페이지"})
|
|
@@include("./include/header.html")
|
|
|
|
<!-- VISUAL-->
|
|
<section class="section section--visual">
|
|
<div class="full-slide swiper-container">
|
|
<ul class="swiper-wrapper">
|
|
<li class="swiper-slide">
|
|
<img src="assets/images/main_bg.png" alt="">
|
|
<a href="">
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2>
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<img src="assets/images/main_bg.png" alt="">
|
|
<a href="">
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2>
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<img src="assets/images/main_bg.png" alt="">
|
|
<a href="">
|
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2>
|
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<ul class="tails">
|
|
<li>
|
|
<a href="#">
|
|
<img src="assets/images/apply.png" alt="">
|
|
<p>원서접수</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="assets/images/pass_notify.png" alt="">
|
|
<p>합격자발표</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="assets/images/test_sc.png" alt="">
|
|
<p>시험공고</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="assets/images/top_test.png" alt="">
|
|
<p>최고위과정</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="assets/images/location_info.png" alt="">
|
|
<p>고사장안내</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!--SECTION NEWS-->
|
|
<div class="section section--news">
|
|
<div class="container">
|
|
<div class="notice">
|
|
|
|
<div class="title">
|
|
<h1>Notice </h1>
|
|
<h2>협회소식</h2>
|
|
<p>탐정연합회의 이슈와 <br>정보를 안내해 드립니다.</p>
|
|
<a href="#">바로가기</a>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<ul class="news-btn">
|
|
<li class="tab-btn border_bottom active"><a href="javascript:;">공지사항</a></li>
|
|
<li class="tab-btn border_bottom"><a href="javascript:;">탐정관련기고</a></li>
|
|
<li class="tab-btn border_bottom"><a href="javascript:;">보도자료</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="news-list-container">
|
|
<ul class="news-list ">
|
|
<li class="content-news first-content">
|
|
<h3><a href="">대한공인참정협회</br>2018 임시총회 개최 안내</a></h3>
|
|
<p class="content-text">민족의 명절 '설'을 맞이하여 모든 회원님들 가정과 사업에 만복이 깃드시길 기원합니다.</p>
|
|
<p class="date">2019 08 30</p>
|
|
</li>
|
|
|
|
<li class="content-news second-news">
|
|
<h3><a href="">해외 6개국 현지인 회장 임명식</a></h3>
|
|
<p class="content-text">금번에 임명된 해외 국가별 협회장은 모두 태권도 국제심판으로 오랜 세월 동안 우리나라 국기인 태권도를 수 33333</p>
|
|
<p class="date">2019 08 30</p>
|
|
</li>
|
|
|
|
<li class="content-news second-news">
|
|
<h3><a href="">해외 6개국 현지인 회장 임명식</a></h3>
|
|
<p class="content-text ">금번에 임명된 해외 국가별 협회장은 모두 태권도 국제심판으로 오랜 세월 동안 우리나라 국기인 태권도를 수 333333</p>
|
|
<p class="date">2019 08 30</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--gallery">
|
|
<div class="container">
|
|
<div id="test-slide" class="gallery-container swiper-container">
|
|
<h2>협회 갤러리</h2>
|
|
<ul class="gallery-items swiper-wrapper">
|
|
<li class="swiper-slide">
|
|
<a href="#">
|
|
<img src="assets/images/gallery_1.png" alt="사진1">
|
|
<div class="text-container">
|
|
<h3 class="gallery-title">2018년 11월 10일 탐정협회 행사</h3>
|
|
<p class="">2019.08.03</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<a href="#">
|
|
<img src="assets/images/gallery_2.png" alt="사진1">
|
|
<div class="text-container">
|
|
<h3 class="gallery-title">대한공인탐정연합회,창립 기념 행사</h3>
|
|
<p>2002.03.03</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<a href="#">
|
|
<img src="assets/images/gallery_3.png" alt="사진1">
|
|
<div class="text-container">
|
|
<h3 class="gallery-title">11월10일 탐정협회 행사</h3>
|
|
<p>2019.08.11</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<a href="#">
|
|
<img src="assets/images/gallery_4.png" alt="사진1">
|
|
<div class="text-container">
|
|
<h3 class="gallery-title">10월 139일 탐정협회 행사</h3>
|
|
<p>2019.08.30</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="swiper-slide">
|
|
<a href="#">
|
|
<img src="assets/images/gallery_1.png" alt="사진1">
|
|
<div class="text-container">
|
|
<h3 class="gallery-title">gdgd</h3>
|
|
<p>2019.08.30</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="btn-box ">
|
|
<a href="#" class="swiper-button-prev"><img src="assets/images/gallery_btn-left.png" alt=""></a>
|
|
<a href="" class="swiper-button-next"><img src="assets/images/gallery_btn-right.png" alt=""></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--cashinfo">
|
|
<div class="container">
|
|
|
|
<ul class="cash-question">
|
|
<li class="cash-account">
|
|
<strong>입금계좌 안내</strong>
|
|
<!-- span <img src="images/kb_bank.png" alt="kb은행">-->
|
|
<p class="bank-name"><img src="assets/images/kb_logo.png" alt="">KB국민은행</p>
|
|
<p class="bankbook-num">1002-345-302828</p>
|
|
<p class="account-name">예금주:홍길동</p>
|
|
<a href="#" class="btn-cash">실시간계좌이체</a>
|
|
<img src="assets/images/bankbook.png" alt="" class="question_img">
|
|
</li>
|
|
|
|
<li class="always-question">
|
|
<strong>자주묻는질문</strong>
|
|
<p class="question1"><a href="">탐정이 되려면 어떻게 해야하나요</a></p>
|
|
<p class="question2"><a href="">회원가입했는데 로그인이 되지 않습니다</a></p>
|
|
<p class="question3"><a href="">탐정이 되려면 어떻게 해야하나요</a></p>
|
|
<a href="#" class="btn-cash">시험관련문의</a>
|
|
<img src="assets/images/question.png" alt="" class="question_img">
|
|
</li>
|
|
|
|
<li class="information">
|
|
<strong>고객센터</strong>
|
|
<p class="title-num">대표전화번호</p>
|
|
<span class="company-number">1588-2020</span>
|
|
<p class="open-time">월-토:9:00~18:00,일/공휴일 휴무</p>
|
|
<p class="lunch">점심시간:12:00~13:00</p>
|
|
<img src="assets/images/call.png" alt="" class="question_img">
|
|
</li>
|
|
</ul>
|
|
<div class="img-container">
|
|
<ul class="bottom_img">
|
|
<li>
|
|
<a href="#"><img src="assets/images/police.png" alt=""></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#"><img src="assets/images/krivet.png" alt=""></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#"><img src="assets/images/work1.png" alt=""></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#"><img src="assets/images/work2.png" alt=""></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#"><img src="assets/images/seogank_uni.png" alt=""></a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#"><img src="assets/images/seowongak.png" alt=""></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
|
|
<script>
|
|
const slide = new Swiper('#test-slide', {
|
|
// 다양한 옵션 설정,
|
|
// 아래에서 설명하는 옵션들은 해당 위치에 들어갑니다!!
|
|
slidesPerView : 'auto',
|
|
loopAdditionalSlides : 1,
|
|
navigation: { // 버튼 사용자 지정
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
freeMode : false
|
|
|
|
})
|
|
</script>
|
|
|
|
<script>
|
|
const main_slide = new Swiper('.full-slide', {
|
|
// 다양한 옵션 설정,
|
|
// 아래에서 설명하는 옵션들은 해당 위치에 들어갑니다!!
|
|
slidesPerView : 'auto',
|
|
spaceBetween: 30,
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
@@include("./include/footer.html")
|
|
@@include("./include/tail.html")
|