This repository has been archived by the owner on Feb 11, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (227 loc) · 12.4 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
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
<!DOCTYPE html>
<html lang="ja">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="伝統的なウクライナの刺繍が施された民族衣装を身にまとい、東京の銀座を遊歩">
<meta name="keywords" content="ウクライナ,パレード,ヴィシヴァンカ,Kraiany">
<meta name="author" content="在日ウクライナ人コミュニティ「クラヤネ」(Kraiany)">
<meta property="og:image" content="https://www.kraiany.org/parade/assets/images/about-us.png">
<meta property="og:title" content="東京ウクライナ・パレード">
<meta property="og:description" content="伝統的なウクライナの刺繍が施された民族衣装を身にまとい、東京の銀座を遊歩">
<meta property="og:url" content="https://www.kraiany.org/parade/index.html">
<title>東京ウクライナ・パレード</title>
<!-- css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="bower_components/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body data-spy="scroll" data-target="#site-nav">
<nav id="site-nav" class="navbar navbar-fixed-top navbar-custom">
<div class="container">
<div class="navbar-header">
<!-- logo -->
<div class="site-branding">
<a class="logo" href="index.html">
<!-- logo image -->
<img src="assets/images/logo.png" alt="Logo">
東京ウクライナ・パレード
</a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-items" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!-- /.navbar-header -->
<div class="collapse navbar-collapse" id="navbar-items">
<ul class="nav navbar-nav navbar-right">
<!-- navigation menu -->
<li><a data-scroll href="#about">東京ウクライナ・パレード概要</a></li>
<li><a data-scroll href="#schedule">タイムテーブル</a></li>
<li><a data-scroll href="#location">集合場所</a></li>
<li><a data-scroll href="#photos">過去のパレード</a></li>
</ul>
</div>
</div><!-- /.container -->
</nav>
<header id="site-header" class="site-header valign-center">
<div class="intro">
<h2>2017年5月20日 / 東京都銀座</h2>
<h1>東京ウクライナ・パレード 2017</h1>
<p>伝統的なウクライナの刺繍が施された民族衣装（ヴィシヴァンカ）を身にまとい、東京の銀座を遊歩。</p>
<p>参加はどなたでも大歓迎です。</p>
<a class="btn btn-white" target="_blank" href="https://www.facebook.com/events/1397388443669849/">Facebookイベントページへ</a>
</div>
</header>
<section id="about" class="section about">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3 class="section-title">東京ウクライナ・パレード概要</h3>
<p>ヴィシヴァンカと呼ばれる刺繍のブラウスや衣装を着るこの大パレードは、1991年のウクライナ独立後、ウクライナ国内をはじめ、世界各国で行われるようになりました。今回、在日ウクライナ人やその友人たちにより、日本でも5回目の開催が決まりましたので、ご案内いたします。参加はどなたでも大歓迎です！</p>
<p>ヴィシヴァンカをお持ちでない場合、貸出を承っておりますので、詳細ご希望の方はイベントページにてコメントを残していただくか、管理者へメッセージをお送りください。私服でももちろんご参加いただけますが、その場合はウクライナ国旗の黄色か青色でお願いします！</p>
<p>当イベントはウクライナの伝統文化を日本で広めるという目的で行われます。抗議デモの呼びかけは禁止されています。当イベントにふさわしくない行動を取られる方は退場させていただく場合があります。</p>
<p>
<b>
集合日時： 2017年5月20日(土) 13:30<br />
集合場所： 東京都中央区銀座1-12-6 水谷橋公園<br />
パレード経路： <a href="http://bit.ly/UkraineParadeInTokyo" target="_blank">水谷橋公園ー銀座駅ー日比谷公園 (地図を開く)</a><br />
参加料： 無料
</b>
</p>
</div><!-- /.col-sm-6 -->
<div class="col-sm-6">
<h3 class="section-title multiple-title">主催</h3>
<ul class="list-arrow-right">
<li><a href="https://www.facebook.com/ukrainians.japan" target="_blank">在日ウクライナコミュニティー「クラヤネ」(Kraiany)</a></li>
</ul>
<br>
</div><!-- /.col-sm-6 -->
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=16H6PzkrFeq-qBvdn6-OGz4Zdmaw" class="col-sm-6" style="border:none; min-height:400px; width: 100%;" id="map"></iframe>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<section id="facts" class="section bg-image-1 facts text-center">
<div class="container">
<div class="row">
<div class="col-sm-4">
<i class="ion-ios-calendar"></i>
<h3>日時：2017年5月20日 13:30</h3>
</div>
<div class="col-sm-4">
<i class="ion-ios-location"></i>
<h3>場所：東京都中央区水谷橋公園</h3>
</div>
<div class="col-sm-4">
<i class="ion-pricetags"></i>
<h3>参加料：無料</h3>
</div>
</div><!-- row -->
</div><!-- container -->
</section>
<section id="schedule" class="section schedule">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="section-title">タイムテーブル</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="schedule-box">
<div class="time">
<time datetime="13:30">13:30</time> - <time datetime="14:00">14:00</time>
</div>
<h3>集合、パレードの準備</h3>
<p></p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="schedule-box">
<div class="time">
<time datetime="14:00">14:00</time> - <time datetime="15:00">15:00</time>
</div>
<h3>パレードの実行</h3>
<p>中央区水谷橋公園を出発し、銀座駅を通り抜けて、日比谷公園まで歩きます。</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="schedule-box">
<div class="time">
<time datetime="15:00">15:00</time> - <time datetime="17:00">17:00</time>
</div>
<h3>ピクニック、交流会</h3>
<p></p>
</div>
</div>
</div>
</section>
<section id="location" class="section location">
<div class="container">
<div class="row">
<div class="col-sm-5">
<h3 class="section-title">集合場所</h3>
<address>
<p>
東京都中央区銀座1-12-6 <br />水谷橋公園<br />
Tokyo, Chuo-ku, Ginza 1-12-6<br>Mizutanibashi Park
</p>
</address>
<h3 class="section-title">交通機関</h3>
東京メトロ有楽町線: 銀座一丁目駅 10番出口徒歩5分<br>
都営地下鉄浅草線: 宝町駅 A3出口徒歩5分<br>
JR 京浜東北線、山手線: 有楽町駅 中央口徒歩10分<br>
<font color="red">公園には専用の駐車場はありませんので、お車での来場はご遠慮ください。</font>
</div>
<div class="col-sm-7">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.109737565084!2d139.76776531557425!3d35.67429983795889!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188be3d1ef96ab%3A0x55c7ebbcda2651ae!2sMizutanibashi+Park!5e0!3m2!1sen!2ssg!4v1490514372154" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</section>
<section id="photos" class="section photos">
<div class="container">
<div class="col-sm-12">
<h2 class="section-title">過去のパレード</h3>
</div>
<div class="lazyload">
<!--
<div class="row">
<div class="col-sm-12">
<h3 class="section-title">第４回（2016年）</h3>
<div class="row">
<div class="col-sm-6">
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/quL0BJiDITM" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-sm-6">
<iframe width="100%" height="400px" src="https://www.youtube.com/embed/bQwCEHdhjuo" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</section>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="site-info">在日ウクライナ人コミュニティ「クラヤネ」(Краяни, Kraiany) のイベントです</p>
<ul class="social-block">
<li><a href="https://twitter.com/UkrainiansJP" target="_blank"><i class="ion-social-twitter"></i></a></li>
<li><a href="https://www.facebook.com/ukrainians.japan" target="_blank"><i class="ion-social-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- script -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/smooth-scroll/dist/js/smooth-scroll.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/jquery.lazyload-any.min.js"></script>
<script>
function load(img)
{
img.fadeOut(0, function() {
img.fadeIn(1000);
});
}
$('.lazyload').lazyload({load: load});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73462527-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>