forked from elmas3/mao-seminar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
member.html
executable file
·73 lines (69 loc) · 2.65 KB
/
member.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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>メンバー |真央ゼミ C＆R大学</title>
<meta name="keywords" content="メンバー,プロフィール,真央ゼミ">
<meta name="description" content="真央ゼミのメンバーのプロフィール一覧です。">
<link rel="stylesheet" href="css/common.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">TOP</a></li>
<li><a href="member.html">MEMBER</a></li>
<li><a href="works.html">WORKS</a></li>
</ul>
</nav>
<h1>MEMBER</h1>
<p>真央ゼミのメンバー</p>
</header>
<main>
<div class="row">
<div class="col harf">
<h2>Professor</h2>
<img src="images/icon_mao.jpg" alt="魔王教授">
<p>真央ゼミ教授。本名は「真央 一（まお はじめ）」。<br>自称800歳。好きな飲み物はコーラ。</p>
<p>一言：「Gitはいいぞぉ！」</p>
</div>
<div class="col harf">
<h2>Assistant</h2>
<img src="images/icon_elmas.jpg" alt="エルマス">
<p>真央ゼミの助手。読書が趣味。</p>
<p>一言：「Gitは、IT系のお仕事をしている人にはもちろん、テキスト系のお仕事をしている人にも役立つと思うわ」</p>
</div>
</div>
<div class="row">
<div class="col harf">
<h2>Research Student</h2>
<img src="images/icon_wakaba.jpg" alt="わかば">
<p>新入生。Webデザイナーになるのが夢。</p>
</div>
</div>
<div class="row">
<h2>メンバーに対して思うこと</h2>
<table>
<tbody>
<tr>
<th>魔王教授</th>
<td>「まぁ、悪い人ではないのよ」by エルマス<br>「もう慣れました」by わかば</td>
</tr>
<tr>
<th>エルマスさん</th>
<td>「優秀な助手だ！たまに冷たいけど」by 魔王<br>「エルマスさんは頭がよくて優しい。丁寧に教えてくれる」by わかば</td>
</tr>
<tr>
<th>わかばちゃん</th>
<td>「面白いやつ。新入りにしては飲み込みが早いんじゃないか」by 魔王<br>「疑問に思ったことを、恥ずかしがらずに質問してくれるから助かるわ」by エルマス</td>
</tr>
</tbody>
</table>
</div>
</main>
<footer>
<p>本サイトは、書籍「わかばちゃんと学ぶGit使い方入門」の練習用素材です</p>
</footer>
</body>
</html>