-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlike.html
92 lines (86 loc) · 3.44 KB
/
like.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>what i like</title>
<link rel="stylesheet" href="setting.css">
<link rel="stylesheet" href="like.css">
<link rel="stylesheet" href="./module/index-box.css">
<link rel="stylesheet" href="./module/content-box.css">
<link rel="stylesheet" href="./module/header2.css">
<link rel="stylesheet" href="./module/footer.css">
</head>
<body>
<!-- - - - - - - - - - - top-head- - - - - - - - - - - -->
<div class="header">
<div class="top-border"></div>
<div class="content">
<h1>What I Like</h1>
</div>
</div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - -index-box- - - - - - - - - - - - - -->
<nav class="index-box">
<ul>
<li class="photo"><img src="img/index-box.jpg"></li>
<li class="border"></li>
<li><a href="index.html" class="index-link">Index</a></li>
<li class="border"></li>
<li><a href="history.html" class="index-link">History</a></li>
<li class="border"></li>
<li><a href="like.html" class="index-link active">What I Like</a></li>
</ul>
</nav>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - main-content- - - - - - - - - - - -->
<div class="main-content">
<div class="content-box box-left topleft">
<p>Music</p>
<img src="img/music.jpg">
<ul>
<li>米津玄師</li>
<li>Bump of chicken</li>
</ul>
</div>
<div class="content-box box-right topright">
<p>Subject</p>
<img src="img/subject.jpg">
<ul>
<li>物理</li>
<li>数学</li>
</ul>
</div>
<div class="clear"></div>
<div class="content-box box-left bottomleft">
<p>Game</p>
<img src="img/game.jpg">
<ul>
<li>ダンガンロンパシリーズ<br>
---スパイクチュンソフト</li>
<li>Minecraft<br>
---mojang</li>
</ul>
</div>
<div class="content-box box-right bottomright">
<p>Comics</p>
<img src="img/comic.jpg">
<ul>
<li>僕のヒーローアカデミア<br>
---堀越耕平/週刊少年ジャンプ</li>
<li>アイシールド21<br>
---稲垣理一郎・村田雄介/週刊少年ジャンプ</li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - - -footer- - - - - - - - - - - - - -->
<div class="footer">
<strong>E-mail</strong>
<div class="info">[email protected]</div>
<strong>Name</strong>
<div class="info">Shunsuke Saiki(@saiki;in slack)</div>
</div>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
</body>
</html>