html html file <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>A-4 유진건설</title>
<link href="./css/style.css" type="text/css" rel="stylesheet">
<script src="./js/jquery-1.12.3.js"></script>
<script src="./js/script.js"></script>
</head>
<body>
<main>
<!-- header 메뉴 -->
<header>
<a class="logo" href="#">
<img src="./img/logo.png" alt="로고">
</a>
<nav class="mainMenu">
<a href="#">회사소개</a>
<a href="#">사업영역</a>
<a href="#">입주정보</a>
<a href="#">고객센터</a>
</nav>
</div>
</header><!-- // END headerWrap -->
<!-- 서브메뉴 -->
<div class="subMenu">
<nav class="subMenuWrap">
<ul>
<li><a href="#">인사말</a></li>
<li><a href="#">조직구성도</a></li>
<li><a href="#">오시는길</a></li>
</ul>
<ul>
<li><a href="#">전원주택</a></li>
<li><a href="#">도시재생</a></li>
<li><a href="#">인테리어</a></li>
</ul>
<ul>
<li><a href="#">입주단지</a></li>
<li><a href="#">입주캘린더</a></li>
</ul>
<ul>
<li><a href="#">공지사항</a></li>
<li><a href="#">건축상담</a></li>
<li><a href="#">홍보자료실</a></li>
</ul>
</nav>
</div><!-- //END subMenu -->
<!-- 이미지슬라이드 -->
<div class="imgSlide">
<a href="#"><img src="./img/img1.jpg" alt="유진건설 모델하우스 VR 체험"><span class="imgText">유진건설 모델하우스 VR 체험</span></a>
<a href="#"><img src="./img/img2.jpg" alt="유진건설 건축과 인테리어"><span class="imgText">유진건설 건축과 인테리어</span></a>
<a href="#"><img src="./img/img3.jpg" alt="유진건설 인재 채용"><span class="imgText">유진건설 인재 채용</span></a>
</div>
<!-- 컨텐츠 -->
<div class="contents">
<div class="notice">
<h4>공지사항</h4>
<ul>
<li><a href="#">상반기 신입/경력 사원 채용 공고<span>2020.11.23</span></a></li>
<li><a href="#">건설의 날 기념 행사를 안내해드립니다<span>2020.11.23</span></a></li>
<li><a href="#">대학생 대상 건설현장 탐방기<span>2020.11.23</span></a></li>
<li><a href="#">유진건설, 시공평가 순위 상위 5위 달성<span>2020.11.23</span></a></li>
</ul>
</div>
<div class="gallery">
<h4>갤러리</h4>
<ul>
<li><a href="#"><img src="./img/icon1.jpg" alt="유진건설 공지사항1"></a></li>
<li><a href="#"><img src="./img/icon2.jpg" alt="유진건설 공지사항2"></a></li>
<li><a href="#"><img src="./img/icon3.jpg" alt="유진건설 공지사항3"></a></li>
</ul>
</div>
<div class="direct">
<a href="#">바로가기</a>
</div>
</div>
<footer>
<div class="footerGroup">
<div class="footerMenu">
<a href="#">하단메뉴1</a>
<a href="#">하단메뉴2</a>
<a href="#">하단메뉴3</a>
</div>
<div class="footerCright">
COPYRIGHT © by WEBDESIGN. ALL RIGHTS RESERVED
</div>
</div>
<div class="familySite">
<select name="familySite">
<option value="familySite1">패밀리사이트1</option>
<option value="familySite2">패밀리사이트2</option>
<option value="familySite3">패밀리사이트3</option>
</select>
</div>
</footer>
</main>
<div id="modalWrap">
<div class="modal">
<h1>상반기 신입/경력 사원 채용 공고</h1>
<p>
국내 최고의 건설회사로 발돋움하고 있는 유진건설에서는 열정을 가지고 진취적으로 도전하는 신입/경력 사원을 모집합니다. 유진건설과 함께 하실 역량있는 인재들의 많은 지원을 기다립니다.
</p>
<button class="btn">닫기</button>
</div>
</div>
</body>
</html>