<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
    <div id="wrap">
        <header>
            <h1><a href="#"><img src="images/logo.png" alt="남도맛기행 메인로고"></a></h1>
        </header>
        <main>
            <section class="slider">
                <ul class="track">
                    <li><a href="#"><img src="images/slide1.jpg" alt="남도만의 특색있는 맛을 체험할수 있는 남도 맛기행 축제에 놀러오세요."></a></li>
                    <li><a href="#"><img src="images/slide1.jpg" alt="남도만의 특색있는 맛을 체험할수 있는 남도 맛기행 축제에 놀러오세요."></a></li>
                    <li><a href="#"><img src="images/slide1.jpg" alt="남도만의 특색있는 맛을 체험할수 있는 남도 맛기행 축제에 놀러오세요."></a></li>
                </ul>
            </section>
            <section class="content">
                <div class="board">
                    <h3>공지사항</h3>
                    <ul>
                        <li>
                            <a href="#">
                                <p class="tit">제24회 남도음식문화큰잔치 개요 </p>
                                <p class="date">2019-04-07</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <p class="tit">강진 가볼만한곳 강진만(feat.남도맛기행축제)</p>
                                <p class="date">2019-03-07</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <p class="tit">전남 한국의 맛을 세계로 전하다.</p>
                                <p class="date">2019-03-22</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <p class="tit">남도에서 한달 여행하기 신청해 보세요.</p>
                                <p class="date">2019-03-15</p>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <p class="tit">요리경연대회 참가자 신청 안내</p>
                                <p class="date">2019-03-01</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="gallery">
                    <h3>갤러리</h3>
                    <ul>
                        <li><a href="#"><img src="images/gallery1.jpg" alt="갤러리 사진입니다."></a></li>
                        <li><a href="#"><img src="images/gallery2.jpg" alt="갤러리 사진입니다."></a></li>
                        <li><a href="#"><img src="images/gallery3.jpg" alt="갤러리 사진입니다."></a></li>
                    </ul>
                </div>
                <div class="banner">
                    <a href="#">
                        <img src="images/banner.jpg" alt="남도 음식문화 대잔치">
                        <p>남도 음식문화 대잔치</p>
                    </a>
                </div>
            </section>
            <footer>
                <h2 class="f_logo"><img src="images/f_logo.png" alt="남도맛기행 하단 로고"></h2>
                <div class="f_wrap">
                    <ul class="f_menu">
                        <li><a href="#">이용약관</a></li>
                        <li><a href="#">개인정보처리방침</a></li>
                        <li><a href="#">고객문의</a></li>
                        <li><a href="#">사이트맵</a></li>
                        <li><a href="#">가맹문의</a></li>
                    </ul>
                    <p class="copyright">
                        Copyright Jeollanam-do. All Rights Reserved.
                    </p>
                </div>
            </footer>
        </main>
    </div>
</body>
</html>