-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (89 loc) · 4.53 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>self-intro-nomurin</title>
<link rel="stylesheet" href="stylesheet.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<header>
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<button class="btn btn-primary me-md-2" type="button">Button</button>
<button class="btn btn-primary" type="button">Button</button>
</div>
<h1>自己紹介</h1>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">Menu</a></li>
<li><a href="">Access</a></li>
<li><a href="">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<figure>
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/IMG_2050.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/IMG_2051.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/IMG_2058.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</figure>
</section>
<section class="about">
<div class="container">
<h2>野村佳男</h2>
<h3>NOMURA Yoshio</h3>
<p>ジュニパーネットワークス株式会社 アジアパシフィック法務部Senior Corporate Counsel</p>
<p>複数の外資系金融機関にてリスク管理責任者を務めたのち、IT法務・コンプライアンスの領域に転身。日系大手ERP企業でグローバル法務およびデータプライバシー業務を担当。その後外資系大手半導体IP会社やSaaSベンダーでの法務責任者を経て、2023年7月より現職。米国Temple University Beasley Law Schoolで法学修士を修了。CIPP/E, CIPM, CIPT資格保有者。</p>
</div>
</section>
<section class="menu">
<div class="container">
<h2>ABOUT ME</h2>
<table>
<tr><td>所属期</td><td>8期生</td></tr>
<tr><td>あだ名</td><td>のむりん</td></tr>
<tr><td>趣味</td><td>パン屋へドライブ</td></tr>
<tr><td>得意なこと</td><td>絶対音感で耳コピ</td></tr>
<tr><td>苦手なこと</td><td>家事全般</td></tr>
<tr><td>Tech0の目標</td><td>ITを「体感」したい！</td></tr>
</table>
</div>
</section>
</main>
<aside>
<div class="container">
<h2>MESSAGE</h2>
<p>Tech0を通じて、法とテックとビジネスに精通したプロフェッショナルを目指します！</p>
<figure>
<img src="images/アイコン.JPG" class="img-fluid" alt="アイコン">
</figure>
<a href="mailto: [email protected]" class="btn">ご連絡はこちら</a>
</div>
</aside>
<footer>
<small>© Yoshio Nomura 2024</small>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>