Gunsan_TourHub_Web/index.html at main · programmer-ethan/Gunsan_TourHub_Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Gunsan Tour Hub</title>

    <!-- CSS STYLE -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/reset14.css">
    <link rel="stylesheet" href="css/style14.css">

    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <!-- 웹 폰트 -->
    <link href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap" rel="stylesheet">
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="container">
                <div class="header">
                    <div class="header-menu">
                        <a href="https://github.com/programmer-ethan/Gunsan_TourHub_Web">Git</a>
                        <a href="https://www.youtube.com/watch?v=NMHutMQIAxk">Youtube</a>
                    </div>
                    <!-- //헤더 메뉴 -->
                    <div class="header-tit">
                        <h1>군산 징검다리마을</h1>
                    </div>
                </div>
            </div>
        </div>
        <!-- //header -->

        <div id="contents">
            <div id="cont_nav">
                <ul>
                    <li><a href="index.html">군산 징검다리마을 소개</a></li>
                    <li><a href="reason.html">군산 징검다리마을 기대 역할</a></li>
                    <li><a href="communication.html">소통의 장</a></li>
                </ul>
            <div>
                <div class="container" style=" margin-top: 30px; ">
                    <h3 style="font-weight:bold">군산 징검다리마을 소개</h3>
                </div>
                <div class="container">
                    <img src="./images/why.jpg"
                    alt="the location of tour hub" style="width: 67%; margin-top: 30px; margin-bottom: 30px; float:left;">
                    <div id="daumRoughmapContainer1631512838636" class="root_daum_roughmap root_daum_roughmap_landing"></div>
                </div>

                <div class="container" style=" margin-bottom: 30px; font-size: 15px;">
                    <br/><span style="font-weight:bold">'군산 징검다리마을'</span>이란 선유도와 군산시내 관광지를
                    <span style="font-weight:bold">공간</span>적으로 잇고, 중년층과 젊은 관광객의
                    <span style="font-weight:bold">세대</span>를 이으며, 새만금개발 이전의 군산과 새만금개발 이후의 군산을
                    <span style="font-weight:bold">시간</span>적으로 잇는 종합관광허브입니다.
                    군산 방문객 중 50%의 비중을 차지하는 <span style="font-weight:bold">고군산군도</span>와 철길마을,
                    군산 근대 역사 박물관 등 군산을 대표하는 주요 관광지들이 분포하는
                    <span style="font-weight:bold">경암동, 월명동 일대의 군산 시내</span> 이렇게 거리가 먼 두 관광 지역을 이어주는 지리적 길목으로 현재 새만금 종합 수산시장과 비응항이 위치해있습니다.<br/>
                    <br/>고군산 군도와 군산시내는 각각 중년 남성층과 젊은 여성층이 즐겨 찾는 여행지이나 서로의 관광객층을 잘 끌어들이지 못하고 있습니다. 군산 다릿돌 마을이 중간 거점으로서 교류활성화의 역할을 해줄 것입니다.
                    조선업의 쇠퇴 이후 새만금개발이 완성되기까지의 공백을 메우고 군산의 경제를 활성화시킬 방안으로 관광의 활성화가 꼽힙니다.
                    이러한 관광중간 거점은 해안가 라인으로 좋은 경치를 지니고 있는 지점으로, 다양한 볼거리와 식당거리, 카페거리가 조성된다면
                    <span style="font-weight:bold">군산의 관광 산업에 지대한 효과</span>를 가져올 것으로 예상됩니다.
                </div>

            </div>
            </div>
        </div>
        <!-- //contents -->

        <div id="footer">
            <div class="container"><span style="color:white; font-size:12pt">ⓒ 2021 빅 콘테스트 이노백이션팀</span></div>
        </div>
        <!-- //footer -->
    </div>
    <!-- //wrap -->
    <script charset="UTF-8" class="daum_roughmap_loader_script" src="https://ssl.daumcdn.net/dmaps/map_js_init/roughmapLoader.js"></script>

    <!-- 3. 실행 스크립트 -->
    <script charset="UTF-8">
        new daum.roughmap.Lander({
            "timestamp" : "1631512838636",
            "key" : "27chr",
            "mapWidth" : "640",
            "mapHeight" : "360"
        }).render();
    </script>
</body>
</html>