-
26dist/assets/css/style.css
-
2dist/assets/css/style.min.css
-
2dist/assets/css/style.min.css.map
-
BINdist/assets/images/apply.png
-
BINdist/assets/images/bankbook.png
-
BINdist/assets/images/call.png
-
BINdist/assets/images/footer_logo.png
-
BINdist/assets/images/gallery_1.png
-
BINdist/assets/images/gallery_2.png
-
BINdist/assets/images/gallery_3.png
-
BINdist/assets/images/gallery_4.png
-
BINdist/assets/images/gallery_btn-left.png
-
BINdist/assets/images/gallery_btn-right.png
-
BINdist/assets/images/header_hover_right.png
-
BINdist/assets/images/header_menudown.png
-
BINdist/assets/images/kb_bank.png
-
BINdist/assets/images/kb_logo.png
-
BINdist/assets/images/krivet.png
-
BINdist/assets/images/left2_pagination.png
-
BINdist/assets/images/left_pagination.png
-
BINdist/assets/images/location_info.png
-
BINdist/assets/images/logo.png
-
BINdist/assets/images/main_bg.png
-
BINdist/assets/images/notice-visual.png
-
BINdist/assets/images/notice_logo.png
-
BINdist/assets/images/pass_notify.png
-
BINdist/assets/images/police.png
-
BINdist/assets/images/post-content.png
-
BINdist/assets/images/question.png
-
BINdist/assets/images/right2_pagination.png
-
BINdist/assets/images/right_pagination.png
-
BINdist/assets/images/sdsd.png
-
BINdist/assets/images/search.png
-
BINdist/assets/images/seogank_uni.png
-
BINdist/assets/images/seowongak.png
-
BINdist/assets/images/test_sc.png
-
BINdist/assets/images/top_test.png
-
BINdist/assets/images/work1.png
-
BINdist/assets/images/work2.png
-
364dist/index.html
-
32src/html/include/footer.html
-
88src/html/include/header.html
-
244src/html/index.html
-
34src/scss/pages/main.scss
2
dist/assets/css/style.min.css
File diff suppressed because it is too large
View File
2
dist/assets/css/style.min.css.map
File diff suppressed because it is too large
View File
After Width: 34 | Height: 39 | Size: 433 B |
After Width: 71 | Height: 57 | Size: 1.8 KiB |
After Width: 74 | Height: 96 | Size: 1.7 KiB |
After Width: 61 | Height: 60 | Size: 2.9 KiB |
After Width: 281 | Height: 189 | Size: 116 KiB |
After Width: 281 | Height: 189 | Size: 91 KiB |
After Width: 281 | Height: 189 | Size: 100 KiB |
After Width: 281 | Height: 189 | Size: 131 KiB |
After Width: 32 | Height: 6 | Size: 113 B |
After Width: 32 | Height: 6 | Size: 111 B |
After Width: 3 | Height: 5 | Size: 98 B |
After Width: 12 | Height: 7 | Size: 215 B |
After Width: 102 | Height: 21 | Size: 2.5 KiB |
After Width: 23 | Height: 16 | Size: 736 B |
After Width: 169 | Height: 35 | Size: 4.5 KiB |
After Width: 30 | Height: 30 | Size: 805 B |
After Width: 30 | Height: 30 | Size: 795 B |
After Width: 27 | Height: 38 | Size: 850 B |
After Width: 208 | Height: 60 | Size: 4.6 KiB |
After Width: 2543 | Height: 773 | Size: 359 KiB |
After Width: 1384 | Height: 334 | Size: 171 KiB |
After Width: 60 | Height: 60 | Size: 519 B |
After Width: 36 | Height: 38 | Size: 584 B |
After Width: 110 | Height: 40 | Size: 4.1 KiB |
After Width: 700 | Height: 469 | Size: 581 KiB |
After Width: 82 | Height: 79 | Size: 1.2 KiB |
After Width: 30 | Height: 30 | Size: 797 B |
After Width: 30 | Height: 30 | Size: 787 B |
After Width: 2543 | Height: 1003 | Size: 387 KiB |
After Width: 41 | Height: 38 | Size: 745 B |
After Width: 134 | Height: 47 | Size: 6.4 KiB |
After Width: 136 | Height: 27 | Size: 6.7 KiB |
After Width: 37 | Height: 37 | Size: 630 B |
After Width: 39 | Height: 39 | Size: 796 B |
After Width: 120 | Height: 44 | Size: 3.4 KiB |
After Width: 152 | Height: 39 | Size: 7.0 KiB |
@ -1,5 +1,249 @@ |
|||||
@@include("./include/meta.html", {"pageTitle" : "메인 페이지"}) |
@@include("./include/meta.html", {"pageTitle" : "메인 페이지"}) |
||||
@@include("./include/header.html") |
@@include("./include/header.html") |
||||
|
<div class="body--container"> |
||||
|
<!-- VISUAL--> |
||||
|
<section class="section section--visual"> |
||||
|
<div class="full-slide swiper-container"> |
||||
|
<ul class="swiper-wrapper"> |
||||
|
<li class="swiper-slide"> |
||||
|
<img src="images/main_bg.png" alt=""> |
||||
|
<a href=""> |
||||
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2> |
||||
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
|
||||
|
<li class="swiper-slide"> |
||||
|
<img src="images/main_bg.png" alt=""> |
||||
|
<a href=""> |
||||
|
<h2>탐정 <span>[</span>최고위 과정<span>]</span></h2> |
||||
|
<p>여기에 들어갈 세부 내용이 있었으면 좋겠습니다.</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
|
||||
|
<li class="swiper-slide"> |
||||
|
<img src="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="./images/apply.png" alt=""> |
||||
|
<p>원서접수</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<img src="./images/pass_notify.png" alt=""> |
||||
|
<p>합격자발표</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<img src="./images/test_sc.png" alt=""> |
||||
|
<p>시험공고</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<img src="./images/top_test.png" alt=""> |
||||
|
<p>최고위과정</p> |
||||
|
</a> |
||||
|
</li> |
||||
|
<li> |
||||
|
<a href="#"> |
||||
|
<img src="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-btn1 border_bottom"><a href="">공지사항</a></li> |
||||
|
<li class="tab-btn2 border_bottom"><a href="">탐정관련기고</a></li> |
||||
|
<li class="tab-btn3 border_bottom"><a href="">보도자료</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="./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="./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="./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="./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="./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="images/gallery_btn-left.png" alt=""></a> |
||||
|
<a href="" class="swiper-button-next"><img src="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="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="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="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="images/call.png" alt="" class="question_img"> |
||||
|
</li> |
||||
|
</ul> |
||||
|
<div class="img-container"> |
||||
|
<ul class="bottom_img"> |
||||
|
<li> |
||||
|
<a href="#"><img src="images/police.png" alt=""></a> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<a href="#"><img src="images/krivet.png" alt=""></a> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<a href="#"><img src="images/work1.png" alt=""></a> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<a href="#"><img src="images/work2.png" alt=""></a> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<a href="#"><img src="images/seogank_uni.png" alt=""></a> |
||||
|
</li> |
||||
|
|
||||
|
<li> |
||||
|
<a href="#"><img src="images/seowongak.png" alt=""></a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
|
||||
|
<script src="https://unpkg.com/swiper/swiper-bundle.js"></script> |
||||
|
|
||||
|
|
||||
@@include("./include/footer.html") |
@@include("./include/footer.html") |
||||
@@include("./include/tail.html") |
@@include("./include/tail.html") |
@ -1,3 +1,37 @@ |
|||||
/********************************************************************************************************************** |
/********************************************************************************************************************** |
||||
* 메인페이지 |
* 메인페이지 |
||||
***********************************************************************************************************************/ |
***********************************************************************************************************************/ |
||||
|
.clearfix::after { |
||||
|
content: ""; |
||||
|
clear: both; |
||||
|
display: block; |
||||
|
} |
||||
|
//section container 중앙정렬 가운데모음 |
||||
|
.section { |
||||
|
.container { |
||||
|
width: 1230px; |
||||
|
margin: 0 auto; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//헤더 정렬 |
||||
|
header { |
||||
|
.container { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.logo { |
||||
|
background-image: url("../images/logo.png"); |
||||
|
background-repeat: no-repeat; |
||||
|
display: inline-block; |
||||
|
width: 220px; |
||||
|
height: 60px; |
||||
|
text-indent: -9999px; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|