html html file <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>C-3 남도맛기행 죽제</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" defer></script>
</head>
<body>
<main>
<!-- 상단 메뉴 -->
<header>
<div class="logo">
<a href="#"><img src="./img/logo.png" alt="로고"></a>
</div>
<nav class="menu">
<ul class="navi">
<li><a href="#">협회소개</a>
<ul class="subMenu">
<li><a href="#">인사말</a></li>
<li><a href="#">명인</a></li>
<li><a href="#">오시는길</a></li>
</ul>
</li>
<li><a href="#">행사안내</a>
<ul class="subMenu">
<li><a href="#">요리경연대회</a></li>
<li><a href="#">전시참가</a></li>
<li><a href="#">참가신청</a></li>
</ul>
</li>
<li><a href="#">홍보마당</a>
<ul class="subMenu">
<li><a href="#">축제소식</a></li>
<li><a href="#">보도자료</a></li>
<li><a href="#">레시피</a></li>
</ul>
</li>
<li><a href="#">회원마당</a>
<ul class="subMenu">
<li><a href="#">Q&A</a></li>
<li><a href="#">사진갤러리</a></li>
<li><a href="#">공지사항</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<!-- -->
<div class="bodyWrap">
<!-- 책 기준 -->
<div class="imgSlide">
<a href="#">
<img src="./img/img1.jpg" alt="남도맛기행 축제 이미지1">
<span class="imgText">남도맛기행 축제1</span>
</a>
<a href="#">
<img src="./img/img2.jpg" alt="남도맛기행 축제 이미지2">
<span class="imgText">남도맛기행 축제2</span>
</a>
<a href="#">
<img src="./img/img3.jpg" alt="남도맛기행 축제 이미지3">
<span class="imgText">남도맛기행 축제3</span>
</a>
</div><!-- // END imgSlide -->
<div class="contents">
<div class="notice">
<h4>공지사항</h4>
<ul>
<li><a href="#">남도맛기행 축제 음식 이야기
<span>2020.03.14</span></a></li>
<li><a href="#">축제에서 즐기는 풍경
<span>2020.03.14</span></a></li>
<li><a href="#">남도 음식 만들기
<span>2020.03.14</span></a></li>
<li><a href="#">건강에 좋은 음식
<span>2020.03.14</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="banner">
<a href="#">배너</a>
</div>
</div>
<!-- 하단 -->
<footer>
<div class="footerLogo">
<a href="#"><img src="./img/footerLogo.png" alt="하단 로고"></a>
</div>
<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>
</footer>
</div>
</main>
<div id="modalWrap">
<section class="modal">
<h1>남도맛기행 축제 음식 이야기</h1>
<p>
남도맛기행 축제의 모든 음식과 전시정보를 한눈에 볼 수 있습니다.
남도맛기행 축제 관련 공연과 캘린더 배포, 자전거 투어 행사, 야경 명소 등
자연환경을 살린 아름다운 남도에서의 축제 정보를 안내해드립니다.
</p>
<button class="btn">닫기</button>
</section>
</div>
</body>
</html>