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

.

master
geun1416 3 years ago
parent
56559d1082
commit
8211210cb5
7 changed files with 651 additions and 11 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. 4
      html/business01.html
  2. 12
      html/css/common.css
  3. 13
      html/include/header.html
  4. 158
      html/solution01.html
  5. 157
      html/solution02.html
  6. 159
      html/solution03.html
  7. 157
      html/solution04.html

4
html/solution.html → html/business01.html
Unescape View File

@ -61,10 +61,10 @@
<div class="breadcrumbs"> <div class="breadcrumbs">
<ul> <ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li> <li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li class="on"><a href="solution.html">SOLUTION</a></li> <li class="on"><a href="business.html">BUSINESS</a></li>
</ul> </ul>
</div> </div>
<h4 data-aos="fade-down" data-aos-duration="1000">SOLUTION</h4> <h4 data-aos="fade-down" data-aos-duration="1000">BUSINESS</h4>
</div> </div>
<div class="design-line-ti"></div> <div class="design-line-ti"></div>
<div class="sub-cont work"> <div class="sub-cont work">

12
html/css/common.css
Unescape View File

@ -125,7 +125,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
/*sub*/ /*sub*/
[class*=" xi-"], [class^=xi-]{vertical-align: middle;} [class*=" xi-"], [class^=xi-]{vertical-align: middle;}
.breadcrumbs{position: absolute;z-index:1;top:40px;} .breadcrumbs{position: absolute;z-index:1;top:20px;}
.breadcrumbs ul{display:flex;} .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;} .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;}
.breadcrumbs ul li:first-child::before{display:none} .breadcrumbs ul li:first-child::before{display:none}
@ -268,9 +268,10 @@ ul.tabs li.current{color: #222;font-weight:600;}
ul.tabs li.current span{border-bottom:2px solid #222;} ul.tabs li.current span{border-bottom:2px solid #222;}
.tab-content{display: none;padding:40px 0 0 0;flex-direction: column;} .tab-content{display: none;padding:40px 0 0 0;flex-direction: column;}
.tab-content.current{display: inherit;} .tab-content.current{display: inherit;}
.tab-content .solution-box:first-child{border-top:1px solid #ddd;}
/*솔루션+비즈니스*/ /*솔루션+비즈니스*/
.sub-cont.work{flex-direction: column;padding:40px 0;} .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{display:flex;align-items: center;padding:40px 0;}
.solution-box + .solution-box{border-top:0;padding:80px 0;} .solution-box + .solution-box{border-top:0;padding:80px 0;}
.solution-box .txt{padding-right:80px;} .solution-box .txt{padding-right:80px;}
.solution-box p{padding:40px 0;font-size:1.125rem;word-break: keep-all;line-height: 1.8;} .solution-box p{padding:40px 0;font-size:1.125rem;word-break: keep-all;line-height: 1.8;}
@ -282,3 +283,10 @@ ul.tabs li.current span{border-bottom:2px solid #222;}
.work-slide .swiper-button-prev:after, .work-slide .swiper-rtl .swiper-button-next:after{color:#2290c9;font-size:25px;} .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;} .work-slide .swiper-button-next:after, .work-slide.swiper-rtl .swiper-button-prev:after{color:#2290c9;font-size:25px;}
.solution-skill{width:100%;} .solution-skill{width:100%;}
.solution-skill ul{ display:flex;flex-wrap: wrap;margin-top:20px;}
.solution-skill ul li{flex:0 0 31%;margin:1%;margin-top:40px;}
.solution-skill ul li div{height:320px;position:relative;padding:40px 20px;border:1px solid #ddd;border-radius:4px;box-shadow:2px 2px 4px #f4f4f4;}
.skill-num{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:100%;background:#4c555a;color:#fff;font-weight:bold;
position: absolute;top:-25px;left:50%;transform: translateX(-50%);box-shadow:2px 2px 2px #ddd;}
.skill-img img{width:100%;}
.skill-txt{display:block;text-align:center;font-size:1rem;font-weight:500;padding-top:40px;}

13
html/include/header.html
Unescape View File

@ -54,18 +54,19 @@
<a href="#none" target="_self" class="gnb_1da">BUSINESS</a> <a href="#none" target="_self" class="gnb_1da">BUSINESS</a>
<span class="bg">하위분류</span> <span class="bg">하위분류</span>
<ul class="gnb_2dul"> <ul class="gnb_2dul">
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">System Integration</a></li> <li class="gnb_2dli"><a href="business01.html" 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="business02.html" target="_self" class="gnb_2da">R&D</a></li>
<li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">구축사례</a></li> <li class="gnb_2dli"><a href="business03.html" target="_self" class="gnb_2da">구축사례</a></li>
</ul> </ul>
</li> </li>
<li class="gnb_1dli"> <li class="gnb_1dli">
<a href="#none" target="_self" class="gnb_1da">SOLUTION</a> <a href="#none" target="_self" class="gnb_1da">SOLUTION</a>
<span class="bg">하위분류</span> <span class="bg">하위분류</span>
<ul class="gnb_2dul"> <ul class="gnb_2dul">
<li class="gnb_2dli"><a href="solution.html" target="_self" class="gnb_2da">드론 비행관제 시스템</a></li> <li class="gnb_2dli"><a href="solution01.html" 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="solution02.html" 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> <li class="gnb_2dli"><a href="solution03.html" target="_self" class="gnb_2da">스마트 관광 예약 플랫폼</a></li>
<li class="gnb_2dli"><a href="solution04.html" target="_self" class="gnb_2da">KT G-cloud 인천총판</a></li>
</ul> </ul>
</li> </li>
<li class="gnb_1dli"> <li class="gnb_1dli">

158
html/solution01.html
Unescape View File

@ -0,0 +1,158 @@
<!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 wh-full">
<div class="sub-ti wh-1280">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution01.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 work">
<div class="solution-box wh-1280">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">비행상황 관리 시스템</h6>
<p>
항공기, 무인기, 선박 등 실시간 식별정보를 통하여 모니터링 및 상황관리를 할 수 있는 시스템
<br/><br/>
각종 드론 상황관제, 환경측정, 미래산업인 드론/PAV/UAM을 활용한 사업들을 지원하기 위한
환경/물류/안티 드론 등의 상황관제 시스템을 연구하고 솔루션을 제공합니다.
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">비행상황 관리 시스템 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">222222</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">333333</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>
<div class="swiper-button-next" data-aos="fade-in" data-aos-duration="1000"></div>
</div>
</div>
</div>
<div class="solution-box wh-1280">
<div class="solution-skill">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">비행상황관리 시스템 주요기능</h6>
<ul data-aos="fade-up" data-aos-duration="1000">
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행가능 지역 및 공역표출</span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행체 위치 표출</span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">항공기 비행경로 및 히스토리 표출</span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">항공기 비행정보 표출</span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비행계획서 조회</span>
</div>
</li>
<li>
<div class="skill01">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt">비정상 상황의 경보 표출</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

157
html/solution02.html
Unescape View File

@ -0,0 +1,157 @@
<!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 wh-full">
<div class="sub-ti wh-1280">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution02.html">IBE(Internet Booking Engine)</a></li>
</ul>
</div>
<h4 data-aos="fade-down" data-aos-duration="1000">IBE(Internet Booking Engine)</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box wh-1280">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">IBE</h6>
<p>
항공사 인터넷 부킹 엔진 구축을 통해 항공여정/운임, 발권, 환불/취소 등의 기능을 제공하며, 향후 여행사 제휴(B2B) 등 확장성을 고려하여 구성한 솔루션을 서비스 합니다.
<br/><br/>
국내/외 온라인 여행사의 직접 예약/발권을 위한 Open Travel Alliance의 표준 스펙에 맞는 API를 서비스합니다.
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">IBE 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">222222</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">333333</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>
<div class="swiper-button-next" data-aos="fade-in" data-aos-duration="1000"></div>
</div>
</div>
</div>
<div class="solution-box wh-1280">
<div class="solution-skill">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">IBE 주요기능</h6>
<ul data-aos="fade-up" data-aos-duration="1000">
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

159
html/solution03.html
Unescape View File

@ -0,0 +1,159 @@
<!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 wh-full">
<div class="sub-ti wh-1280">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution03.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 work">
<div class="solution-box wh-1280">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">스마트 관광 예약 플랫폼</h6>
<p>
스마트 관광 예약 플랫폼
당사가 보유하고 있는 IBE(Internet Booking engine) 기반으로
관광자원 및 관련설(체험, 먹거리, 살거리 등)에 교통과 결제 기능을 묶어
여행객들이 모바일 패스권 한 장으로 편리하게 여행시설 전반을
이용 할 수 있도록 하는 모바일 티켓 서비스 등 플랫폼 제공합니다.
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">스마트 관광 예약 플랫폼 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">222222</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">333333</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>
<div class="swiper-button-next" data-aos="fade-in" data-aos-duration="1000"></div>
</div>
</div>
</div>
<div class="solution-box wh-1280">
<div class="solution-skill">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">스마트 관광 예약 플랫폼 주요기능</h6>
<ul data-aos="fade-up" data-aos-duration="1000">
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

157
html/solution04.html
Unescape View File

@ -0,0 +1,157 @@
<!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 wh-full">
<div class="sub-ti wh-1280">
<div class="breadcrumbs">
<ul>
<li><a href="index.html"><i class="xi-home"></i>Home</a></li>
<li><a href="#none">SOLUTION</a></li>
<li class="on"><a href="solution04.html">KT G-cloud 인천총판</a></li>
</ul>
</div>
<h4 data-aos="fade-down" data-aos-duration="1000">KT G-cloud 인천총판</h4>
</div>
<div class="design-line-ti"></div>
<div class="sub-cont work">
<div class="solution-box wh-1280">
<div class="txt" data-aos="fade-right" data-aos-duration="1000">
<h6 class="point-txt">KT G-cloud</h6>
<p>
Cloud Data Center 운영을 통한 클라우드 서비스의 보안성 및 안정성 을 확보하고 보안 특화, 공공 전용, 금융 전용 클라우드 등 고객 니즈 맞춤형 클라우드 서비스 제공
<br/><br/>
퍼블릭 클라우드 서비스글로벌 퍼블릭 클라우드 서비스인 KT Cloud, Azure, Alibaba/Google Cloud 및 AWS 등 고객사에 맞는 다양한 클라우드 서비스를 제공
</p>
</div>
<div class="img" data-aos="fade-left" data-aos-duration="1000">
<img src="images/solution01.png">
</div>
</div>
<div class="solution-box bg-gray">
<div class="work-slide">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">KT G-cloud 특징</h6>
<div class="swiper-container-work" data-aos="fade-in" data-aos-duration="1000">
<div class="swiper-wrapper">
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">실시간 모니터링</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">222222</span></div>
<div class="swiper-slide slide-box"><span class="work-icon"><i class="xi-arrow-up"></i></span><span class="work-txt">333333</span></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev" data-aos="fade-in" data-aos-duration="1000"></div>
<div class="swiper-button-next" data-aos="fade-in" data-aos-duration="1000"></div>
</div>
</div>
</div>
<div class="solution-box wh-1280">
<div class="solution-skill">
<h6 class="point-txt" data-aos="fade-right" data-aos-duration="1000">KT G-cloud 장점</h6>
<ul data-aos="fade-up" data-aos-duration="1000">
<li>
<div class="skill01">
<span class="skill-num">01</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill02">
<span class="skill-num">02</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill03">
<span class="skill-num">03</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill04">
<span class="skill-num">04</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill05">
<span class="skill-num">05</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
<li>
<div class="skill06">
<span class="skill-num">06</span>
<span class="skill-img"><img src="images/linkbg01.jpg"></span>
<span class="skill-txt"></span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>
Write Preview
Loading…
Cancel
Save