diff --git a/html/css/common.css b/html/css/common.css index 5e2a5e3..5e5edf1 100644 --- a/html/css/common.css +++ b/html/css/common.css @@ -148,7 +148,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c .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;} -.point-txt{color:#2290c9} +.point-txt{color:#2290c9!important;} .list-txt{margin-top:18px;color: #333;font-size: 1rem;line-height:1.5;} .list-txt > li {position: relative;} .list-txt > li + li{margin-top:14px;} @@ -156,7 +156,9 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c .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;} - +.wh-full{width:100%;} +.wh-1280{width:1280px;margin:0px auto;} +.bg-gray{background:#f4f4f4;} /*회사소개*/ .company .img{margin-right:60px;} .company .img img{width:500px;} @@ -258,4 +260,25 @@ font-size:40px; speak: none;font-style: normal; font-weight:normal;font-variant: .table_st02 tr th:last-child, .table_st02 tr td:last-child{border-right:0px;} .table_st02 tr td{padding:14px 20px;font-weight:300;vertical-align: middle;} .sub-p{margin-bottom:80px;line-height: 1.8;text-align: center;} -.sub-p b{display:block;font-size:1.8rem;font-weight:600;margin-bottom:10px;} \ No newline at end of file +.sub-p b{display:block;font-size:1.8rem;font-weight:600;margin-bottom:10px;} +/*tab*/ +ul.tabs{margin: 0px auto;padding: 0px;list-style: none;display:flex;width:100%;max-width:1280px;} +ul.tabs li{width:25%;background: none;color: #222;display:block;padding: 10px 15px;cursor: pointer;text-align:center;font-size:1.125rem;} +ul.tabs li.current{color: #222;font-weight:600;} +ul.tabs li.current span{border-bottom:2px solid #222;} +.tab-content{display: none;padding:40px 0 0 0;flex-direction: column;} +.tab-content.current{display: inherit;} +/*솔루션+비즈니스*/ +.sub-cont.work{flex-direction: column;padding:40px 0;} +.solution-box{display:flex;align-items: center;border-top:1px solid #ddd;padding:40px 0;} +.solution-box + .solution-box{border-top:0;padding:80px 0;} +.solution-box .txt{padding-right:80px;} +.solution-box p{padding:40px 0;font-size:1.125rem;word-break: keep-all;line-height: 1.8;} +.work-slide{width:1280px;margin:0px auto;position:relative;overflow: hidden;} +.swiper-container-work{padding-top:60px;} +.work-slide .swiper-slide{display:flex;justify-content: center;align-items: center;flex-direction: column;} +.work-slide .work-icon{display:flex;justify-content: center;align-items: center;width:150px;height:150px;background:#fff;border:1px solid #ddd;border-radius:100%;} +.work-slide .work-txt{margin-top:20px;} +.work-slide .swiper-button-prev:after, .work-slide .swiper-rtl .swiper-button-next:after{color:#2290c9;font-size:25px;} +.work-slide .swiper-button-next:after, .work-slide.swiper-rtl .swiper-button-prev:after{color:#2290c9;font-size:25px;} +.solution-skill{width:100%;} \ No newline at end of file diff --git a/html/images/solution01.png b/html/images/solution01.png new file mode 100644 index 0000000..cc4d73b Binary files /dev/null and b/html/images/solution01.png differ diff --git a/html/include/header.html b/html/include/header.html index ea5b5ac..32c697f 100644 --- a/html/include/header.html +++ b/html/include/header.html @@ -63,7 +63,7 @@ SOLUTION 하위분류 diff --git a/html/js/common.js b/html/js/common.js index 2f1bce4..7231789 100644 --- a/html/js/common.js +++ b/html/js/common.js @@ -251,4 +251,55 @@ $(function(){ }, }); +}); + +$(function(){ + $('ul.tabs li').click(function(){ + var tab_id = $(this).attr('data-tab'); + + $('ul.tabs li').removeClass('current'); + $('.tab-content').removeClass('current'); + + $(this).addClass('current'); + $("#"+tab_id).addClass('current'); + }) + +}); + +$(function(){ + new Swiper('.swiper-container-work'); + const swiper = new Swiper('.swiper-container-work', { + //기본 셋팅 + //방향 셋팅 vertical 수직, horizontal 수평 설정이 없으면 수평 + direction: 'horizontal', + //한번에 보여지는 페이지 숫자 + slidesPerView: 3, + //페이지와 페이지 사이의 간격 + spaceBetween: 10, + //드레그 기능 true 사용가능 false 사용불가 + debugger: true, + //마우스 휠기능 true 사용가능 false 사용불가 + mousewheel: false, + //반복 기능 true 사용가능 false 사용불가 + loop: true, + //선택된 슬라이드를 중심으로 true 사용가능 false 사용불가 + centeredSlides: true, + // 페이지 전환효과 slidesPerView효과와 같이 사용 불가 + // effect: 'fade', + //자동 스크를링 + speed : 1000, // 슬라이드 속도 2초 + autoplay: { + //시간 1000 이 1초 + delay: 3000, + disableOnInteraction: false, + }, + //방향표 + navigation: { + //다음페이지 설정 + nextEl: '.swiper-button-next', + //이전페이지 설정 + prevEl: '.swiper-button-prev', + }, + }); + }); \ No newline at end of file diff --git a/html/solution.html b/html/solution.html new file mode 100644 index 0000000..f03d2e1 --- /dev/null +++ b/html/solution.html @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +PAL Networks + + + + + + + + + + + +
+ + + +
+
+
+ +
+

SOLUTION

+
+
+
+
+
    +
  • 비행상황관리 시스템
    • +
  • IBE(Internet Booking Engine)
    • +
  • 스마트 관광 예약 플랫폼
    • +
  • KT G-cloud 인천총판
    • +
+
+
+
+
+
비행상황 관리 시스템
+

+ 항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템 +

+ 각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한 + 환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다. +

+
+
+ +
+
+ +
+
+
비행상황 관리 시스템 특징
+
+
+
실시간 모니터링
+
222222
+
333333
+
+ +
+
+
+
+
+
+
+
비행상황관리 시스템 주요기능
+
    +
  • +
    + 이미지 + 비행가능 지역 및 공역표출 +
    +
    • +
+
+
+ +
+
+ ---- ---- ★------ ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ★-- ---- ---- ------★ ---- ---- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- ---- ★------ ---- ---- ---- ---- +
+
+ ---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★ +
+
+ ---- ★-- -------- ---- ---- ---- -★- ---- ---- -------- ---- -★- ---- ---- ---- ---- -------- ---- ---- ---- ---- ---- --★ -------- ★-- ---- ---- ---- ---- ---- -------- ---- ---- --★ ---- ---- ---- -------- ---- ---- ---- --★ +
+
+
+
+ + + + +