/
m_index.html
142 lines (137 loc) · 7.5 KB
/
m_index.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<title>독도 프렌즈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
<!--모바일 브라우저 상단 색 지정-->
<meta name="theme-color" content="#26ff8f">
<!--Bootstrap CSS 로드-->
<link rel="stylesheet" href="https://common.gaon.xyz/css/bootstrap/bootstrap.min.css">
<!--FontAwesome CSS 로드-->
<link rel="stylesheet" href="./css/fontawesome/all.min.css">
<!--접속 언어별 페이지 이동-->
<script>
<!--
var type = navigator.appName
var lang;
if (type=="Netscape")
lang = navigator.language
else
lang = navigator.userLanguage
// 국가코드에서 앞 2글자만 자름
var lang = lang.substr(0,2)
// 다른 언어인 경우 영문페이지로 이동
if (lang != "ko")
window.location.replace('/en/m_index.html')
//-->
</script>
<!--접속 언어별 페이지 이동 끝-->
</head>
<body>
<!--메뉴 시작-->
<nav class="navbar navbar-light" style="background-color: #26ff8f;">
<a class="navbar-brand" href="./m_index.html">독도 프렌즈</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-map-marker-alt"></i> 아름다운 독도</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<span class="navbar-text"> 소개</span>
<a class="dropdown-item" href="./where/m_index.html">독도는 어디에 있어요?</a>
<a class="dropdown-item" href="./name/m_index.html">독도의 명칭</a>
<div class="dropdown-divider"></div>
<span class="navbar-text"> 독도의 동식물과 자원</span>
<a class="dropdown-item" href="./animals/m_index.html">다양한 동식물</a>
<a class="dropdown-item" href="./resources/m_index.html">독도의 자원들</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-comment-dots"></i> 함께해요</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<span class="navbar-text"> 소셜 기능</span>
<a class="dropdown-item" href="./comments/m_index.html">소셜 댓글</a>
<div class="dropdown-divider"></div>
<span class="navbar-text"> 독도 관련</span>
<a class="dropdown-item" href="./song/m_index.html">독도는 우리땅 노래</a>
<a class="dropdown-item" href="./quiz/m_index.html">독도 퀴즈</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-database"></i> 사용한 자료들</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<span class="navbar-text"> 독도 관련 자료</span>
<a class="dropdown-item" href="./use_data/m_image.html">이미지</a>
<a class="dropdown-item" href="./use_data/m_info.html">정보</a>
<div class="dropdown-divider"></div>
<span class="navbar-text"> 외부 자료들</span>
<a class="dropdown-item" href="./external_data/m_html_info.html">HTML 외부 자료</a>
<a class="dropdown-item" href="./external_data/m_css_info.html">CSS 외부 자료</a>
<a class="dropdown-item" href="./external_data/m_js_info.html">JavaScript 외부 자료</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fab fa-github-alt"></i> 팀 소개</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<span class="navbar-text"> 팀 소개</span>
<a class="dropdown-item" href="https://konosuba-it.tk/index.html" target="_blank">소개 페이지 이동</a>
<div class="dropdown-divider"></div>
<span class="navbar-text"> 깃허브</span>
<a class="dropdown-item" href="https://github.com/konosuba-it/konosuba-it" target="_blank">팀 깃허브 페이지</a>
<a class="dropdown-item" href="https://github.com/konosuba-it/Dokdo_Friends" target="_blank">독도 프로젝트 깃허브 페이지</a>
</div>
</li>
</ul>
</div>
</nav>
<!--메뉴 끝-->
<!--섹션 1-->
<div style="color:white; background-color:#000277; padding:20px;">
<br>
<h2>넘보려는 일본</h2><br>
<p>자랑스러운 대한민국의 영토인 독도를<br>넘보려는 일본으로부터 지켜주세요!</p>
<p>강치를 멸종시킨 주범 일본.<br>그러면서 뻔뻔하게 강치가 그립다고 하는 그들로부터<br>우리의 독도를 지켜주세요!</p>
<br>
</div>
<!--섹션 1 끝-->
<br>
<!--섹션 2-->
<div style="padding:20px;">
<h2>독도에 대해<br>억지주장을 하더라도</h2>
<p>우리는 끝까지 외칠 것입니다.<br>「대한민국의 영토인 독도를 건들지마!」</p><br>
<h2>많은 사람들에게<br>알릴것입니다.</h2>
<p>독도 프렌즈는 계속해서 알릴 것입니다.<br>잘못 알았거나 몰랐던 사람들에게 독도는 한국의 영토라고.</p>
</div>
<!--섹션 2 끝-->
<br>
<!--섹션 3-->
<div style="color:black; background-color:#42f49b; padding:20px;">
<h2>독도에 대해<br><ins>거짓 주장</ins>을 하는<br>사람/정부에게</h2>
<p>탐욕을 위해 억지로 뺏은 독도. 다양한 자료들이 독도가 한국의 영토였다는 것을 알려주고 있습니다.</p>
<p>진실은 밝혀집니다.</p>
<p>다양한 자료들이 거짓말을 하고 있다는 것을 증명하는데<br>언제까지 거짓을 일삼으면서 학생들에게까지 거짓을 강요할건가요?</p>
</div>
<!--섹션 3 끝-->
<br>
<!--섹션 4-->
<div style="padding:20px;">
<h2>독도에 대해<br>바르게 알아야 합니다</h2>
<p>독도에 대해 알아야 그들이 어떠한 거짓으로 공격하더라도<br>당당히 맞설 수 있습니다.</p>
<p>지금부터 독도에 대해 알아보아요!</p>
</div>
<!--섹션 4 끝-->
<br>
<!--푸터-->
<div style="color:white; background-color:#484848; padding:20px;">
<p>독도 프렌즈는 독도를 사랑합니다.<br>본 사이트에 사용된 자료/이미지 등은<br>'사용한 자료들' 메뉴에서 확인해 보실 수 있습니다.</p>
<div>
<!--푸터 끝-->
<!--Script 로드-->
<script src="https://common.gaon.xyz/js/jquery/jquery-3.2.1.slim.min.js"></script>
<script src="https://common.gaon.xyz/js/popper.js/popper-1.12.9.min.js"></script>
<script src="https://common.gaon.xyz/js/bootstrap/bootstrap.min.js"></script>
</body>
</html>