Browse Source

찾아오시는길

master
geun1416 3 years ago
parent
commit
dbe2bd7b59
  1. 10
      html/company.html
  2. 34
      html/css/common.css
  3. 48
      html/history.html
  4. BIN
      html/images/bus.png
  5. BIN
      html/images/car.png
  6. BIN
      html/images/linkbg01.jpg
  7. BIN
      html/images/linkbg02.jpg
  8. BIN
      html/images/long_arrow.png
  9. BIN
      html/images/subway.png
  10. 22
      html/include/header.html
  11. 236
      html/map.html

10
html/company.html

@ -147,6 +147,16 @@
</div>
</div>
</div>
<div class="sub-cont company-link">
<a class="link01" href="map.html" target="_self" data-aos="fade-right" data-aos-duration="1000">
<span>찾아오시는 길</span>
<span class="arrow"></span>
</a>
<a class="link02" href="#none" target="_self" data-aos="fade-left" data-aos-duration="1000">
<span>Contect us</span>
<span class="arrow"></span>
</a>
</div>
</div><!--//sub-inner-->

34
html/css/common.css

@ -29,8 +29,8 @@ body,html{overflow-x: hidden;}
#gnb .gnb_1dli{line-height:100px;position:relative;width:25%;max-width:220px;}
.gnb_1dli .bg{display:none;width:10px;height:10px;overflow:hidden;}
.gnb_1da {width:100%;display:inline-block;font-weight:500;color:#fff;text-decoration:none; font-size:20px;}
.gnb_2dli{line-height:36px; padding:0 0 10px; font-size:18px; font-weight:400;}
.gnb_1da {width:100%;display:inline-block;font-weight:600;color:#fff;text-decoration:none; font-size:20px;}
.gnb_2dli{line-height:36px; padding:0 0 10px; font-size:18px;}
.gnb_2dli:first-child{border:0}
.gnb_2dli a:hover{text-decoration: underline;}
.gnb_2dul {display:block;padding: 0; height:0; overflow:hidden;}
@ -120,6 +120,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
*::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
/*sub*/
[class*=" xi-"], [class^=xi-]{vertical-align: middle;}
.breadcrumbs{position: absolute;z-index:1;top:40px;}
.breadcrumbs ul{display:flex;}
.breadcrumbs ul li::before{content:'\e93f';color:#555;padding:0 6px;font-family: 'xeicon' !important;display: inline-block;speak: none;font-style: normal; font-weight:normal;font-variant: normal;text-transform: none;vertical-align:middle;}
@ -166,6 +167,13 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.certification-box .icon{display:flex;justify-content:center;align-items:center;width:150px;height:150px;background:#fff;border-radius:100%;}
.certification-box .ti{font-size:1.1rem;font-weight:500;padding:20px 0 6px 0;}
.certification-box .txt{font-size:0.875rem;text-align:center;line-height:1.6;color:#555;}
.company-link a{flex:1;display:flex;padding:40px;color:#fff;height:200px;align-items: flex-end;justify-content: space-between;}
.company-link a + a{margin-left:80px;}
.company-link a.link01{background:url('../images/linkbg01.jpg') no-repeat 0% 50%;background-size:cover;}
.company-link a.link02{background:url('../images/linkbg02.jpg') no-repeat 0% 30%;background-size:cover;}
.company-link a span{font-size:1.5rem;font-weight:500;flex:1;}
.company-link a span.arrow{display:block;font-size:40px;height:35px;background:url('../images/long_arrow.png') no-repeat 100% 80%;}
/*연혁*/
.history{width:100%;margin:0px auto;}
.swiper-container-history{max-width:1000px;margin:0px auto;}
@ -187,3 +195,25 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.pt01 ul li a{display:block;width:100%;height:100%;}
.partner-box + .partner-box{margin-top:80px;}
.partner-box h6{margin-bottom:20px;}
/*찾아오시는 길*/
.sub-cont.map{flex-direction: column;}
.map-ti{background:#f9f9f9;padding:12px 10px 10px 10px;border:1px solid #dfdfdf;border-top:0;font-size:0.875rem;font-weight:500;}
.map-ti i{font-size:20px;margin-right:3px;margin-top:-3px;color:#2290c9;}
.traffic{padding-top:40px;}
.traffic ul li{padding:40px 0;border-bottom:1px dotted #ddd;}
.traffic ul li div{padding-left:160px;}
.traffic ul li div span{font-size:0.875rem;}
.traffic_title{display:block;color:#3282cc;font-weight:500;font-size:1rem!important;margin-bottom:10px;}
.traffic_content span{font-weight:400;}
.traffic .list01{background:url('../images/car.png');background-repeat: no-repeat;background-position: 2% 50%;background-size:100px;}
.traffic .list02{background:url('../images/subway.png');background-repeat: no-repeat; background-position: 2% 50%; background-size:100px;}
.traffic .list03{background:url('../images/bus.png');background-repeat: no-repeat;background-position: 2% 5%;background-size:100px;}
.start{color:#3282cc;}
.start::before {content: '';display: inline-block;width: 4px;height: 4px;background-color: #3282cc;transform: rotate(45deg);margin-right: 5px;position: relative;top: -3px;}
.table_st {display: table;table-layout: fixed;margin-bottom: 10px;width: 100%;border-top: 2px solid #333;border-bottom: 1px solid #ccc;border-collapse: separate;border-collapse: collapse;}
.table_st td {padding: 15px 9px;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;word-wrap: break-word;word-break: keep-all;color: #202020;background: #fff;}
.table_st th {background-color: #f4f4f4;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #333;font-size:0.875rem;font-weight: 500;vertical-align: middle;}
.table_st th, .table_st td {padding: 12px;}
.table_st th:first-child, .table_st td:first-child {border-left: none;}
.center{text-align: center;}
.shuttle_tit{display:block;padding:10px 0;}

48
html/history.html

@ -72,9 +72,9 @@
<div class="swiper swiper-container-history">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2021</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" data-aos="fade-right" data-aos-duration="1000">
<h6>2021</h6>
<ul class="list-txt">
<li><b>02</b> 현대자동차 QR코드 출입시스템 운영 및 유지보수(현대자동차)</li>
<li><b>03</b> 파브 기술 및 기업/산업 현황 분석(인천테크노파크)</li>
<li><b class="wh_txt">03</b> 파브 부품 상용화 대응 기술 및 제도 인프라 조사용역(인천테크노파크)</li>
@ -98,9 +98,9 @@
</div>
</div>
<div class="swiper-slide">
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2020</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" data-aos="fade-right" data-aos-duration="1000">
<h6>2020</h6>
<ul class="list-txt">
<li><b>03</b> 하이에어 통합시스템 유지보수(하이에어)</li>
<li><b>05</b> 뉴비지니스 모델링 프로젝트(인하공업전문대학)</li>
<li><b class="wh_txt">05</b> VR·AR 융합콘텐츠 실증 및 개발지원 과제 선정(인천테크노파크)</li>
@ -118,9 +118,9 @@
</div>
</div>
<div class="swiper-slide">
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2019</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" data-aos="fade-right" data-aos-duration="1000">
<h6>2019</h6>
<ul class="list-txt">
<li><b>06</b> IBS(PSS, 승무원 스케쥴, MRO) MOU 체결</li>
<li><b class="wh_txt">06</b> 하이에어 IBS PSS 개발 및 납품</li>
<li><b class="wh_txt">06</b> 하이에어 안전보안시스템(E-SMS)개발</li>
@ -128,9 +128,9 @@
</ul>
</div>
<div class="border-gray"></div>
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2018</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<h6>2018</h6>
<ul class="list-txt">
<li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
<li><b>04</b> 드론을 활용한 항공등화시설 정밀점검(항공안전기술원)</li>
<li><b>05</b> 한서대학교 신학연 MOU</li>
@ -144,9 +144,9 @@
</div>
</div>
<div class="swiper-slide">
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2017</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<h6>2017</h6>
<ul class="list-txt">
<li><b>01</b> 경량항공기 내비게이션 및 비행상황관리시스템 개발(국토교통부)</li>
<li><b>05</b> A CDM 설계 및 RMS 개선용역(한국공항공사)</li>
<li><b>07</b> IBTP MOU 체결</li>
@ -155,17 +155,17 @@
</ul>
</div>
<div class="border-gray"></div>
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2016</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" data-aos="fade-right" data-aos-duration="1000">
<h6>2016</h6>
<ul class="list-txt">
<li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>
</ul>
</div>
</div>
<div class="swiper-slide">
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2015</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<h6>2015</h6>
<ul class="list-txt">
<li><b>01</b> 주민자치센터 홈페이지 운영시스템(인천시)</li>
<li><b>07</b> 기업부설연구소 인정</li>
<li><b class="wh_txt">07</b> 아우리포탈 ActiveX 제거사업(인천공항공사)</li>
@ -174,9 +174,9 @@
</ul>
</div>
<div class="border-gray"></div>
<div class="history-box">
<h6 data-aos="fade-right" data-aos-duration="1000">2014</h6>
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<div class="history-box" data-aos="fade-right" data-aos-duration="1000">
<h6>2014</h6>
<ul class="list-txt">
<li><b>07</b> 개인기업 '팔네트웍스' 개업</li>
<li><b class="wh_txt">07</b> 항공인력양성사업 정보화시스템, 정보보호를 위한 시스템 보완 용역(항공협회)</li>
<li><b class="wh_txt">07</b> 미얀마국제항공 웹사이트 구축(크리스탈에비에이션)</li>

BIN
html/images/bus.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
html/images/car.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
html/images/linkbg01.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
html/images/linkbg02.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
html/images/long_arrow.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
html/images/subway.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

22
html/include/header.html

@ -41,38 +41,38 @@
<div class="gnb_wrap">
<ul id="gnb_1dul">
<li class="gnb_1dli">
<a href="#none" target="_self" class="gnb_1da">회사소개</a>
<a href="#none" target="_self" class="gnb_1da">COMPANY</a>
<span class="bg">하위분류</span>
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="company.html" target="_self" class="gnb_2da">기업정보</a></li>
<li class="gnb_2dli"><a href="history.html" target="_self" class="gnb_2da">연혁</a></li>
<li class="gnb_2dli"><a href="partner.html" target="_self" class="gnb_2da">고객 및 협력사</a></li>
<!-- <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">New & Story</a></li> -->
<li class="gnb_2dli"><a href="map.html" target="_self" class="gnb_2da">찾아오시는 길</a></li>
</ul>
</li>
<li class="gnb_1dli">
<a href="#none" target="_self" class="gnb_1da">사업분야</a>
<a href="#none" target="_self" class="gnb_1da">BUSINESS</a>
<span class="bg">하위분류</span>
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">DRONE/PAV/UAM</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">항공사업</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">일반사업</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">System Integration</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">R&D</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">구축사례</a></li>
</ul>
</li>
<li class="gnb_1dli">
<a href="#none" target="_self" class="gnb_1da">R&D</a>
<a href="#none" target="_self" class="gnb_1da">SOLUTION</a>
<span class="bg">하위분류</span>
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">연구 및 개발</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">드론 비행관제 시스템</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">IBE(Internet Booking Engine)</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">KT G-cloud-인천총판</a></li>
</ul>
</li>
<li class="gnb_1dli">
<a href="#none" target="_self" class="gnb_1da">고객센터</a>
<a href="#none" target="_self" class="gnb_1da">CONTACT US</a>
<span class="bg">하위분류</span>
<ul class="gnb_2dul">
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">찾아오시는 길</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">Contact US</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">문의하기</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">채용정보</a></li>
</ul>
</li>

236
html/map.html

@ -0,0 +1,236 @@
<!doctype html>
<html lang="ko" xml:lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="팔네트웍스, 소프트웨어 개발 등 응용소프트웨어 개발 및 공급업체">
<meta name="keywords" content="팔, 필네트웍스, 소프트웨어, 응용소프트웨어, 개발, IT, 항공솔루션, 솔루션개발, 솔루션구축, 네트워크, SI, 항공산업">
<meta property="og:description" content="팔네트웍스 - 항공산업의 기술혁신 선도를 통한 파트너">
<meta property="og:title" content="팔네트웍스">
<!-- <meta property="og:image" content=""> -->
<meta property="og:type" content="website">
<!-- 파비콘 -->
<link rel="shortcut icon" href="images/favicon.png">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/fullpage.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/swiper-bundle.css">
<link rel="stylesheet" href="css/xeicon.min.css">
<!-- js -->
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/fullpage.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/common.js"></script>
<script src="js/swiper.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper-bundle.js"></script>
<title>PAL Networks</title>
</head>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load("include/header.html");
$("#footer").load("include/footer.html");
});
</script>
<body>
<!--header-->
<header id="header" class="hd-sub"></header>
<!--//header-->
<!--main-->
<div id="container" class="sub-con">
<a class="topBtn" href="#home">
<i class="xi-arrow-up"></i>
</a>
<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 data-aos="fade-down" data-aos-duration="1000">찾아오시는 길</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont map">
<!-- * 카카오맵 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<div id="daumRoughmapContainer1653530326841" 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" : "1653530326841",
"key" : "2adqb",
"mapHeight" : "400"
}).render();
</script>
<div class="map-box">
<div class="traffic">
<ul>
<li class="list01" data-aos="fade-right" data-aos-duration="1000">
<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" data-aos="fade-right" data-aos-duration="1000">
<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" data-aos="fade-right" data-aos-duration="1000">
<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>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>
Loading…
Cancel
Save