forked from llminatoll/my-seminar
-
Notifications
You must be signed in to change notification settings - Fork 0
/
member.html
executable file
·104 lines (100 loc) · 4.11 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
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
<!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>自称888歳。好きな飲み物はコーラ。</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>かずこ<br>一言:美味しいものが好き</p>
</div>
<div class="col harf">
<h2>Research Student</h2>
<img src="images/icon_wakaba.jpg" alt="わかば">
<p>わかば<br>一言:好きなものはお肉</p>
</div>
</div>
<div class="row">
<div class="col harf">
<h2>Research Student</h2>
<img src="https://avatars2.githubusercontent.com/u/49303828?s=88&v=4" alt="あお">
</div>
<div class="col harf">
<h2>Research Student</h2>
<img width="100px" src="https://img.esa.io/uploads/production/attachments/3412/2017/08/25/7092/93b7fff5-3d39-43f9-9842-574146e79665.png" alt="andosan">
<p>湊川あい<br>一言:湊川です!ダイエット中です。ヨガにはまってます。よろしくお願いします。ツイッターは<a href="https://twitter.com/llminatoll">@llminatoll</a>。</p>
</div>
</div>
<div class="row">
<div class="col harf">
<h2>Research Student</h2>
<img src="images/はぐれ.jpeg" alt="はやぴ">
<p>はやぴです</p>
<p>一言:よろしくお願いします。</p>
</div>
<div class="col harf">
<h2>Research Student</h2>
<img class='dorara_img' src="images/dorara_cat.jpg" alt="テスト追加です">
<p>「どらら」です。</p>
<p>Twitterやってます。<a href="https://twitter.com/dorara_css">こちらから</a></p>
<p>SourceTree入れるの大変だよね、わかる。</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>