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

아이콘추가,company추가

master
geun1416 3 years ago
parent
00c7a29fd9
commit
5a3a402f1e
13 changed files with 1060 additions and 37 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. 108
      html/company01.html
  2. 56
      html/css/common.css
  3. BIN
      html/css/fonts/xeicon.eot
  4. 851
      html/css/fonts/xeicon.svg
  5. BIN
      html/css/fonts/xeicon.ttf
  6. BIN
      html/css/fonts/xeicon.woff
  7. BIN
      html/css/fonts/xeicon.woff2
  8. 4
      html/css/xeicon.min.css
  9. BIN
      html/images/ci.jpg
  10. BIN
      html/images/company.jpg
  11. 26
      html/include/header.html
  12. 28
      html/index.html
  13. 24
      html/js/common.js

108
html/company01.html
Unescape View File

@ -0,0 +1,108 @@
<!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="company.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 company">
<div class="img" data-aos="fade-right" data-aos-duration="1000">
<img src="images/company.jpg">
</div>
<!-- <div class="design-line"></div> -->
<div class="txt" data-aos="fade-left" data-aos-duration="1000">
<div class="txt-box">
<h6>PALNETWORKS의 의미</h6>
<p>
PAL은 모두 가깝게 오래 사귄 사람을 뜻하는 ‘친구’라는 의미와 ​좋은 친구 Good friend, 짝꿍 Mate 란 의미입니다.
신뢰는 사람을 사람다운 사람으로 만드는 것이고 신뢰가 있는 친구는 그 무엇보다 소중한 진정한 친구라 할 수 있습니다.
PAL네트웍스는 사람에 따뜻한 가치를 존중하며, 신뢰를 바탕으로 실천하는 기업입니다.
</p>
</div>
<div class="txt-box">
<h6><span class="point-txt">항공산업의 기술혁신 선도</span>를 통한 파트너 고객만족 지원</h6>
<p>
미션은 효율적이고 혁신적인 기술로 항공산업에 이바지 하는 시스템과 관련기술을
구축 개발하여 대한민국의 현재와 미래 발전에 기여하는 것입니다.
</p>
</div>
<div class="txt-box">
<h6>특허 및 인증</h6>
<p>
벤처기업등록, 기업부설연구소, 소프트웨어등록증, 직접생산증명원 ADS-978(KC 인증),
비행정보통합관리시스템(특허출원), 항공기의 지상 이동 소요시간 예측 시스템 및 방법(특허출원)
</p>
</div>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

56
html/css/common.css
Unescape View File

@ -1,9 +1,5 @@
@charset "utf-8"; @charset "utf-8";
body,html{
overflow-y: hidden !important;
}
/* 본문 바로가기 */ /* 본문 바로가기 */
#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}
@ -11,11 +7,19 @@ body,html{
/*header*/ /*header*/
#hd {background:rgba(0, 0, 0, 0);z-index:1000;position:fixed;width:100%; top:0;overflow:hidden; transition:0.6s ease; -webkit-transition:0.6s ease;} #hd {background:rgba(0, 0, 0, 0);z-index:1000;position:fixed;width:100%; top:0;overflow:hidden; transition:0.6s ease; -webkit-transition:0.6s ease;}
#hd:hover{background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.5);} #hd:hover{background:#fff; border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.color_logo{display:none;}
.wh_logo{display:block;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#logo a{display:block;padding:20px;} #logo a{display:block;padding:20px;}
#logo a img{width:200px;} #logo a img{width:200px;}
#hd_wrapper{display:flex;width:100%;justify-content: space-between;} #hd_wrapper{display:flex;width:100%;justify-content: space-between;}
.hd-sub #hd{position:fixed;background:#fff!important;border-bottom:1px solid #ddd;}
.hd-sub .color_logo{display:block;}
.hd-sub .wh_logo{display:none;}
.hd-sub .gnb_1da{color: #000!important;}
.hd-sub .gnb_2da{color: #000!important;}
.hd-sub:hover .gnb_1da{color:#000!important;}
/* nav */ /* nav */
#gnb{position:relative;width:calc(100% - 250px);} #gnb{position:relative;width:calc(100% - 250px);}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
@ -44,18 +48,18 @@ body,html{
.main-bn h4{font-size:1.5rem;font-weight:600;color:rgba(0,0,0,0.8);text-align:center;line-height:1.8;} .main-bn h4{font-size:1.5rem;font-weight:600;color:rgba(0,0,0,0.8);text-align:center;line-height:1.8;}
.main-bn .big{display:block;font-size:6rem;color:#fff;font-weight:bold;} .main-bn .big{display:block;font-size:6rem;color:#fff;font-weight:bold;}
.main-bn .sm{display:block;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:10px 0 0 10px;} .main-bn .sm{display:block;font-size:1.25rem;color:rgba(255,255,255,0.8);margin:10px 0 0 10px;}
.txt-box{font-size:1.25rem;font-weight:300;color:rgba(255,255,255,0.8);line-height:1.5;} .main-txt-box{font-size:1.25rem;font-weight:300;color:rgba(255,255,255,0.8);line-height:1.5;}
.txt-box b{font-size:3rem;} .main-txt-box b{font-size:3rem;}
.bg-canvas{position: absolute;top:0;opacity:0.3;} .bg-canvas{position: absolute;top:0;opacity:0.3;}
.bg-square{display:block;border:20px solid rgba(255,255,255,0.2);width:250px;height:250px;position:absolute;top:-160px;} .bg-square{display:block;border:20px solid rgba(255,255,255,0.2);width:250px;height:250px;position:absolute;top:-160px;}
.bg01{background:url('../images/bg01.jpg');} .bg01{background:url('../images/bg01.jpg');}
.bg02{background:url('../images/bg02.jpg');} .bg02{background:url('../images/bg02.jpg');}
.bg03{background:url('../images/bg03.jpg') no-repeat 80% 50%;} .bg03{background:url('../images/bg03.jpg') no-repeat 80% 50%;}
.bg04{background:url('../images/pal_icon02_2.png') #f4f4f4 no-repeat 95% 20%;background-size:400px;} .bg04{background:url('../images/pal_icon02_2.png') #f4f4f4 no-repeat 95% 20%;background-size:400px;}
.bg02 .txt-box, .bg03 .txt-box{padding-left:134px;} .bg02 .main-txt-box, .bg03 .main-txt-box{padding-left:134px;}
.bg04 .inner{padding-top:80px;} .bg04 .inner{padding-top:80px;}
.bg04 ul{width:100%;display:flex;flex-wrap:wrap;} .bg04 ul{width:100%;display:flex;flex-wrap:wrap;}
.bg05 .main-ti{margin-top:-100px;} .bg05{padding:200px 0;}
.box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;} .box{position:relative;display:flex;flex:0 0 33.333%;;margin-top:40px;}
.box > a{width:300px;height:300px;display:block;} .box > a{width:300px;height:300px;display:block;}
.box:hover .list-box{ opacity: 0; } .box:hover .list-box{ opacity: 0; }
@ -94,7 +98,11 @@ box-shadow: 4px 4px 4px #ddd;}
50% { transform: translateY(-5px); } 50% { transform: translateY(-5px); }
100% { transform: translateY(0px); } 100% { transform: translateY(0px); }
} }
.topBtn{color:#fff;font-weight:500;position:fixed;right:20px;bottom:20px;z-index:999;} .topBtn{color:#fff;font-weight:500;width:50px;height:50px;background:rgba(255,255,255,0.5);border:2px solid #2290c9;border-radius:100%;
position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:center;align-items:center;}
.topBtn i{font-size:20px;}
/*footer*/
#footer{background:#21272e;position:absolute;bottom:0;width:100%;height:160px;} #footer{background:#21272e;position:absolute;bottom:0;width:100%;height:160px;}
.footer-box{display:flex;} .footer-box{display:flex;}
.ft-logo{padding-right:80px;} .ft-logo{padding-right:80px;}
@ -102,4 +110,32 @@ box-shadow: 4px 4px 4px #ddd;}
.ft-info span{display: inline-block;position: relative;color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:300;} .ft-info span{display: inline-block;position: relative;color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:300;}
.ft-info span::before {content: '';width: 1px;height: 12px;background-color:rgba(255,255,255,0.8);display: inline-block;margin: 0 10px;} .ft-info span::before {content: '';width: 1px;height: 12px;background-color:rgba(255,255,255,0.8);display: inline-block;margin: 0 10px;}
.ft-info span.no-line::before{display:none;} .ft-info span.no-line::before{display:none;}
.test{color:#000;background:#000;} .ft-sub{bottom:auto!important;}
/*sub*/
.breadcrumbs{position: absolute;z-index:1;}
.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:first-child::before{display:none}
.breadcrumbs ul li i{margin-right:4px;}
.breadcrumbs ul li a{font-size:0.875rem;color:#555}
.breadcrumbs ul li.on a{font-weight:600;}
.sub-con{padding-top:100px;}
.sub-ti{position:relative}
.sub-ti .breadcrumbs{max-width:1280px;position:absolute;left:0px;top:20px;}
.sub-ti h4{text-align:center;font-size:3rem;padding:100px 0;}
.sub-inner{max-width:1280px;margin:0px auto;}
.design-line-ti{position:relative;margin:0 auto;max-width:1280px;}
.design-line-ti::before{content:'';display:block;width:30%;height:4px;background:#2290c9;position:absolute;left:0;}
.design-line-ti::after{content:'';display:block;width:70%;height:4px;background:#f4f4f4;position:absolute;right:0;}
.design-line{position:relative;margin:0 60px;}
.design-line::before{content:'';display:block;width:4px;height:200px;background:#000;}
.design-line::after{content:'';display:block;width:1px;height:200px;background:#000;}
.sub-cont{display:flex;padding:100px 0;}
.company .img{margin-right:60px;}
.company .img img{width:450px;}
.company .txt h6{font-size:1.8rem;color:#000}
.company .txt p{line-height:1.8;font-size:1rem;padding:20px 0;word-break: keep-all;}
.company .txt-box + .txt-box{margin-top:40px;}
.point-txt{color:#2290c9}

BIN
html/css/fonts/xeicon.eot
View File

Binary file not shown.

851
html/css/fonts/xeicon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 538 KiB

BIN
html/css/fonts/xeicon.ttf
View File

Binary file not shown.

BIN
html/css/fonts/xeicon.woff
View File

Binary file not shown.

BIN
html/css/fonts/xeicon.woff2
View File

Binary file not shown.

4
html/css/xeicon.min.css vendored
View File

File diff suppressed because one or more lines are too long

BIN
html/images/ci.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
html/images/company.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

26
html/include/header.html
Unescape View File

@ -2,25 +2,21 @@
//헤더 풀다운메뉴 //헤더 풀다운메뉴
$(document).ready(function () { $(document).ready(function () {
$('#hd').on('mouseenter', function () { $('#hd').on('mouseenter', function () {
$('#hd').css('background', 'rgba(0, 0, 0, 0.4)'); $('#hd').css('background', 'rgba(0, 0, 0, 0.6)');
$('.gnb_2dul').stop().animate({ 'height': '220px' }, 250); $('.gnb_2dul').stop().animate({ 'height': '220px' }, 250);
$('.gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
// $('.hd-sub .color_logo').css('display', 'none');
// $('.color_logo').css('display', 'block'); // $('.hd-sub .wh_logo').css('display', 'block');
// $('.wh_logo').css('display', 'none');
}); });
$('#hd').on('mouseleave', function () { $('#hd').on('mouseleave', function () {
let anchor = window.location.hash.replace("#", ''); // let anchor = window.location.hash.replace("#", '');
$('#hd').css('background', 'rgba(0, 0, 0, 0)'); $('#hd').css('background', 'rgba(0, 0, 0, 0)');
$('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250); $('.gnb_2dul').stop().animate({ 'height': '-100px' }, 250);
$('.gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
if(anchor === 'skills' || anchor === 'news') { // $('.hd-sub .color_logo').css('display', 'block');
$('.gnb_1da').css('color', '#000'); // $('.hd-sub .wh_logo').css('display', 'none');
}else {
$('.gnb_1da').css('color', '#fff');
}
}); });
}); });
@ -35,8 +31,8 @@
<div id="logo"> <div id="logo">
<a href="index.html"> <a href="index.html">
<img src="images/pal_logo_wh.png" class="wh_logo" style="display: block;"> <img src="images/pal_logo_wh.png" class="wh_logo">
<img src="images/pal_logo.png" class="color_logo" style="display: none;"> <img src="images/pal_logo.png" class="color_logo">
</a> </a>
</div> </div>
@ -48,7 +44,7 @@
<a href="#none" target="_self" class="gnb_1da">회사소개</a> <a href="#none" target="_self" class="gnb_1da">회사소개</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">기업정보</a></li> <li class="gnb_2dli"><a href="company01.html" 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">연혁</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">New & Story</a></li> <li class="gnb_2dli"><a href="#none" target="_self" class="gnb_2da">New & Story</a></li>

28
html/index.html
Unescape View File

@ -21,10 +21,10 @@
<link rel="stylesheet" href="css/swiper.css"> <link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/swiper.min.css"> <link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/swiper-bundle.css"> <link rel="stylesheet" href="css/swiper-bundle.css">
<link rel="stylesheet" href="css/xeicon.min.css">
<!-- js --> <!-- js -->
<script src="js/jquery-3.6.0.min.js"></script> <script src="js/jquery-3.6.0.min.js"></script>
<!-- <script src="js/scrolloverflow.min.js"></script> -->
<script src="js/fullpage.js"></script> <script src="js/fullpage.js"></script>
<script src="js/wow.min.js"></script> <script src="js/wow.min.js"></script>
<script src="js/aos.js"></script> <script src="js/aos.js"></script>
@ -46,7 +46,12 @@
}); });
</script> </script>
<style>
body,html{
overflow-y: hidden !important;
position: relative;
}
</style>
<body> <body>
<!--header--> <!--header-->
<header id="header"></header> <header id="header"></header>
@ -55,7 +60,7 @@
<!--main--> <!--main-->
<div id="container"> <div id="container">
<a class="topBtn" href="#home"> <a class="topBtn" href="#home">
상단으로 <i class="xi-arrow-up"></i>
</a> </a>
<div id="fullpage"> <div id="fullpage">
<div class="section main-bn bg01"> <div class="section main-bn bg01">
@ -76,7 +81,7 @@
<div class="section main-bn bg02"> <div class="section main-bn bg02">
<div class="inner"> <div class="inner">
<span class="wow fadeInLeft bg-square"></span> <span class="wow fadeInLeft bg-square"></span>
<p class="wow fadeInUp txt-box" data-wow-duration="2s"> <p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
<b>팔네트웍스</b> 는<br/> <b>팔네트웍스</b> 는<br/>
<b>‘인천 항공 산업 선도기업’</b> 유망기업으로 선정된 항공 소프트웨어 전문 기업입니다. <b>‘인천 항공 산업 선도기업’</b> 유망기업으로 선정된 항공 소프트웨어 전문 기업입니다.
</p> </p>
@ -92,7 +97,7 @@
<div class="section main-bn bg03"> <div class="section main-bn bg03">
<div class="inner"> <div class="inner">
<span class="wow fadeInLeft bg-square"></span> <span class="wow fadeInLeft bg-square"></span>
<p class="wow fadeInUp txt-box" data-wow-duration="2s"> <p class="wow fadeInUp main-txt-box" data-wow-duration="2s">
<b>미래 항공산업과 지상의 이동수단</b>을 연결하는<br/> <b>미래 항공산업과 지상의 이동수단</b>을 연결하는<br/>
<b>미래 모빌리티</b>를 준비합니다. <b>미래 모빌리티</b>를 준비합니다.
</p> </p>
@ -242,12 +247,12 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="section main-bn bg05"> <div class="section fp-auto-height main-bn bg05">
<div class=""> <div class="">
<h2 class="wow fadeInDown main-ti"> <h2 class="wow fadeInDown main-ti">
NEWS NEWS
</h2> </h2>
<div class="swiper swiper-container news-wrap"> <div class="swiper swiper-container news-wrap wow fadeInUp">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<div class="news-box"> <div class="news-box">
@ -299,11 +304,16 @@
<div class="swiper-button-prev"></div> <div class="swiper-button-prev"></div>
</div> </div>
</div> </div>
<footer id="footer" class=""></footer>
</div> </div>
</div> </div>
</div>
<!--//main--> <!--//main-->
<!--footer-->
<footer id="footer" class=""></footer>
<!--//footer-->
</body> </body>
</html> </html>

24
html/js/common.js
Unescape View File

@ -16,19 +16,37 @@ $(function(){
$('.gnb_1da').css('color', '#000'); $('.gnb_1da').css('color', '#000');
$('.wh_logo').css('display', 'none'); $('.wh_logo').css('display', 'none');
$('.color_logo').css('display', 'block'); $('.color_logo').css('display', 'block');
$('#hd').on('mouseenter', function () {
$('.wh_logo').css('display', 'block');
$('.color_logo').css('display', 'none');
});
$('#hd').on('mouseleave', function () {
$('.wh_logo').css('display', 'none');
$('.color_logo').css('display', 'block');
$('.gnb_1da').css('color', '#000');
});
} else { } else {
$('.gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
$('.wh_logo').css('display', 'block');
$('.color_logo').css('display', 'none');
} }
}, },
onLeave: function(origin, destination){ onLeave: function(origin, destination){
new WOW().init(); new WOW().init();
console.log(destination) console.log(destination)
if(destination.anchor === 'skills' || destination.anchor === 'news') { if(destination.anchor === 'skills' || destination.anchor === 'news') {
$('.gnb_1da').css('color', '#000'); $('.gnb_1da').css('color', '#fff');
} else { } else {
$('.gnb_1da').css('color', '#fff'); $('.gnb_1da').css('color', '#fff');
$('.wh_logo').css('display', 'block');
$('.color_logo').css('display', 'none');
$('#hd').on('mouseenter', function () {
$('.wh_logo').css('display', 'block');
$('.color_logo').css('display', 'none');
});
$('#hd').on('mouseleave', function () {
$('.wh_logo').css('display', 'block');
$('.color_logo').css('display', 'none');
$('.gnb_1da').css('color', '#fff');
});
} }
}, },
}); });

Write Preview
Loading…
Cancel
Save