interContents.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>인터렉티브 콘텐츠</title>
    <link rel="stylesheet" href="css/interContents.css">
</head>
<body>
    <header>
        <div class="inner">
            <a href="http://bslabors.or.kr/"><img class="img-main" src="img/로고이미지2.png"/>
            </a>
            
            <ul id="gnb">
                <li><a href="#">등장인물</a></li>
                <li><a href="#">웹툰</a></li>
                <li><a href="interContents.html">인터렉티브 콘텐츠</a></li>
                <li><a href="#">팀원 소개</a></li>
            </ul>
        </div>
    </header>


    <figure>
        <img src="img/노동자사진들.png" alt="메인 사진">
        <div class="inner">
            <h1>노동권익센터 어디에 있을까요?</h1>
            <p>노동권익센터는 전국 곳곳에 있습니다. 노동권익센터를 찾아봅시다.</p>
        </div>
    </figure>


    <section>
        <div class="one">
            <h1>각 시도별 노동권익센터 비율</h1>
            <div></div>
        </div>
        
        <div class="two">
            <h1>스팟을 클릭해 각 지역별 노동권익센터를 확인해보세요!</h1>
            <div class="wrap">
                <article>
                    <dic class="map">
                        <img src="img/지도.png" alt="지도 이미지">
                    </dic>
                    <dic class="spot" >
                        <img src="img/위치2.png" alt="위치 이미지">
                    </dic>
                </article>
            </div>
        </div>
    </section>


    <footer>

    </footer>
</body>
</html>