-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (60 loc) · 2.24 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>自己紹介HP</title>
<link rel="stylesheet" href="./setting.css">
<link rel="stylesheet" href="./index.css">
<link rel="stylesheet" href="./module/index-box.css">
<link rel="stylesheet" href="./module/content-box.css">
<link rel="stylesheet" href="./module/footer.css">
</head>
<body>
<!-- - - - - - - - - - - top-head- - - - - - - - - - - -->
<div class="top-border"></div>
<div class="header">
<h1>さいきです</h1>
</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 active">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">What I Like</a></li>
</ul>
</nav>
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - - -main-content- - - - - - - - - - -->
<div class="main-content">
<div class="content-box box-left">
<p>History</p>
<a href="history.html" alt="history"><img src="img/history.png"></a>
<div class="inside-content">
人生の年表はこちら↑
</div>
</div>
<div class="content-box box-right">
<p>What I Like</p>
<a href="like.html"><img src="img/like.jpg" alt="like"></a>
<div class="inside-content">
好きなものについてはこちら↑
</div>
</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>