html html file <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>A-1 JUST 쇼핑몰</title>
<link rel="stylesheet" href="./css/style.css">
<script src="./js/jquery-1.12.3.js"></script>
<script src="./js/script.js" defer ></script>
</head>
<body>
<main>
<!-- 메뉴 -->
<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 class="subMenu">
<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>
<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>
<li><a href="#">레깅스</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>
</nav>
</nav>
</header>
<div class="imgSlide">
<a href="#"><img src="./img/img1.jpg" alt="쇼핑몰 홈페이지 새단장"><span class="imgText">쇼핑몰 홈페이지 새단장</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>
<ul class="tabMenu"> <!-- tabMenu:공지사항과 갤러리 묶어줌 -->
<li class="active">
<a href="#">공지사항</a>
<div class="tabBG notice">
<ul>
<li><a href="#">신규회원 대상 할인 이벤트 안내
<span>2020.11.23</span></a></li>
<li><a href="#">S/S 시즌 신규 의류 신상품 안내
<span>2020.11.23</span></a></li>
<li><a href="#">반품/환불 규정에 대해 알려드립니다
<span>2020.11.23</span></a></li>
<li><a href="#">3월 재입고 품목을 알려드립니다
<span>2020.11.23</span></a></li>
</ul>
</div>
</li>
<li>
<a href="#">갤러리</a>
<div class="tabBG gallery">
<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>
</li>
</ul> <!-- tabMenu 끝 -->
</div>
<div class="banner">
<a href="#">배너</a>
</div>
<div class="direct">
<a href="#">바로가기</a>
</div>
</div>
<footer>
<div><img src="./img/logo.png" alt="로고"></div>
<div>COPYRIGHT © by WEBDESIGN. ALL RIGHTS RESERVED</div>
<div>
<a href="#"><img src="./img/sns1.jpg" alt="SNS 이미지1"></a>
<a href="#"><img src="./img/sns2.jpg" alt="SNS 이미지2"></a>
<a href="#"><img src="./img/sns3.jpg" alt="SNS 이미지3"></a>
</div>
</footer>
</main>
<!-- 팝업 -->
<div id="modalWrap">
<div class="modal">
<h1>신규회원 대상 이벤트 안내</h1>
<p>
즐거운 쇼핑 환경을 위해 항상 노력하는 JUST 쇼핑몰입니다.
고객님들께 한 단계 더 나아가 보답하는 ON쇼핑몰이 되고자신규회원 대상 10% 할인 이벤트를 실시하고 있습니다. 웹과 모바일에서 모두 이용 가능하며, 수준 높은 서비스를 위해 앞으로도 꾸준히 노력할 것을 약속드립니다.
</p>
<button class="btn">닫기</button>
</div>
</div>
</body>
</html>