-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboute.html
395 lines (341 loc) · 19.1 KB
/
aboute.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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>HIAR</title>
<meta content="" name="description">
<meta content="" name="keywords">
<meta property="og:type" content="website">
<meta property="og:url" content="https://hiar.co.kr/index.html">
<meta property="og:title" content="HIAR">
<meta property="og:image" content="https://github.com/chamroro/HIAR-front/blob/main/assets/img/og.png?raw=true">
<meta property="og:description" content="화해중재원 홈페이지에 오신 것을 환영합니다.">
<meta property="og:site_name" content="HIAR">
<meta property="og:locale" content="en_US">
<!-- 다음의 태그는 필수는 아니지만, 포함하는 것을 추천함 -->
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Libre+Baskerville:wght@700&family=Playfair+Display:wght@700&display=swap"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<!-- =======================================================
* Template Name: UpConstruction - v1.1.0
* Template URL: https://bootstrapmade.com/upconstruction-bootstrap-construction-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="indexe.html" class="logo d-flex align-items-center">
<!-- Uncomment the line below if you also wish to use an image logo -->
<!-- <img src="assets/img/logo.png" alt=""> -->
<img src="assets/img/logo.png">
</a>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
<nav id="navbar" class="navbar">
<ul>
<li class="dropdown active"><a href="indexe.html"><span>Home</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="indexe.html#about">Vision</a></li>
<li><a href="indexe.html#about">Founding Spirit</a></li>
<li><a href="indexe.html#alt-services">Main Programs</a></li>
</ul>
</li>
<li class="dropdown active"><a href="aboute.html"><span>About HIAR</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="aboute.html#about">Organizational Structure</a></li>
<li><a href="aboute.html#features">Welcome Message</a></li>
<li><a href="aboute.html#symbol">Logo and Symbol</a></li>
</ul>
</li>
<li class="dropdown active"><a href="bloge.html"><span>Blog</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="bloge.html">Posts</a></li>
</ul>
</li>
<li class="dropdown active"><a href="clinice.html"><span>Clinic</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="clinice.html">Apply for mediation</a></li>
</ul>
</li>
<li class="dropdown active"><a href="contacte.html"><span>Information</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="contacte.html">Contact Information</a></li>
</ul>
</li>
<li class="active"><a href="about.html">한국어</a></li>
</li>
<li class="dropdown active"></li><a class="headerButton"
href="mailto:[email protected], [email protected]">Apply for mediation</a>
</li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs d-flex align-items-center" style="background-image: url('assets/img/breadcrumbs-bg.png');">
<div class="container position-relative d-flex flex-column align-items-center" data-aos="fade">
<h2 class="en">About</h2>
</div>
</div><!-- End Breadcrumbs -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="d-flex">
<div class="aboutFlex">
<div class="d-flex align-items-start">
<hr>
<h2 style="margin-bottom:0px">Organizational Structure</h2>
</div>
<div class="d-flex justify-content-center">
<img class=" justify-content-center " style="width: 100%; margin: 0 auto;" src="assets/img/chart_eng.svg">
</div>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<div class="tab-pane">
<div class="row">
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h2 class="president">Handong International ISD · Mediation Center</h2>
<h3>Shin Eun Joo</h3>
<h5>President<br>
Handong International ISD · Mediation Center</h5>
<p class="fst-italic">
Where there are people, there are always disputes and conflicts. Since people all have their own
thoughts and desires, the existence of conflicts and disputes are considered a normal phenomenon.
However, if these disputes and conflicts are not controlled, people would put up emotional walls which
would lead to cutting ties with people. Because of this, our society would have to pay a large amount
for the cost of conflict. Therefore we need to be able to control and solve the disputes and conflicts
that are happening in our society in order to build peace. The Handong International ISD · Mediation
Center in Handong Global University was established on May 18th, 2021 to peacefully solve the ongoing
disputes and conflicts and promote peace in our world.
<br><br>
Handong International ISD · Mediation Center solves conflicts between people through consultation and
arbitration in each of its specialized centers. It studies and educates on how to actively solve
disputes through adjustment and mediation. HIAR also runs a clinic in order to solve actual
conflicts/disputes and especially tries to look for ways to solve not only domestic disputes but
international disputes through voluntary methods. HIAR especially tries to carry out its plan in
cultivating mediators and arbitrators to solve conflicts between church members, church disputes,
marriage issues of migrant workers and migrant women etc. Also, in order to provide solutions for
disputes between governments and investors, international commercial disputes, and other international
disputes, HIAR will try to be an institute that performs its role as a think tank and offer creative
alternatives through empirical study.
<br><br>
In the future, Handong International ISD · Mediation Center will try to improve the educating programs
for cultivating not only internationalized negotiators, but facilitators and arbitrators as well and
fulfill its mission in building peace between people as mediators. Furthermore, HIAR will try its best
to live up to its name as an education institute that cultivates negotiators, mediators and arbitrators.
<br><br>
We ask for your interest and support.
Thank you.
</p>
</div>
</div>
</div>
</div><!-- End tab content item -->
</section>
<!-- ======= Features Section ======= -->
<section id="features" class="features section-bg">
<div class="container" data-aos="fade-up">
<ul class="nav nav-tabs row g-2 d-flex">
<li class="nav-item col">
<a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-1">
<h4>International
ISD Center</h4>
</a>
</li><!-- End tab nav item -->
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-2">
<h4>International
Arbitration Center</h4>
</a><!-- End tab nav item -->
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-3">
<h4>Mediation
Center</h4>
</a>
</li><!-- End tab nav item -->
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-4">
<h4>Center for
Law and Global Mission</h4>
</a>
</li><!-- End tab nav item -->
<li class="nav-item col">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-5">
<h4>Education
Center</h4>
</a>
</li><!-- End tab nav item -->
</ul>
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<div class="row">
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h3>Prof. Jae-Chun Won</h3>
<h5>International ISD Center</h5>
<p class="fst-italic">
Korea has the world's 10th largest economy and there is much commercial investment for inbound and
outbound. As trade and commerce increase in volume and nature, there are also various disputes and
they call for an international and national mechanism to resolve the matter of dispute practically,
efficiently, and amicably in a relatively short amount of time. The ISD center deals with matters
dealing Investor-State Dispute Settlement both nationally and internationally.
As we saw in a recent case with Lone Star and the Republic of Korea, the stake of ISDS is high and the
State is no longer immune to a private cause of action and there is a need for protecting the interest
of investors as well as respecting government’s public interest action based on the principle of free
market economy, democracy, and rule of law.
The Center will conduct research on ISD cases from a national and comparative law perspective as well
as provide the platform for ISD professionals and academics to interact and edify each other in the
context of informal and formal settings such as seminars, workshops, training, certificate program,
academic program, and publications as reports, journal articles, issue briefing.
We look forward to collaborating with all the stakeholders and professionals who would mound the ISD
mechanism in a more foreseeable, proficient, reasonable manner so that the outcome of ISD settlement
would be fair, nationally, and internationally agreeable.
</p>
</div>
</div>
</div><!-- End tab content item -->
<div class="tab-pane" id="tab-2">
<div class="row">
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h3>에릭엔로우</h3>
<h5>International Arbitration Center</h5>
<p class="fst-italic">
Warm greetings. <br>
Welcome to Handong Institute for Arbitration and Reconciliation! <br>
<br>
It is truly an honor and a joy to see the establishment of HIAR at Handong Global University in
Pohang, South Korea. It has never been more timely to open HIAR than at this time. <br>
The use of alternative dispute resolutions has been greatly increasing and has been playing an
important role in the international society. More importantly, conflict resolution has been playing an
essential role in peacemaking.
With the establishment of HIAR, we train and educate students, legal practitioners, and any one
interested in conflict resolutions to be peacemakers through the use of arbitration and mediation. We
hope that HIAR will be a place where people get trained and be sent out to be peacemakers of the
world.
We pray and look forward to communities coming together and conflicts being resolved peacefully
through HIAR.
<br>
We thank you for your support and prayers. All praise and glory to God.
</p>
</div>
</div>
</div><!-- End tab content item -->
<div class="tab-pane" id="tab-3">
<div class="row">
<div class="mb-5 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center"
data-aos="fade-up" data-aos-delay="100">
<h3>Shin Eun Joo</h3>
<h5>Mediation Center</h5>
<p class="fst-italic">
</p>
</div>
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h3>Prof. Kim Semee</h3>
<h5>Deputy Director of the Mediation Center </h5>
<p class="fst-italic">
Warm greetings. <br>
Welcome to Handong Institute for Arbitration and Reconciliation! <br>
<br>
It is truly an honor and a joy to see the establishment of HIAR at Handong Global University in
Pohang, South Korea. It has never been more timely to open HIAR than at this time. <br>
The use of alternative dispute resolutions has been greatly increasing and has been playing an
important role in the international society. More importantly, conflict resolution has been playing an
essential role in peacemaking.
With the establishment of HIAR, we train and educate students, legal practitioners, and any one
interested in conflict resolutions to be peacemakers through the use of arbitration and mediation. We
hope that HIAR will be a place where people get trained and be sent out to be peacemakers of the
world.
We pray and look forward to communities coming together and conflicts being resolved peacefully
through HIAR.
<br>
We thank you for your support and prayers. All praise and glory to God.
</p>
</div>
</div>
</div><!-- End tab content item -->
<div class="tab-pane" id="tab-4">
<div class="row">
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h3>Prof. Lee Sang Ho</h3>
<h5>Center for Law and Global Mission</h5>
<p class="fst-italic">
</p>
</div>
</div>
</div><!-- End tab content item -->
<div class="tab-pane" id="tab-5">
<div class="row">
<div class=" order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up"
data-aos-delay="100">
<h3>John Park</h3>
<h5>Education Center</h5>
<p class="fst-italic">
-
</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<section id="symbol" class="symbol" style="padding-top: 0;">
<img src="assets/img/discription_eng.jpg">
</section>
</main><!-- End #main -->
<footer include-html="footere.html"></footer>
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script>
includeHTML();
</script>
</body>
</html>