palnetworks
/
pal-home-front
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

.

master
geun1416 2 years ago
parent
2d06cf1b86
commit
b5625b86fa
5 changed files with 288 additions and 42 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 32
      html/css/common.css
  2. 12
      html/history.html
  3. 1
      html/js/common.js
  4. 177
      html/map.html
  5. 54
      html/partner.html

32
html/css/common.css
Unescape View File

@ -1,5 +1,6 @@
@charset "utf-8"; @charset "utf-8";
#main{overflow: hidden!important;} #main{overflow: hidden!important;}
html, body{overflow-x:hidden;}
/* 본문 바로가기 */ /* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
@ -412,14 +413,20 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.mo-sub .sub-cont + .sub-cont{padding-top:0px;} .mo-sub .sub-cont + .sub-cont{padding-top:0px;}
.mo-sub .certification-box ul li{margin-top:40px;} .mo-sub .certification-box ul li{margin-top:40px;}
.mo-sub .sub-cont h6{font-size:1.5rem} .mo-sub .sub-cont h6{font-size:1.5rem}
.mo-sub .history-box{padding:0 80px;min-height:auto} .mo-sub .history-box{padding:0 80px;min-height:600px}
.mo-sub .swiper-container-history{width:100%;} .mo-sub .swiper-container-history{width:100%;overflow: hidden!important;}
.mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{right:20px;} .mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{right:20px;}
.mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{left:20px;} .mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{left:20px;}
.mo-sub .sub-cont.history{overflow-x: hidden;} .mo-sub .sub-cont.history{overflow-x: hidden;}
.mo-sub .border-gray{margin:40px 0;}
.mo-sub .pt01 ul{width:100%;}
.mo-sub .pt01 ul li{width:33.333%}
.mo-sub .pt01 ul li:hover{box-shadow:none; z-index:10;}
} }
@media screen and (max-width:520px){ @media screen and (max-width:520px){
.m_gnb div.mg_wrap{width:100%;} .m_gnb div.mg_wrap{width:100%;}
.m_gnb div.mg_wrap>ul>li>a{font-size:1.5rem}
.m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:1.125rem}
#logo a img{width:150px;} #logo a img{width:150px;}
.main-bn h2{font-size:1rem;} .main-bn h2{font-size:1rem;}
.main-bn .big{font-size:2rem;margin:20px 0;} .main-bn .big{font-size:2rem;margin:20px 0;}
@ -450,9 +457,20 @@ div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90d
.mo-sub .list-txt > li b{display:block} .mo-sub .list-txt > li b{display:block}
.mo-sub .list-txt > li b.wh_txt{display:none} .mo-sub .list-txt > li b.wh_txt{display:none}
.mo-sub .sub-cont .history-box h6{font-size:1.5rem} .mo-sub .sub-cont .history-box h6{font-size:1.5rem}
.mo-sub .history{height:100%;} .mo-sub .history{padding-top:0;}
.mo-sub .history-box{padding:30px 40px 0 30px} .mo-sub .history-box{padding:80px 30px 40px 30px}
.mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{top:-10px;} .mo-sub .swiper-container-history .swiper-button-next, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-prev{top:45px;}
.mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{top:-10px;} .mo-sub .swiper-container-history .swiper-button-prev, .mo-sub .swiper-container-history .swiper-rtl .swiper-button-next{top:45px;}
.mo-sub .swiper-container-history:nth-child(2){height:500px;} .mo-sub .swiper-container-history:nth-child(2){height:500px;}
.mo-sub .swiper-container-history { .mo-sub .list-txt > li{font-size:0.875rem}
.mo-sub .pt01 ul li{width:50%}
.mo-sub .traffic ul li{padding:20px 0}
.mo-sub .traffic ul li div{padding-left:0;}
.mo-sub .traffic .list01{background-image:none}
.mo-sub .traffic .list02{background-image:none}
.mo-sub .traffic .list03{background-image:none}
.mo-sub .traffic_content > span{display:block}
.mo-sub .traffic ul li div span{line-height:1.8}
.mo-sub .table_st th, .table_st td{padding:4px}
}

12
html/history.html
Unescape View File

@ -264,9 +264,8 @@
<li><b class="wh_txt">06</b> 하이에어 안전보안시스템(E-SMS)개발</li> <li><b class="wh_txt">06</b> 하이에어 안전보안시스템(E-SMS)개발</li>
<li><b class="wh_txt">06</b> 하이에어 Weight & balance system개발</li> <li><b class="wh_txt">06</b> 하이에어 Weight & balance system개발</li>
</ul> </ul>
</div>
<div class="border-gray"></div> <div class="border-gray"></div>
<div class="history-box" class="list-txt"> <div class="list-txt">
<h6>2018</h6> <h6>2018</h6>
<ul class="list-txt"> <ul class="list-txt">
<li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li> <li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
@ -281,6 +280,7 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="history-box" class="list-txt"> <div class="history-box" class="list-txt">
<h6>2017</h6> <h6>2017</h6>
@ -291,15 +291,15 @@
<li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li> <li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li>
<li><b>12</b> 본사 로봇타워 이전</li> <li><b>12</b> 본사 로봇타워 이전</li>
</ul> </ul>
</div>
<div class="border-gray"></div> <div class="border-gray"></div>
<div class="history-box"> <div>
<h6>2016</h6> <h6>2016</h6>
<ul class="list-txt"> <ul class="list-txt">
<li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li> <li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>
</ul> </ul>
</div> </div>
</div> </div>
</div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="history-box" class="list-txt"> <div class="history-box" class="list-txt">
<h6>2015</h6> <h6>2015</h6>
@ -310,9 +310,8 @@
<li><b>10</b> ㈜팔네트웍스 법인 전환</li> <li><b>10</b> ㈜팔네트웍스 법인 전환</li>
<li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li> <li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li>
</ul> </ul>
</div>
<div class="border-gray"></div> <div class="border-gray"></div>
<div class="history-box"> <div>
<h6>2014</h6> <h6>2014</h6>
<ul class="list-txt"> <ul class="list-txt">
<li><b>07</b> 개인기업 '팔네트웍스' 개업</li> <li><b>07</b> 개인기업 '팔네트웍스' 개업</li>
@ -324,6 +323,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="swiper-button-next"></div> <div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>

1
html/js/common.js
Unescape View File

@ -261,6 +261,7 @@ $(function(){
const swiper = new Swiper('.mo-sub .swiper-container-history', { const swiper = new Swiper('.mo-sub .swiper-container-history', {
//기본 셋팅 //기본 셋팅
direction: 'horizontal', direction: 'horizontal',
autoHeight : true,
slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다 slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다
slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음 slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
spaceBetween: 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌 spaceBetween: 0, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌

177
html/map.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner"> <div class="pc-sub sub-inner">
<div class="sub-ti"> <div class="sub-ti">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -228,6 +228,181 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li class="on"><a href="partner.html">찾아오시는 길</a></li>
</ul>
</div>
<h4>찾아오시는 길</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont map">
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1655271251050" class="root_daum_roughmap root_daum_roughmap_landing" style="width:100%;height:400px;"></div>
<p class="map-ti"><i class="xi-maker"></i>인천광역시 서구 로봇랜드로 155-11 로봇타워 14층(1401~2호) TEL.032-727-5908</p>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1655271251050",
"key" : "2amkr",
"mapHeight" : "400"
}).render();
</script>
<div class="map-box">
<div class="traffic">
<ul>
<li class="list01">
<div>
<span class="traffic_title">자가용</span>
<span class="traffic_content">
<span><span class="start">서울 출발</span> : 서울외곽순환고속도로(43.5㎞) → 인천국제공항고속도로(9.4㎞) → 청중로(4.3㎞) → 로봇랜드로를 따라 639m 이동 → 인천로봇랜드 → 로봇타워</span>
<br>
<span><span class="start">인천 출발</span> : 경인고속도로(10.3㎞) → 서곶로(0.7㎞) → 봉오대로(2.4㎞) → 서해교차로에서 경인항(인천) 방면으로 우회전 → 로봇랜드로를 따라 346m 이동 → 인천로봇랜드 → 로봇타워</span>
</span>
</div>
</li>
<li class="list02">
<div>
<span class="traffic_title">대중교통</span>
<span class="traffic_content">
<span><span class="start">공항철도</span> : 공항철도 청라국제도시역 → 간선 2-1번 버스 승차 → 청라백세요양병원 정류장 하차 → 도보 10분 이동 → 로봇타워</span>
<br>
<span><span class="start">지하철</span> : 공항철도/인천2호선 검암역 → 간선 70번 버스 승차 → 청라로봇랜드 정류장 하차 → 로봇타워</span>
</span>
</div>
</li>
<li class="list03">
<div>
<span class="traffic_title">셔틀버스</span>
<span class="traffic_content">
<span><span class="start">셔틀버스 운행안내</span></span>
<span class="shuttle_tit">※ 승차장</span>
<table class="table_st center">
<thead>
<tr>
<th scope="col">청라국제도시역</th>
<th scope="col">로봇랜드</th>
<th scope="col">가정역</th>
</tr>
</thead>
<tbody>
<tr>
<td>청라역 1번출구 앞</td>
<td>로봇타워 앞</td>
<td>가정역 4번출구</td>
</tr>
</tbody>
</table>
<span class="shuttle_tit">※ 셔틀시간표(출발시간) 청라국제도시역(번출구) ↔ 로봇랜드</span>
<table class="table_st center">
<thead>
<tr>
<th scope="col">청라국제도시역 출발</th>
<th scope="col">로봇랜드 출발</th>
</tr>
</thead>
<tbody>
<tr>
<td>7:40</td>
<td>17:10</td>
</tr>
<tr>
<td>8:10</td>
<td>17:40</td>
</tr>
<tr>
<td>8:40</td>
<td>18:10</td>
</tr>
<tr>
<td>9:10</td>
<td>18:40</td>
</tr>
<tr>
<td>9:40</td>
<td>17:10</td>
</tr>
<tr>
<td></td>
<td>19:40</td>
</tr>
</tbody>
</table>
<span class="shuttle_tit">※ 셔틀시간표(출발시간) 가정역A(4번출구) ↔ 로봇랜드</span>
<table class="table_st center">
<thead>
<tr>
<th scope="col">가정역 출발</th>
<th scope="col">로봇랜드 출발</th>
</tr>
</thead>
<tbody>
<tr>
<td>7:00</td>
<td>18:10</td>
</tr>
<tr>
<td>7:40</td>
<td>19:00</td>
</tr>
<tr>
<td>8:30</td>
<td>19:50</td>
</tr>
<tr>
<td>9:30</td>
<td></td>
</tr>
</tbody>
</table>
<span class="shuttle_tit">※ 셔틀시간표(출발시간) 가정역B(4번출구)/청라단지 경유 ↔ 로봇랜드</span>
<table class="table_st center">
<thead>
<tr>
<th scope="col">가정역 출발</th>
<th scope="col">로봇랜드 출발</th>
</tr>
</thead>
<tbody>
<tr>
<td>7:20</td>
<td>17:10</td>
</tr>
<tr>
<td>8:20</td>
<td>18:10</td>
</tr>
<tr>
<td>9:20</td>
<td>19:30</td>
</tr>
<tr>
<td>9:30</td>
<td></td>
</tr>
</tbody>
</table>
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

54
html/partner.html
Unescape View File

@ -56,7 +56,7 @@
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
<i class="xi-arrow-up"></i> <i class="xi-arrow-up"></i>
</a> </a>
<div class="sub-inner"> <div class="pc-sub sub-inner">
<div class="sub-ti"> <div class="sub-ti">
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
@ -105,6 +105,58 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mo-sub">
<div class="sub-inner">
<div class="sub-ti">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li class="on"><a href="partner.html">고객사 및 협력사</a></li>
</ul>
</div>
<h4>고객사 및 협력사</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont partner">
<div class="pt01">
<div class="partner-box">
<h6>고객사</h6>
<ul>
<li><a href="https://www.hi-airlines.com/" target="_blank"><img src="images/banner01.png" alt="하이에어"></a></li>
<li><a href="https://www.asianasabre.co.kr/Airlinemain/Main/8M" target="_blank"><img src="images/banner09.png" alt="MAI"></a></li>
<li><a href="https://www.itp.or.kr/" target="_blank"><img src="images/banner15.png" alt="인천테크노파크"></a></li>
<li><a href="https://www.airport.kr/co/ko/index.do" target="_blank"><img src="images/banner16.png" alt="인천국제공항공사"></a></li>
<li><a href="https://www.ito.or.kr/" target="_blank"><img src="images/banner20.png" alt="인천관광공사"></a></li>
<li><a href="https://www.ismartcity.co.kr/default/" target="_blank"><img src="images/banner21.png" alt="인천스마트시티"></a></li>
<li><a href="https://www.hyundai.com/kr/ko/e" target="_blank"><img src="images/banner23.png" alt="현대자동차"></a></li>
<li><a href="https://www.jejupass.com/web" target="_blank"><img src="images/banner24.png" alt="캐플릭스"></a></li>
</ul>
</div>
<div class="partner-box">
<h6>협력사</h6>
<ul>
<li><a href="http://www.ohcomon.com/" target="_blank"><img src="images/banner02.png" alt="심플한"></a></li>
<li><a href="https://www.kaia.re.kr/portal/main.do" target="_blank"><img src="images/banner03.png" alt="KAIA"></a></li>
<li><a href="https://www.itmakers.com.co/" target="_blank"><img src="images/banner04.png" alt="IT MAKRERS"></a></li>
<li><a href="https://www.kt.com/" target="_blank"><img src="images/banner05.png" alt="KT"></a></li>
<li><a href="https://www.ktds.com/index.jsp" target="_blank"><img src="images/banner06.png" alt="KTds"></a></li>
<li><a href="https://www.ibsplc.com/" target="_blank"><img src="images/banner07.png" alt="ibs"></a></li>
<li><a href="https://www.sita.aero/" target="_blank"><img src="images/banner08.png" alt="SITA"></a></li>
<li><a href="http://www.hanseo.ac.kr/intro2/intro.html" target="_blank"><img src="images/banner10.png" alt="한서대학교"></a></li>
<li><a href="http://www.hangkong.ac.kr/web/index.do" target="_blank"><img src="images/banner11.png" alt="한국항공대학교"></a></li>
<li><a href="http://www.airtransport.or.kr/home/kor/main.do" target="_blank"><img src="images/banner12.png" alt="한국항공협회"></a></li>
<li><a href="https://www.airport.co.kr/www/index.do" target="_blank"><img src="images/banner13.png" alt="한국공항공사"></a></li>
<li><a href="https://www.kiast.or.kr/kr/index.do" target="_blank"><img src="images/banner14.png" alt="항공안전기술원"></a></li>
<li><a href="https://www.inha.ac.kr/kr/index.do" target="_blank"><img src="images/banner18.png" alt="인하대학교"></a></li>
<li><a href="https://www.inhatc.ac.kr/sites/kr/index.do" target="_blank"><img src="images/banner19.png" alt="인하공업전문대학"></a></li>
<li><a href="https://www.iata.org/" target="_blank"><img src="images/banner22.png" alt="IATA"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!--//main--> <!--//main-->
<footer id="footer" class="ft-sub"></footer> <footer id="footer" class="ft-sub"></footer>

Write Preview
Loading…
Cancel
Save