-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
208 lines (196 loc) · 7.2 KB
/
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>2024' VANK</title>
<!-- CSS Links -->
<link rel="stylesheet" href="./assets/css/font-awesome.min.css">
<link rel="stylesheet" href="./assets/css/animate.css">
<link rel="stylesheet" href="./assets/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="./assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="./assets/css/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/normalize.css">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./assets/css/responsive.css">
<!-- JS Scripts -->
<script src="./assets/js/jquery-1.12.4.min.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Hero Area -->
<div id="home" class="hero-area">
<div class="owl-carousel hero-area-slider">
<div class="hero-bg bg-1">
<div class="d-table hero-area-wrapper">
<div class="d-table-cell hero-area-inner">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 text-center">
<h1>김지혜 청년연구원 성과 공유</h1>
<a href="https://www.miricanvas.com/v/13mbzlx" class="btn hero-btn">더보기</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Hero Area -->
<!-- Start Main Menu Logo -->
<div class="menubar-area">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="https://i.postimg.cc/C5NGp8Z3/v-logo.png" alt="" class="logo" height="20px" width="150px">
</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 ml-auto">
<li class="nav-item">
<a href="https://www.woollimkorea.net/beginning-of-woollim/view.jsp?sno=1629">울림 1<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a href="https://www.woollimkorea.net/beginning-of-woollim/view.jsp?sno=1631">울림 2</a>
</li>
<li class="nav-item">
<a href="https://www.bridgeasia.net/bridging-issues/view.jsp?sno=1438">브릿지 아시아 1</a>
</li>
<li class="nav-item">
<a href="https://www.bridgeasia.net/bridging-issues/view.jsp?sno=1444">브릿지 아시아 2</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- End Main Menu Logo -->
<!-- Start Target Area -->
<div class="target-area">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="single-target-box">
<h1>울림 청원 내용</h1>
<p>국내 주요 이슈 발굴 및 문제 제기</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Target Area -->
<!-- Start About Area -->
<div id="about" class="about-area">
<div class="container-fluid">
<div class="row">
<div class="col-lg-5 no-padding">
<div class="about-img">
<img src="https://i.postimg.cc/tgBGJSKJ/2024-09-06-7-56-31.png" alt="" class="img-fluid">
</div>
</div>
<div class="col-lg-7">
<div class="about-title">
<h1>9월 울림 청원 게시 (2건)</h1>
<p>- 문화: K-POP이 환경을 오염시킨다고?<br>- 관광: 한국의 독특한 박물관을 전 세계에 알립시다!</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="single-about-box">
<h2>K-POP이 환경을 오염시킨다고?</h2>
</div>
</div>
<div class="col-lg-6">
<div class="single-about-box">
<h2>한국의 독특한 박물관을 전 세계에 알립시다!</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End About Area -->
<!-- Start Target Area -->
<div class="target-area">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="single-target-box">
<h1>브릿지 아시아 청원 내용</h1>
<p>글로벌 이슈 발굴 및 문제 제기</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Target Area -->
<!-- Start About Area -->
<div id="about" class="about-area">
<div class="container-fluid">
<div class="row">
<div class="col-lg-5 no-padding">
<div class="about-img">
<img src="https://i.postimg.cc/V6PZYj6v/2024-09-06-8-05-51.png" alt="" class="img-fluid">
</div>
</div>
<div class="col-lg-7">
<div class="about-title">
<h1>9월 브릿지 아시아 청원 게시 (2건)</h1>
<p>- Media&Culture: Please protect the Jeju language, which is in danger of extinction. (소멸 위기의 '제주어'를 지켜주세요) <br>- Human Rights: The meaning of peace reflected on Separated Families Day (이산가족의 날로 돌아보는 평화의 의미)</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="single-about-box">
<h2>Please protect the Jeju language, which is in danger of extinction.(소멸 위기의 '제주어'를 지켜주세요)</h2>
</div>
</div>
<div class="col-lg-6">
<div class="single-about-box">
<h2>The meaning of peace reflected on Separated Families Day (이산가족의 날로 돌아보는 평화의 의미)</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End About Area -->
<!-- Start Contacta-->
<div id="contact" class="contact-area">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="contact-left">
<div class="contact-details">
<p>Email: kimjihe0220@naver.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact -->
<!-- Footer -->
<div class="footer-area">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<p>© 2024 VANK. All rights reserved.</p>
</div>
</div>
</div>
</div>
<!-- End Footer -->
<!-- JS Scripts -->
<script src="./assets/js/popper.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/owl.carousel.min.js"></script>
<script src="./assets/js/isotope.pkgd-3.0.4.min.js"></script>
<script src="./assets/js/masonry.pkgd.min-4.2.0.js"></script>
<script src="./assets/js/main.js"></script>
</body>
</html>