-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
355 lines (333 loc) · 25.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
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
<!DOCTYPE html>
<html lang="jp">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="はじめまして、シンガポール国立大学 日本人学生会 NiSC です。Hi there, we're the Nihon Student Club at the National University of Singapore" />
<meta name="keywords" content="シンガポール国立大学, シンガポール, 日本人学生会, 日本人, NiSC, National University of Singapore, NUS, Japanese" />
<link rel="icon" href="img/favicon.ico" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous" />
<!-- 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=Shippori+Mincho&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap" rel="stylesheet">
<!-- buttons -->
<link rel="stylesheet" href="css/buttons.css" />
<!-- icons -->
<script src="https://kit.fontawesome.com/e19efbd276.js" crossorigin="anonymous"></script>
<!-- containers -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" /> -->
<!-- custom styling -->
<!-- <link rel="stylesheet" href="css/style.css" /> -->
<script type="text/javascript">
/***********************************************
* Different CSS depending on OS (mac/pc)- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var csstype = "external" //Specify type of CSS to use. "Inline" or "external"
var mac_externalcss = 'css/macstyle.css' //if "external", specify Mac css file here
var pc_externalcss = 'css/pcstyle.css' //if "external", specify PC/default css file here
///////No need to edit beyond here////////////
var mactest = navigator.userAgent.indexOf("Mac") != -1
if (csstype == "inline") {
document.write('<style type="text/css">')
if (mactest)
document.write(mac_css)
else
document.write(pc_css)
document.write('</style>')
} else if (csstype == "external")
document.write('<link rel="stylesheet" type="text/css" href="' + (mactest ? mac_externalcss : pc_externalcss) + '">')
</script>
<!-- queries -->
<link rel="stylesheet" href="queries/queries.css" />
<!-- animations -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
<title>NUS | NiSC</title>
</head>
<body>
<div id="catch">
<div id="catch-lines">
<div id="line1">進学先は </div>
<div id="line2">南国の風吹く大都市に、</div>
<div id="line3">なんていかがでしょう。</div>
</div>
</div>
<div id="main">
<nav class="row" id="sidenav">
<ul>
<li><span onclick="window.location='#intro'">Home</span></li>
<li><span onclick="window.location='#message'">Message</span></li>
<li><span onclick="window.location='#articles'">Articles</span></li>
<li><span onclick="window.location='#socialmedia'">SNS</span></li>
<li><span onclick="window.location='#members'">Members</span></li>
<li><span onclick="window.location='#contact'">Contact</span></li>
</ul>
</nav>
<div class="row" id="btn-menu"><i class="fas fa-bars"></i></div>
<nav class="sidenav" id="phonenav">
<div class="row" id="phonelogo" onclick="window.location='#intro'">
<h2>NUS | NiSC</h2>
<h6>Nihon Student Club</h6>
</div>
<ul>
<li><span onclick="window.location='#intro'">Home</span></li>
<li><span onclick="window.location='#message'">Message</span></li>
<li><span onclick="window.location='#articles'">Articles</span></li>
<li><span onclick="window.location='#socialmedia'">SNS</span></li>
<li><span onclick="window.location='#members'">Members</span></li>
<li><span onclick="window.location='#contact'">Contact</span></li>
</ul>
<div class="row email">
<span class="r1">NUS 日本人学生会 NiSC</span>
<span class="r2">[email protected]</span>
</div>
<div class="row icons">
<a href="https://www.facebook.com/nus.nisc.2021 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.instagram.com/nus.nisc/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</nav>
<div class="row" id="logo" onclick="window.location='#intro'">
<h2>NUS | NiSC</h2>
<h6>Nihon Student Club</h6>
</div>
<h1><mark>はじめまして、<br>シンガポール国立大学 日本人学生会 NiSC です。</mark></h1>
<div class="row" id="intro">
<div class="col-md-9 text">
<p><mark>2021年5月に結成して以来、<br>NUSに通う日本人学生のコミュニティ形成を目標に活動しています。</mark></p>
<p><mark>他にも記事やSNSを通してNUSの魅力を幅広く発信したり、<br>NUSの現地の学生との交流活動を行っています。</mark></p>
<p><mark>NUSやシンガポール留学に興味がありましたら、ぜひこのサイトを活用して下さい。</mark></p>
</div>
</div>
<div class="row" id="filler"></div>
<div class="row" id="message" data-color="white">
<img src="img/nus-sde.jpg" class="img1" alt="Picture of the NUS School of Design and Environment" />
<div class="row text">
<p style="font-weight: 600;">海外留学は、英米だけじゃない。</p>
<p>シンガポール国立大学は、アジアで<strong>一位</strong>、世界で<strong>十一位</strong>を誇る、世界的に認められた教育機関です。世界各国から優秀な学生が集います。</p>
<p>シンガポールは駐在で来ている日本人も多く、同じアジア系の国でもあるため、生活環境は世界トップクラス。</p>
<p>加えて、日本よりも安全と言って良いほどの治安の良さも魅力です。</p>
<p>パンデミックの影響もあり、欧米諸国への留学をためらう学生も多い今、私たちは海外留学に興味のある学生に「東南アジアでの留学」という新しい可能性を提示したいと考えています。</p>
</div>
<img src="img/nus-create.jpg" class="img2" alt="Picture of the NUS Create Tower" />
</div>
<div class="row" id="articles" data-color="blue">
<div class="row" style="width: 100%;">
<h3>現役大学生による情報提供</h3>
<p>シンガポールでの留学・交換留学に興味があっても、<br>日本人学生が少ない故に情報収集が難しいのが現状です。
</p>
<p>ここでは、NiSCのメンバーの思う「入学前に知りたかったこと」を記事にしています。</p>
<p>受験方法や、NUSでの授業、学生生活など気になる方は、ぜひ私たちの記事ページをご覧ください。</p>
</div>
<a class="btn10" href="pages/articles.html">記事ページへ</a>
</div>
<div class="col" id="socialmedia" data-color="white">
<div class="col-3" id="c3">
<img src="img/insta-nus.jpg" onclick="window.open('https://www.instagram.com/p/CPVl9jAr-tO/', '_blank');" alt="Instagram post about the National University of Singapore" />
</div>
<div class="col-3" id="c2">
<img src="img/insta-yuya.jpg" onclick="window.open('https://www.instagram.com/p/CTMcWp6Jm1z/', '_blank');" alt="Instagram post introducing a student at the National University of Singapore" />
</div>
<div class="col-3" id="c1">
<img src=" img/insta-sg.jpg" onclick="window.open('https://www.instagram.com/p/CU7DtmZJ6iA/', '_blank');" alt="Instagram post about life in Singapore" />
</div>
<div class="col text ">
<p style="font-size: 1rem; ">Instagram</p>
<p>公式インスタグラムもご覧下さい。</p>
</div>
<!-- <div class="row ">
<a href="https://www.facebook.com/nus.nisc.2021 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.instagram.com/nus.nisc/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div> -->
</div>
<div class="row" id="members" data-color="beige">
<div class="row " style="width: 100%; margin-bottom: 10vh;">
<h3>個性溢れるNiSCのメンバーは、</br>専攻も海外経験も趣味も様々です。</h3>
<h3>詳しくは私たち一人一人のプロフィールをご覧下さい。</h3>
<h3 id="hold">（写真をタップ、または長押し）</h3>
</div>
<img src="img/nus-biz.jpg" class="biz-img" alt="Picture of NUS Business School" />
<div class="row " style="width:100%; margin: auto">
<div class="col-md-3 box1">
<div class="rect popup " data-name="sho">
<img src="img/sho.jpg" alt="Profile picture of Sho Okimoto" ;/>
<div class="pop-up" id="sho">
<span>広島産の大学4年生。大学に入るまでは特に海外で生活経験はなし。出身地の広島で、平和構築・貧困問題を軸に活動、チャリティーイベントを行う。大学では経済学と中国語の勉強を行う。大学1年生から長期インターンシップに参加しており、現在までにシンガポール・日本合わせて7社での経験あり。興味のある業界はスタートアップ・VC・アクセラレーター。</span>
<div class=" row icons ">
<a href="https://www.facebook.com/profile.php?id=100012285600186 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/sho-okimoto-29943318b/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/sho_okimoto_/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>沖本 祥</h4>
<h6>Sho Okimoto</h6>
<p>経済学部４年</p>
<div class="row phoneicons">
<a href="https://www.facebook.com/profile.php?id=100012285600186 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/sho-okimoto-29943318b/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/sho_okimoto_/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="col-md-3 box2">
<div class="rect popup" data-name="yuichiro">
<img src="img/yuichiro.jpg " alt="Profile picture of Yuichiro Fukushima" ;/>
<div class="pop-up" id="yuichiro">
<span>東京の私立の学校に中学生まで通う。中学卒業後、英語とラグビーの上達を目的にニュージーランドの現地男子校に進学、３年半をニュージーランドで過ごす。その後、レベルの高い教育を求めてNUSに進学、高校生の頃から興味があったコンピュータサイエンスを専攻中。大学ではラグビー部にも所属し、１年生の時に国内大学１０s選手権優勝、昨年度は副将も務める。NiSC立ち上げメンバーの一人。</span>
<div class="row icons">
<a href="https://www.instagram.com/yuichiro.f/?hl=en " target="_blank " class="fab fa-instagram "></a>
<a href="https://www.linkedin.com/in/yuichirofukushima/" target="_blank " class="fab fa-linkedin "></a>
</div>
</div>
</div>
<h4>福島 雄一郎</h4>
<h6>Yuichiro Fukushima</h6>
<p>情報学部３年</p>
<div class="row phoneicons">
<a href="https://www.instagram.com/yuichiro.f/?hl=en " target="_blank " class="fab fa-instagram "></a>
<a href="https://www.linkedin.com/in/yuichirofukushima/" target="_blank " class="fab fa-linkedin "></a>
</div>
</div>
<div class="col-md-3 box3">
<div class="rect popup " data-name="yoh">
<img src="img/yoh.jpg" alt="Profile picture of Yoh Kato" ;/>
<div class="pop-up " id="yoh">
<span>NUSの化学工学科の3年生。７カ国（日・英・独・韓・中・新・星）で育ったものの、話せるのは日英のみ。インター校での経験が長く、海外大学を視野に入れ IBDP を履修した。その後、第一志望であったシンガポール国立大学に入学した。現在は、就職を視野に入れつつ、スタートアップや R&D に興味を持ち始めている。クロスカントリー部に参加しつつ、競歩を始めた。NiSC の会計係らしい。</span>
<div class="row icons">
<a href="https://www.instagram.com/yoh_kato06/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>加藤 陽</h4>
<h6>Yoh Kato</h6>
<p>工学部３年</p>
<div class="row phoneicons">
<a href="https://www.instagram.com/yoh_kato06/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="col-md-3 box4">
<div class="rect popup" data-name="ikki">
<img src="img/ikki.jpg" alt="Profile picture of Ikki Chinushi" ;/>
<div class="pop-up" id="ikki">
<span>幼少時代を中国で過ごし、12歳から日本へ。母から中国語、父から日本語、インターナショナルスクールで英語を学び、トリリンガルの基礎を築いた。公立中学校から海外大学への正規進学を目指し、国際バカロレア(IBDP)のある高校に進学。英米豪加などの大学を受験。プロジェクト管理学と経済学の二重専攻。国内建設企業のグローバル化に興味。NiSC立ち上げメンバーの一人。</span>
<div class="row icons">
<a href="https://www.facebook.com/IkkiChinushi " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/ikki-chinushi/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/chinushi1111/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>地主 一紀</h4>
<h6>Ikki Chinushi</h6>
<p>プロジェクト管理学部２年</p>
<div class="row phoneicons">
<a href="https://www.facebook.com/IkkiChinushi " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/ikki-chinushi/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/chinushi1111/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="col-md-3 box1">
<div class="rect popup" data-name="yuya">
<img src="img/yuya.jpg" alt="Profile picture of Yuya Minami" ;/>
<div class="pop-up " id="yuya">
<span>小学校の後半を、バンコクで過ごす。最初は英語が全く喋れない中、インターナショナルスクールに通い、3年で英語を習得。本帰国後、私立中高一貫校に入学、高校では国際バカロレア（IBDP)を履修。シンガポールはNUSとNTU、オーストラリアやアメリカ、日本の国立大学を多数受験。現在はNUSのビジネススクール２年生。オーケストラや、お菓子作りのサークルに入っている。NiSC立ち上げメンバーの一人。</span>
<div class="row icons">
<a href="https://www.facebook.com/yuya.minami.12382 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/yuya-minami-a2b0a21a6/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/yuya_min_22/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>南 佑弥</h4>
<h6>Yuya Minami</h6>
<p>ビジネス２年</p>
<div class="row phoneicons">
<a href="https://www.facebook.com/yuya.minami.12382 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/yuya-minami-a2b0a21a6/ " target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/yuya_min_22/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="col-md-3 box2">
<div class="rect popup" data-name="asahi">
<img src="img/asahi.jpg" alt="Profile picture of Asahi Sugano" ;/>
<div class="pop-up" id="asahi">
<span>小学３年生まで日本で育ち、その後はシンガポールで過ごす。小学５年生までシンガポールにある日本人学校に通い、その後はインターナショナルスクールに転校。苦労しながらも英語に慣れていき、中学３年で日本の高校受験のために日本人中学校に転校。しかし、直前で考えを改め、再びインターナショナルスクールに転校し、そのままIBを履修。趣味はフリスビーやゲームで、NUSでは機械工学を専攻している。</span>
<div class="row icons">
<a href="https://www.instagram.com/asahi.206/?hl=en" target="_blank" class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>菅野 朝陽</h4>
<h6>Asahi Sugano</h6>
<p>工学部１年</p>
</div>
<div class="col-md-3 box3">
<div class="rect popup " data-name="ayumi">
<img src="img/ayumi.jpg" alt="Profile picture of Ayumi Mitsui" ;/>
<div class="pop-up" id="ayumi">
<span>小学校卒業までの計７年間を香港とシンガポールの日本人学校で過ごす。中高４年間は豊島岡女子学園に在籍。在学中にOECD Education2030プロジェクトに参加し、日本の学生代表としてパリ、バンクーバー、韓国での国際会議に出席。親の赴任に伴い高校卒業までの２年間をハノイのIB校で過ごす。現在はNUSのビジネススクール１年生。趣味は家事全般と中国ドラマを見ること。</span>
<div class="row icons">
<a href="https://www.facebook.com/ayumi.mitsui.9212 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.linkedin.com/in/ayumi-mitsui-365117226/" target="_blank " class="fab fa-linkedin "></a>
<a href="https://www.instagram.com/321ayu_mitsui/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>三ツ井 愛弓</h4>
<h6>Ayumi Mitsui</h6>
<p>ビジネス１年</p>
<div class="row phoneicons">
<a href="https://www.facebook.com/ayumi.mitsui.9212 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.instagram.com/321ayu_mitsui/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="col-md-3 box4">
<div class="rect popup " data-name="ui">
<img src="img/ui.jpg" alt="Profile picture of Ui Ogino" ;/>
<div class="pop-up" id="ui">
<span>ドイツで生まれ１４年間フランクフルトで過ごす。日本人学校に７年間通い、2015年にシンガポールへ引っ越す。インターナショナルスクールへ５年間通いIBDPを取得。高校時代は、サッカー部、オーケストラ、生徒会、勉強の両立に励む。現在は、NUSの工学部機械工学科の１年生。大学でも高校時代と同じように、サッカー部とオーケストラに入り、勉学に努める。ドイツ語、日本語、英語、中国語のマルチリンガル。</span>
<div class="row icons ">
<a href="https://www.instagram.com/ui_ogi/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
</div>
<h4>荻野 宇生</h4>
<h6>Ui Ogino</h6>
<p>工学部１年</p>
<div class="row phoneicons">
<a href="https://www.instagram.com/ui_ogi/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
</div>
<div class="row phoneicons">
<a href="https://www.instagram.com/asahi.206/?hl=en" target="_blank" class="fab fa-instagram "></a>
</div>
</div>
</div>
<div class="row" id="contact" data-color="indigo">
<div class="box ">
<h3>NiSCのウェブサイトをご覧頂き、<br>ありがとうございます。</h3>
<p>お問い合わせは下記メールアドレス、<br>あるいはInstagram (@nus.nisc)のDMにて承っております。</p>
<p>NUS関連の質問に限らず、シンガポールでの学生生活や、<br>海外大学の受験についてのお問い合わせも大歓迎です。</p>
<div style="white-space: nowrap; ">
<i class="fas fa-envelope "></i>
<h5>[email protected]</h5>
</div>
</div>
<img src="img/nus-utown.jpg" alt="Picture of UTown" />
</div>
<div class="row" id="copyright">
<div class="row icons">
<a href="https://www.facebook.com/nus.nisc.2021 " target="_blank " class="fab fa-facebook-square "></a>
<a href="https://www.instagram.com/nus.nisc/?hl=en " target="_blank " class="fab fa-instagram "></a>
</div>
<div class="col">
お時間ありがとうございます © 2021 シンガポール国立大学 日本人学生会 NiSC
</div>
</div>
</div>
</body>