Browse Source

채용정보

master
geun1416 2 years ago
parent
commit
8482b936e8
  1. 25
      html/css/common.css
  2. 165
      html/employ.html
  3. 2
      html/include/header.html

25
html/css/common.css

@ -135,7 +135,7 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.sub-con{padding-top:100px;} .sub-con{padding-top:100px;}
.sub-ti{position:relative} .sub-ti{position:relative}
.sub-ti h4{text-align:center;font-size:3rem;padding:100px 0;} .sub-ti h4{text-align:center;font-size:3rem;padding:100px 0;}
.sub-inner{max-width:1280px;margin:0px auto;} .sub-inner{width:1280px;margin:0px auto;}
.sub-cont{width:100%;display:flex;padding:100px 0;} .sub-cont{width:100%;display:flex;padding:100px 0;}
.sub-cont + .sub-cont{padding-top:0px;} .sub-cont + .sub-cont{padding-top:0px;}
.sub-cont h6{font-size:1.8rem;color:#000} .sub-cont h6{font-size:1.8rem;color:#000}
@ -236,3 +236,26 @@ position:fixed;right:50px;bottom:20px;z-index:999;display:flex;justify-content:c
.privacy-box p{font-size:0.75rem;color:#555;} .privacy-box p{font-size:0.75rem;color:#555;}
.message .checkbox{margin:14px 0 80px 0;} .message .checkbox{margin:14px 0 80px 0;}
.message .checkbox span{font-size:0.875rem;} .message .checkbox span{font-size:0.875rem;}
/*채용정보*/
.sub-cont.employ{flex-direction: column;}
.employ-box{width:100%;}
.employ-box + .employ-box{margin-top:80px;}
.employ-box ul{display:flex;}
.employ-box ul li{flex:0 0 33.333%;}
.employ-box ul li div{display:flex; align-items: center;}
.employ-box ul li span i{font-size:40px;color:#2290c9}
.employ-box ul li span.icon{width:100px;height:100px;display:inline-flex;justify-content: center;align-items:center;border:2px solid #2290c9;border-radius: 100%;}
.employ-txt{display:flex;flex-direction: column;padding-left:40px;}
.employ-txt .ti{font-weight:bold;font-size:1.2rem;}
.employ-txt .txt{margin-top:10px;font-size:1rem;line-height:1.5;}
.bg-arrow{position:relative;}
.bg-arrow::after{content:"\e93f";position:absolute;font-family: 'xeicon' !important;display: inline-block;right:50px;top:50%;transform:translateY(-50%);
font-size:40px; speak: none;font-style: normal; font-weight:normal;font-variant: normal;text-transform: none;vertical-align:middle;}
.table_st02{width:100%;text-align:center;border-collapse: collapse;border-bottom:1px solid #ddd;}
.table_st02 tr:nth-child(2n){background:#f4f4f4;}
.table_st02 tr th{font-weight:500;border-right:1px solid #ddd;padding:14px 4px;background:#21272e;color:#fff;vertical-align: middle;}
.table_st02 tr th, .table_st02 tr td{border-right:1px solid #ddd;}
.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;}

165
html/employ.html

@ -0,0 +1,165 @@
<!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="employ.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 employ">
<p class="sub-p" data-aos="fade-down" data-aos-duration="1000">
<b>&#147;팔네트웍스와 함께 성장하실 분을 찾습니다.&#148;</b>
새로운 비전을 창조하고 무한한 열정과 잠재력으로 미래를 함께 할 인재를 기다리고 있습니다.<br/>
같이 성장 하고 싶은, 같이 성장 할 수 있는 귀한 인재분들의 연락을 기다립니다.
</p>
<div class="employ-box" data-aos="fade-right" data-aos-duration="1000">
<ul>
<li class="bg-arrow">
<div>
<span class="icon"><i class="xi-library-books-o"></i></span>
<span class="employ-txt">
<span class="ti">01</span>
<span class="txt">서류전형</span>
</span>
</div>
</li>
<li class="bg-arrow">
<div>
<span class="icon"><i class="xi-users-o"></i></span>
<span class="employ-txt">
<span class="ti">02</span>
<span class="txt">임원면접</span>
</span>
</div>
</li>
<li>
<div>
<span class="icon"><i class="xi-star-o"></i></span>
<span class="employ-txt">
<span class="ti">03</span>
<span class="txt">최종합격</span>
</span>
</div>
</li>
</ul>
</div>
<div class="employ-box" data-aos="fade-right" data-aos-duration="1000">
<ul>
<li>
<div>
<span class="icon"><i class="xi-time-o"></i></span>
<span class="employ-txt">
<span class="ti">근무시간</span>
<span class="txt">평일 09:00 ~ 18:00<br/>(주 5일근무, 유연근무제)</span>
</span>
</div>
</li>
<li>
<div>
<span class="icon"><i class="xi-mail-read-o"></i></span>
<span class="employ-txt">
<span class="ti">채용문의</span>
<span class="txt">Tel. 032-727-5909<br/>E-mail. kyw546@palnet.co.kr</span>
</span>
</div>
</li>
</ul>
</div>
<div class="employ-box" data-aos="fade-right" data-aos-duration="1000">
<table class="table_st02 center">
<tbody><tr>
<th>구분</th>
<th>직종명</th>
<th style="width:60%;">제목</th>
<th>마감일</th>
</tr>
<tr>
<td>채용공고</td>
<td>개발자</td>
<td>상시채용</td>
<td>-</td>
</tr>
<tr>
<td>채용공고</td>
<td>연구</td>
<td>드론 제작 연구</td>
<td>2021.11.30</td>
</tr>
<tr>
<td>채용공고</td>
<td>연구</td>
<td>항공 정비 연구</td>
<td>2021.12.31</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
<!--//main-->
<footer id="footer" class="ft-sub"></footer>
</body>
</html>

2
html/include/header.html

@ -73,7 +73,7 @@
<span class="bg">하위분류</span> <span class="bg">하위분류</span>
<ul class="gnb_2dul"> <ul class="gnb_2dul">
<li class="gnb_2dli"><a href="message.html" target="_self" class="gnb_2da">문의하기</a></li> <li class="gnb_2dli"><a href="message.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="employ.html" target="_self" class="gnb_2da">채용정보</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>

Loading…
Cancel
Save