-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
387 lines (322 loc) · 13.3 KB
/
profile.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="format-detection" content="telephone=no"><!-- 電話番号の自動リンクの無効化 -->
<title>PROFILE | 阿部寛オフィシャルサイト</title>
<meta name="description" content="阿部寛のプロフィール">
<meta name="keywords" content="阿部寛,プロフィール">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&display=swap&subset=japanese">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400&display=swap">
<!-- slick -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<!-- css -->
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/profile.css">
</head>
<body class="current--profile">
<!-- loading -->
<div class="loading js-loading">
<div class="loading__mask">
<div class="loading__base"></div>
</div>
<div class="loading__icon">
<span></span>
</div>
<div class="loading__title">
<span>ABE</span>
<span>Hiroshi</span>
</div>
</div>
<!-- /loading -->
<!-- header -->
<header class="header js-header">
<div class="sitename">
<a href="index.html" class="js-transit">
<div class="sitename__text">
ABE Hiroshi
</div>
<div class="sitename__text sitename__text--small">
official site
</div>
</a>
</div>
</header>
<!-- /header -->
<!-- menu(スマホ用) -->
<div class="menu js-menu">
<span class="menu__icon"></span>
</div>
<!-- /menu -->
<!-- nav(header用) -->
<nav class="nav js-nav">
<div class="nav__outer">
<div class="nav__inner">
<div class="sitename"><!-- ドロワメニュー用 -->
<a href="index.html" class="js-transit">
<div class="sitename__text">
ABE Hiroshi
</div>
<div class="sitename__text sitename__text--small">
official site
</div>
</a>
</div>
<ul class="nav__lists">
<li class="nav__list">
<a href="profile.html" class="js-transit">
PROFILE
</a>
</li>
<li class="nav__list">
<a href="news.html" class="js-transit">
NEWS
</a>
</li>
<li class="nav__list">
<a href="appearance.html" class="js-transit">
APPEARANCE
</a>
</li>
<li class="nav__list">
<a href="publication.html" class="js-transit">
PUBLICATION
</a>
</li>
<li class="nav__list">
<a href="photo.html" class="js-transit">
PHOTO
</a>
</li>
<li class="nav__list">
<a href="contact.html" class="js-transit">
CONTACT
</a>
</li>
</ul>
</div>
<div class="nav__close">
<img src="images/menu_close.png" alt="" width="22" height="22">
</div>
</div>
</nav>
<!-- nav -->
<!-- wrapper -->
<div class="wrapper">
<!-- pagetitle -->
<div class="pagetitle js-pagetitle">
<div class="sitename sitename--pagetitle">
<a href="index.html" class="js-transit">
<div class="sitename__text">
ABE Hiroshi
</div>
<div class="sitename__text sitename__text--small">
official site
</div>
</a>
</div>
<div class="pagetitle__text">
<span>
<i>P</i><i>R</i><i>O</i><i>F</i><i>I</i><i>L</i><i>E</i>
</span>
</div>
<div class="pagetitle__label">
<span>
<i>P</i><i>R</i><i>O</i><i>F</i><i>I</i><i>L</i><i>E</i>
</span>
</div>
<figure class="pagetitle__image">
<img src="images/profile_image.jpg" alt="" width="2732" height="1536">
</figure>
</div>
<!-- /pagetitle -->
<!-- main -->
<main class="main">
<!-- profile -->
<section class="profile">
<div class="profile__inner">
<h1 class="profile__title">
PROFILE
</h1>
<div class="profile__columns">
<div class="profile__column">
<div class="profile__image js-indicate js-indicate-btin">
<span class="image__box">
<span class="abe__image">PROFILE</span>
</span>
</div>
<div class="profile__name js-indicate js-indicate-btin">
阿部寛 <small>ABE Hiroshi</small>
</div>
<div class="profile__data js-indicate js-indicate-btin">
<table>
<tr>
<th>
生年月日
</th>
<td>
1964年06月22日 蟹座 辰年
</td>
</tr>
<tr>
<th>
血液型
</th>
<td>
A型
</td>
</tr>
<tr>
<th>
出身地
</th>
<td>
神奈川県横浜市
</td>
</tr>
<tr>
<th>
サイズ
</th>
<td>
189cm 75kg
</td>
</tr>
<tr>
<th>
学歴
</th>
<td>
中央大学 工学部
</td>
</tr>
</table>
</div>
</div>
<div class="profile__column">
<div class="profile__section">
<h2 class="js-indicate js-indicate-btin">デビュー</h2>
<p class="profile__text js-indicate js-indicate-btin">
大学在学中にモデルデビュー。
</p>
<p class="profile__text js-indicate js-indicate-btin">
雑誌「メンズノンノ」創刊以来、3年6ヶ月表紙を飾る。
</p>
<p class="profile__text js-indicate js-indicate-btin">
大学卒業と同時に、「はいからさんが通る」で映画デビュー。
</p>
<p class="profile__text js-indicate js-indicate-btin">
つかこうへい作・演出 舞台「熱海殺人事件～モンテカルロ・イリュージョン～」の主人公を演じ話題となる。
</p>
</div>
<div class="profile__section">
<h2 class="js-indicate js-indicate-btin">受賞歴</h2>
<ul class="profile__award__list">
<li class="js-indicate js-indicate-btin">「京都国際映画祭2016」で「三船敏郎賞」受賞</li>
<li class="js-indicate js-indicate-btin">第38回日本アカデミー賞「ふしぎな岬の物語」優秀主演男優賞 受賞</li>
<li class="js-indicate js-indicate-btin">第38回日本アカデミー賞 「柘榴坂の仇討」優秀助演男優賞 受賞</li>
<li class="js-indicate js-indicate-btin">2012年 日本アカデミー賞 「テルマエ・ロマエ」で最優秀主演男優賞受賞</li>
<li class="js-indicate js-indicate-btin">2012年 ブルーリボン賞 「カラスの親指」「麒麟の翼」「テルマエ・ロマエ」で主演男優賞受賞</li>
<li class="js-indicate js-indicate-btin">2012年 ヨコハマ映画祭 「テルマエ・ロマエ」で主演男優賞受賞</li>
<li class="js-indicate js-indicate-btin">2012年 日本シアタースタッフ映画祭ＩＮ成城 「テルマエ・ロマエ」で主演男優賞受賞</li>
<li class="js-indicate js-indicate-btin">2008年公開映画「歩いても歩いても」、「青い鳥」</li>
<li class="js-indicate js-indicate-btin">第63回毎日映画コンクール男優主演賞 受賞</li>
<li class="js-indicate js-indicate-btin">1994年度インディペンデント映画祭プロフェッショナル大賞受賞「凶銃ルガーPO8」</li>
</ul>
</div>
<div class="profile__section">
<h2 class="js-indicate js-indicate-btin">事務所</h2>
<p class="profile__text js-indicate js-indicate-btin">
（有）茂田オフィス
</p>
<p class="profile__text js-indicate js-indicate-btin">
107-0052
</p>
<p class="profile__text js-indicate js-indicate-btin">
東京都港区赤坂9-5-29 赤坂ロイヤルマンション303
</p>
<p class="profile__text js-indicate js-indicate-btin">
TEL:03-5410-8585
</p>
</div>
</div>
</div>
</div>
</section>
<!-- /profile -->
</main>
<!-- /main -->
<!-- footer -->
<footer class="footer">
<div class="footer__inner">
<div class="sitename">
<a href="index.html" class="js-transit js-indicate js-indicate-btin">
<div class="sitename__text">
ABE Hiroshi
</div>
<div class="sitename__text sitename__text--small">
official site
</div>
</a>
</div>
<div class="footer__link js-indicate js-indicate-btin">
<ul>
<li class="footer__nav__list"><a href="index.html" class="js-transit">トップ</a></li>
<li class="footer__nav__list"><a href="profile.html" class="js-transit">プロフィール</a></li>
<li class="footer__nav__list"><a href="news.html" class="js-transit">新着情報</a></li>
<li class="footer__nav__list"><a href="appearance.html" class="js-transit">出演</a></li>
<li class="footer__nav__list"><a href="publication.html" class="js-transit">出版物</a></li>
<li class="footer__nav__list"><a href="photo.html" class="js-transit">写真</a></li>
<li class="footer__nav__list"><a href="contact.html" class="js-transit">お問い合わせ</a></li>
</ul>
</div>
<div class="share">
<div class="share__label js-indicate js-indicate-btin">
SHARE
</div>
<ul class="share__lists">
<li class="share__list js-indicate js-indicate-btin">
<a href="#" rel="nofollow" target="_blank">
<img src="images/share_twitter.png" alt="Twitter" width="36" height="36">
</a>
</li>
<li class="share__list js-indicate js-indicate-btin">
<a href="#" rel="nofollow" target="_blank">
<img src="images/share_facebook.png" alt="Facebook" width="36" height="36">
</a>
</li>
<li class="share__list js-indicate js-indicate-btin">
<a href="#" rel="nofollow" target="_blank">
<img src="images/share_line.png" alt="LINE" width="36" height="36">
</a>
</li>
</ul>
</div>
<div class="footer__pageup js-pageup">
<img src="images/pageup.png" alt="" width="25" height="14">
</div>
<div class="footer__column__container">
<div class="footer__column">
2021©ABE Hiroshi official site
</div>
</div>
</div>
</footer>
<!-- /footer -->
</div>
<!-- /wrapper -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/jquery.gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="js/common.js"></script>
<script>
pagetitle.ready();
</script>
</body>
</html>