html html file <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>하이글로벌컴퍼니</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery-1.12.3.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<div class="wrap">
<header id="header">
<div class="h_container flx spc_btw">
<a href="#"><img src="images/logo.png" alt="로고"></a>
<nav class="gnb">
<ul class="flx flx_end center">
<li><a href="#">회사소개</a></li>
<li><a href="#">사업소개</a></li>
<li><a href="#">회사활동</a></li>
<li><a href="#">인재채용</a></li>
</ul>
<div class="sub_menu">
<div class="sub_wrap flx flx_end">
<ul>
<li><a href="#">CEO 인사말</a></li>
<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="#">UHP 배관 공사</a></li>
</ul>
<ul>
<li><a href="#">윤리경영</a></li>
<li><a href="#">환경경영</a></li>
<li><a href="#">안전보건경영</a></li>
<li><a href="#">품질경영</a></li>
</ul>
<ul>
<li><a href="#">인재채용</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<main id="main">
<div class="m_container">
<div class="slide">
<ul>
<li><img src="images/slide1.png" alt="슬라이드1"></li>
<li><img src="images/slide2.png" alt="슬라이드2"></li>
<li><img src="images/slide3.png" alt="슬라이드3"></li>
</ul>
</div>
<div class="conts">
<ul class="direct flx center">
<li class="flx center j_center"><a href="#"><img src="images/link1.png" alt="바로가기1"></a><span>CEO 인사말</span></li>
<li class="flx center j_center"><a href="#"><img src="images/link2.png" alt="바로가기2"></a><span>회사연혁</span></li>
<li class="flx center j_center"><a href="#"><img src="images/link3.png" alt="바로가기3"></a><span>사업소개</span></li>
<li class="flx center j_center"><a href="#"><img src="images/link4.png" alt="바로가기4"></a><span>온라인문의</span></li>
<li class="flx center j_center"><a href="#"><img src="images/link5.png" alt="바로가기5"></a><span>인재채용</span></li>
</ul>
<div class="banner flx center">
<a href="#"><img src="images/banner.png" alt="배너이미지"></a>
<div class="flx col j_center">
<h3>대한민국 산업 대전 베스트 20에 선정 축하</h3>
<span>2023-10-09</span>
<p>공조, 반도체, uhp 배관 등 다양한 사업에서 우수한 기술을 인정받아
대한민국 산업 대전 베스트 20에 선정되었습니다.</p>
</div>
</div>
<div class="board flx spc_btw">
<div class="notice">
<h4>공지사항</h4>
<ul>
<li><a href="#" class="flx spc_btw">하이글로벌컴퍼니 공지사항1<span>2024.06.02</span></a></li>
<li><a href="#" class="flx spc_btw">하이글로벌컴퍼니 공지사항2<span>2024.06.02</span></a></li>
<li><a href="#" class="flx spc_btw">하이글로벌컴퍼니 공지사항3<span>2024.06.02</span></a></li>
<li><a href="#" class="flx spc_btw">하이글로벌컴퍼니 공지사항4<span>2024.06.02</span></a></li>
</ul>
</div>
<div class="gallery">
<h4>갤러리</h4>
<ul class="flx center j_center">
<li><a href="#"><img src="images/gallery1.png" alt="갤러리1"><p>하이글로벌컴퍼니 갤러리</p></a></li>
<li><a href="#"><img src="images/gallery2.png" alt="갤러리2"><p>하이글로벌컴퍼니 갤러리</p></a></li>
<li><a href="#"><img src="images/gallery3.png" alt="갤러리3"><p>하이글로벌컴퍼니 갤러리</p></a></li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer id="footer">
<div class="f_container flx spc_btw center">
<a href="#"><img src="images/footerLogo.png" alt="푸터로고"></a>
<div class="copyright">COPYRIGHT © by WEBDESIGN. ALL RIGHTS RESERVED</div>
<div class="familysite">
<select>
<option>패밀리사이트1</option>
<option>패밀리사이트2</option>
<option>패밀리사이트3</option>
</select>
</div>
</div>
</footer>
<div class="modal">
<div class="modal_cont">
<p class="modal_tit">하이글로벌컴퍼니 공지사항</p>
<p>동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세.
무궁화 삼천리 화려강 대한 사람 대한으로 길이 보전하세.
남산 위에 저 소나무, 철갑을 두른 듯 바람서리 불변함은 우리 기상일세.
</p>
<button type="button">닫기</button>
</div>
</div>
</div>
</body>
</html>