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

연혁끝

master
geun1416 3 years ago
parent
d82f66f727
commit
b1dba07376
3 changed files with 120 additions and 25 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. 30
      html/css/common.css
  2. 102
      html/history.html
  3. 13
      html/js/common.js

30
html/css/common.css
Unescape View File

@ -1,5 +1,5 @@
@charset "utf-8"; @charset "utf-8";
body,html{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}
@ -137,12 +137,18 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.design-line{position:relative;margin:0 60px;} .design-line{position:relative;margin:0 60px;}
.design-line::before{content:'';display:block;width:4px;height:200px;background:#000;} .design-line::before{content:'';display:block;width:4px;height:200px;background:#000;}
.design-line::after{content:'';display:block;width:1px;height:200px;background:#000;} .design-line::after{content:'';display:block;width:1px;height:200px;background:#000;}
.design-line.horizontal{width:100%;margin:60px 0;}
.design-line.horizontal::before{content:'';display:block;width:30%;height:2px;background:#333;}
.design-line.horizontal::after{content:'';display:block;width:100%;height:1px;background:#999;}
.sub-cont{display:flex;padding:100px 0;} .sub-cont{display:flex;padding:100px 0;}
.point-txt{color:#2290c9} .point-txt{color:#2290c9}
.list-txt{color: #333;font-size: 16px;line-height: 2.5;margin-top:20px;} .list-txt{margin-top:18px;color: #333;font-size: 1rem;line-height:1.5;}
.list-txt > li {position: relative;} .list-txt > li {position: relative;}
.list-txt > li + li{margin-top:14px;}
.list-txt > li:before {content: "";display: inline-block;position: absolute;top: 0;left: 0;} .list-txt > li:before {content: "";display: inline-block;position: absolute;top: 0;left: 0;}
.list-txt > li b{margin-right:10px;font-size:1.125rem;}
.wh_txt{color:#fff;}
.border-gray{width:100%;height:1px;background:#ddd;margin:60px 0;}
/*회사소개*/ /*회사소개*/
.company .img{margin-right:60px;} .company .img{margin-right:60px;}
.company .img img{width:450px;} .company .img img{width:450px;}
@ -152,10 +158,14 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
/*연혁*/ /*연혁*/
.history{width:100%;padding-left:320px;margin:0px auto;} .history{width:100%;margin:0px auto;}
.history .swiper-slide-active{max-width:1280px;opacity:1!important;} .swiper-container-history{max-width:1000px;margin:0px auto;}
.history .swiper-slide{opacity:0.5;} .swiper-container-history {overflow: visible!important;}
.history .swiper-slide .test{width:1280px;height:200px;background:blue;width:500px;} .swiper-container-history .swiper-slide-active{opacity:1!important; transition:opacity 0.3s;}
.history .swiper-button-next, .history .swiper-rtl .swiper-button-prev {right: auto;left: 1240px;} .swiper-container-history .swiper-slide{opacity:0.4; transition:opacity 0.3s;}
.history-box{padding:0 100px;} .swiper-container-history .swiper-button-next, .swiper-container-history .swiper-rtl .swiper-button-prev {right:0px;left: auto;color:#2290c9;}
.history-box h6{font-size:4rem;} .swiper-container-history .swiper-button-prev, .swiper-container-history .swiper-rtl .swiper-button-next {left:0px;right: auto;color:#2290c9;}
.swiper-container-history .swiper-button-prev:after, .swiper-container-history .swiper-rtl .swiper-button-next:after,
.swiper-container-history .swiper-button-next:after, .swiper-container-history .swiper-rtl .swiper-button-prev:after{font-size:30px;font-weight:bold;}
.history-box{margin:0px auto;padding:0 40px 0 100px;}
.history-box h6{font-size:3.5rem;}

102
html/history.html
Unescape View File

@ -77,38 +77,118 @@
<ul class="list-txt" data-aos="fade-right" data-aos-duration="1000"> <ul class="list-txt" data-aos="fade-right" data-aos-duration="1000">
<li><b>02</b> 현대자동차 QR코드 출입시스템 운영 및 유지보수(현대자동차)</li> <li><b>02</b> 현대자동차 QR코드 출입시스템 운영 및 유지보수(현대자동차)</li>
<li><b>03</b> 파브 기술 및 기업/산업 현황 분석(인천테크노파크)</li> <li><b>03</b> 파브 기술 및 기업/산업 현황 분석(인천테크노파크)</li>
<li><b>03</b> 파브 부품 상용화 대응 기술 및 제도 인프라 조사용역(인천테크노파크)</li> <li><b class="wh_txt">03</b> 파브 부품 상용화 대응 기술 및 제도 인프라 조사용역(인천테크노파크)</li>
<li><b>03</b> 인천광역시 스마트관광도시 조성사업 품질보증 용역(인천스마트시티) <li><b class="wh_txt">03</b> 인천광역시 스마트관광도시 조성사업 품질보증 용역(인천스마트시티)
<li><b>03</b> KT 클라우드 인천총판 등록(KT)</li> <li><b class="wh_txt">03</b> KT 클라우드 인천총판 등록(KT)</li>
<li><b>06</b> 드론 규제 샌드박스 사업 <li><b>06</b> 드론 규제 샌드박스 사업
(드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축)(항공안전기술원)</li> (드론 관리 체계에 따른 식별장치 및 비행 관제시스템 구축)(항공안전기술원)</li>
<li><b>06</b> SSG 여행몰 유지보수 용역(SSG.com)</li> <li><b class="wh_txt">06</b> SSG 여행몰 유지보수 용역(SSG.com)</li>
<li><b>07</b> KB 국민은행 소프트웨어 경진대회 메타버스 구축 및 <li><b>07</b> KB 국민은행 소프트웨어 경진대회 메타버스 구축 및
콘텐츠 개발 운영사업(사피엔스 4.0)</li> 콘텐츠 개발 운영사업(사피엔스 4.0)</li>
<li><b>07</b> XR 융합콘텐츠 실증 및 개발지원 과제 협약(인천테크노파크)</li> <li><b class="wh_txt">07</b> XR 융합콘텐츠 실증 및 개발지원 과제 협약(인천테크노파크)</li>
<li><b>07</b> 현대자동차 무인전시장 QR 코드인증 출입시스템 개발</li> <li><b class="wh_txt">07</b> 현대자동차 무인전시장 QR 코드인증 출입시스템 개발</li>
<li><b>08</b> 드론 실증 비즈니스 사업화(공공서비스 기술 고도화) 선정 관련기사</li> <li><b>08</b> 드론 실증 비즈니스 사업화(공공서비스 기술 고도화) 선정 관련기사</li>
<li><b>09</b> 캐플릭스 OTA 항공서비스 구축(제주패스)(캐플릭스)</li> <li><b>09</b> 캐플릭스 OTA 항공서비스 구축(제주패스)(캐플릭스)</li>
<li><b>09</b> 지역특화 데이터 산업화 기반 조성 사업 선정</li> <li><b class="wh_txt">09</b> 지역특화 데이터 산업화 기반 조성 사업 선정</li>
<li><b>10</b> ADEX 2021 전시회 참가 관련기사</li> <li><b>10</b> ADEX 2021 전시회 참가 관련기사</li>
<li><b>10</b> 기업 디지털 트랜스포메이션(DT)을 통한 클라우드 전환 사업 선정</li> <li><b class="wh_txt">10</b> 기업 디지털 트랜스포메이션(DT)을 통한 클라우드 전환 사업 선정</li>
<li><b>11</b> 인천 PAV 컨소시엄 선정 관련기사</li> <li><b>11</b> 인천 PAV 컨소시엄 선정 관련기사</li>
<li><b>12</b> KMF(Korea Metaverse Festival) 전시회 참가</li> <li><b>12</b> KMF(Korea Metaverse Festival) 전시회 참가</li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="test">2</div> <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">
<li><b>03</b> 하이에어 통합시스템 유지보수(하이에어)</li>
<li><b>05</b> 뉴비지니스 모델링 프로젝트(인하공업전문대학)</li>
<li><b class="wh_txt">05</b> VR·AR 융합콘텐츠 실증 및 개발지원 과제 선정(인천테크노파크)</li>
<li><b class="wh_txt">05</b> QR코드 활용 방문자 방역관리 모바일웹 개발(인천관광공사)</li>
<li><b>06</b> 인천관광벤처사업 공모전 선정</li>
<li><b class="wh_txt">06</b> QR 출입명부 및 자동도어제어 시스템 개발 (현대자동차)</li>
<li><b>08</b> QR 출입명부 및 자동도어제어 시스템 유지보수 (현대자동차)</li>
<li><b class="wh_txt">08</b> QR코드 활용 방문자 방역관리 모바일웹 유지보수(인천관광공사) </li>
<li><b>10</b> 하이에어 웹투어 연동(하이에어)</li>
<li><b class="wh_txt">10</b> 클라우드 서비스 이용료 지원(클라우드 바우처 운영사무국)</li>
<li><b>11</b> 안전관광 관련 방역 시스템 구축 용역 입찰(한국여행업협회)</li>
<li><b>12</b> IATA(국제항공운송협회: International Air Transport Association)
Online Agency Accreditation 인증</li>
</ul>
</div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="test">3</div> <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">
<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>
<li><b class="wh_txt">06</b> 하이에어 Weight & balance system개발</li>
</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">
<li><b>01</b> 항공사 홈페이지 예약시스템 구축(에어필립)</li>
<li><b>04</b> 드론을 활용한 항공등화시설 정밀점검(항공안전기술원)</li>
<li><b>05</b> 한서대학교 신학연 MOU</li>
<li><b>06</b> PAL&TOUR 국외여행업 등록</li>
<li><b class="wh_txt">06</b> 에어필립 항공사 홈페이지 유지보수</li>
<li><b>07</b> 벤처기업 인증</li>
<li><b class="wh_txt">07</b> 시험용 UTM 시스템 DB 구축 용역 개발(KT)</li>
<li><b>11</b> 인하공전 MOU 체결</li>
<li><b>12</b> 인천광역시 인천 항공 유망기업 지정</li>
</ul>
</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">
<li><b>01</b> 경량항공기 내비게이션 및 비행상황관리시스템 개발(국토교통부)</li>
<li><b>05</b> A CDM 설계 및 RMS 개선용역(한국공항공사)</li>
<li><b>07</b> IBTP MOU 체결</li>
<li><b>11</b> 항공사 정비시스템 구축 (에어필립)</li>
<li><b>12</b> 본사 로봇타워 이전</li>
</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">
<li><b>07</b> 항공인력양성사업 정보화시스템 개선 및 유지보수(항공협회)</li>
</ul>
</div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<div class="test">4</div> <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">
<li><b>01</b> 주민자치센터 홈페이지 운영시스템(인천시)</li>
<li><b>07</b> 기업부설연구소 인정</li>
<li><b class="wh_txt">07</b> 아우리포탈 ActiveX 제거사업(인천공항공사)</li>
<li><b>10</b> ㈜팔네트웍스 법인 전환</li>
<li><b>12</b> 중소기업청 창업성장과제 체택 (완료:성공판정)</li>
</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">
<li><b>07</b> 개인기업 '팔네트웍스' 개업</li>
<li><b class="wh_txt">07</b> 항공인력양성사업 정보화시스템, 정보보호를 위한 시스템 보완 용역(항공협회)</li>
<li><b class="wh_txt">07</b> 미얀마국제항공 웹사이트 구축(크리스탈에비에이션)</li>
<li><b>10</b> 직접생산등록</li>
<li><b class="wh_txt">10</b> 세계 책의 수도 홈페이지 구축용역(인천시)</li>
</ul>
</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>
<!-- <div class="swiper-scrollbar"></div> -->
</div> </div>
</div> </div>

13
html/js/common.js
Unescape View File

@ -232,10 +232,15 @@ $(function(){
const swiper = new Swiper('.swiper-container-history', { const swiper = new Swiper('.swiper-container-history', {
//기본 셋팅 //기본 셋팅
direction: 'horizontal', direction: 'horizontal',
slidesPerView: 3, slidesPerView: 1, // 슬라이드를 한번에 3개를 보여준다
spaceBetween: 100, slidesPerGroup :1, // 그룹으로 묶을 수, slidesPerView 와 같은 값을 지정하는게 좋음
slidesPerView:true, spaceBetween: 100, // 슬라이드간 padding 값 30px 씩 떨어뜨려줌
centeredSlides: true,
// 그룹수가 맞지 않을 경우 빈칸으로 메우기
// 3개가 나와야 되는데 1개만 있다면 2개는 빈칸으로 채워서 3개를 만듬
loopFillGroupWithBlank : true,
loop: true,
autoplay: false, autoplay: false,
//방향표 //방향표
navigation: { navigation: {

Write Preview
Loading…
Cancel
Save