-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (141 loc) · 3.92 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mr.Yang的个人主页</title>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="CSS/style.css"/>
<link rel="stylesheet" type="text/css" href="CSS/architecture.css"/>
</head>
<div id="title">
<div class="title">
<h1>杨晨昊<br/>
<span class="line"></span><span class="de">DE</span><span class="line"></span><br/>
<span class="small">个人主页</span></h1>
</div>
</div>
<nav>
<ul>
<li><a href="#title">封面</a></li>
<li><a href="#introduction">个人介绍</a></li>
<li><a href="#demo">课程展示</a></li>
<li><a href="#log">日志</a></li>
<li><a href="#message">特别板块</a></li>
</ul>
</nav>
<div id="introduction">
<div class="container">
<div class="header">
<h2>个人介绍</h2>
</div>
<div class="block1">
<div class="photo"></div>
</div>
<div class="block2">
<div class="self_intro">
<h4>杨晨昊的自我介绍</h4>
<p>姓名:杨晨昊</p>
<p>性别:男(如假包换)</p>
<p>出生年月:1994.01</p>
<p>外貌:见左侧图片(不是本人)</p>
<p>既然不是本人你为什么要放这张图片呢?</p>
<p>——因为我太丑了找不到照片啊嘤嘤嘤</p>
<p>爱好:上Web前端这门课(据说这是真的)</p>
<p>邮箱:[email protected]</p>
<p>微信:→_→</p>
</div>
</div>
<div class="block1">
<div class="weixin"></div>
</div>
</div>
</div>
<div id="demo">
<div class="container">
<div class="header">
<h2>课程展示</h2>
</div>
<div class="block">
<div class="block1">
<a href="http://yangchenhao.github.io"><div class="hw1"></div></a>
<p>第一次作业<br />
<span class="text">个人主页设计</span>
</p>
</div>
<div class="block2">
<a href=""><div class="hw2"></div></a>
<p>第二次作业<br />
<span class="text">内容待定</span>
</p>
</div>
<div class="block1">
<a href=""><div class="hw3"></div></a>
<p>第三次作业<br />
<span class="text">内容待定</span>
</p>
</div>
</div>
</div>
</div>
<div id="log">
<div class="container">
<div class="header">
<h2>日志</h2>
</div>
<div class="logblock">
<div class="block1">
<div class="logcatalogue">
<h4>     目录(第壹辑)</h4>
<ul>
<li><div class="logtitle"><a href="log/log1.html">第壹篇日志</a></div></li>
<li><div class="logtitle"><a href="#log2">第贰篇日志</a></div></li>
<li><div class="logtitle"><a href="#log3">第叁篇日志</a></div></li>
<li><div class="logtitle"><a href="#log4">第肆篇日志</a></div></li>
</ul>
</div>
</div>
<div class="block2">
<div class="logcatalogue">
<h4>     目录(第贰辑)</h4>
<ul>
<li><div class="logtitle"><a href="#log5">第伍篇日志</a></div></li>
<li><div class="logtitle"><a href="#log6">第陆篇日志</a></div></li>
<li><div class="logtitle"><a href="#log7">第柒篇日志</a></div></li>
<li><div class="logtitle"><a href="#log8">第捌篇日志</a></div></li>
</ul>
</div>
</div>
<div class="block1">
<div class="logcatalogue">
<h4>     目录(第叁辑)</h4>
<ul>
<li><div class="logtitle"><a href="#log9">第玖篇日志</a></div></li>
<li><div class="logtitle"><a href="#log10">第拾篇日志</a></div></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="message">
<div class="container">
<div class="header">
<h2>特别板块</h2>
</div>
<div class="block">
<div class="block1">
<p>内容待定<br /></p>
</div>
<div class="block2">
<p>内容待定<br /></p>
</div>
<div class="block1">
<p>内容待定<br /></p>
</div>
</div>
</div>
</div>
<footer>
<p>© 2014 All rights reserved</p>
</footer>
</html>