210618 UIUX WebDesign CSS 연습_43_2(park_03.html)

ITisIT210·2021년 6월 20일
0

CSS

목록 보기
48/93
post-thumbnail
<!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>재난안전체험관</title>
    <link rel="stylesheet" href="./css/style.css" type="text/css">
</head>

<body>
    <div id="container">
        <div class="lnb">
            <h2>공원시설</h2>
            <ul>
                <li><a href="park_01.html">키즈랜드</a></li>
                <li><a href="park_02.html">풋살장</a></li>
                <li><a class="on" href="park_03.html">재난안전체험관</a></li>
                <li><a href="park_04.html">꿈나래어린이극장</a></li>
            </ul>
        </div> <!-- lnb end -->

        <div class="contents">
            <h1>재난안전체험관</h1>

            <div class="intro">
                <div class="photo">
                    <img src="./images/safe.jpg" alt="safe image">
                </div> <!-- photo end -->

                <dl>
                    <dt>사랑스런 우리 아이들의 안전을 위해</dt>
                    <dd>
                        실질적 응급처치 및 대응방법 등 생활에서 일어날 수 있는 안전사고 대처방법 교육실시
                    </dd>
                </dl>
            </div> <!-- intro end -->

            <h3>이용안내</h3>
            <table>
                <tbody>
                    <tr>
                        <th rowspan="2">이용시간</th> <th>평일</th> <td>10:00 ~ 18:00 (단체예약)</td>
                    </tr>
                    <tr>
                        <th>주말 및 공휴일</th> <td>11:00 / 13:00 / 15:00 / 17:00 (자유관람)</td>
                    </tr>
                    <tr>
                        <th colspan="2">이용요금</th> <td>무료</td>
                    </tr>
                </tbody>
            </table>

            <h3>체험관안내</h3>
            <div class="info">
                <ul>
                    <li><strong>오리엔테이션홀</strong> : 재난 안전 체험관을 관람하기전에 각종 시설을 소개하고 주의사항 등을 설명하는 곳입니다.</li>
                    <li><strong>재난역사전시관</strong> : 우리의 기억속에서 잊혀질 수 없는 대형재난 사례들을 보고 느끼는 공간입니다.</li>
                    <li><strong>응급처치체험관</strong> : 우리 생활에 필요한 응급처치 및 심폐소생술을 배울 수 있습니다.</li>
                    <li><strong>생활안전전시관</strong> : 일상생활에 흔히 일어날 수 있는 안전사고들을 예방하는 방법을 배울 수 있습니다.</li>
                    <li><strong>소화기체험관</strong> : 물소화기를 이용하여 불을 직접 끄는 방법을 배우고 체험하는 공간입니다.</li>
                </ul>
            </div>  <!-- info end -->
        </div> <!-- contents end -->
    </div> <!-- container end -->
</body>

</html>
profile
Engineering is the closest thing to magic that exists in the world.

0개의 댓글