-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (68 loc) · 2.71 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
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>渡鸦Bazinga!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<button class="menu">☰</button>
<h1>暗自窃喜 </h1>
<nav>
<ul>
<li><a href="#">今天在干嘛</a></li>
<li><a href="#">本周行程</a></li>
<li><a href="#">一些纪念的瞬间</a></li>
<li><a href="#">来找我玩</a></li>
</ul>
</nav>
</header>
<main>
<section class="thanks">
<h2>这是一个在互联网小角落的网站</h2>
<p><strong>在这里我将和你分享我的悲喜,<br>并由衷感谢您的到来</strong></p>
<p><a href="#">来找我玩</a></p>
</section>
<section class="slogan">
<blockquote>" 念念不忘，必有回响 "</blockquote>
</section>
<section class="new">
<img src="images/铃铛欢欢.jpg" alt="校园明星欢欢姐">
<div class="word">
<h2>校园明星欢欢姐！因为被人掳走过所以戴上了定位铃铛</h2>
<p>oh多么忧郁的小眼神</p>
</div>
</section>
<section class="diary">
<div>
<img src="images/生蚝自助.jpg" alt="南村万博自助">
<h3>南村万博的生蚝自助</h3>
<p>这里的生蚝非常大，但反而烤出来没那么好吃了。但这里有烤肉，并且他的安格斯雪花肥牛卷简直无敌！</p>
</div>
<div>
<img src="images/开心果巴斯克.jpg" alt="一个人的好噎蛋糕">
<h3>第一次一个人吃的开心果巴斯克蛋糕</h3>
<p>看着非常可爱的小蛋糕，但吃起来好噎啊！只吃一点点是最好吃的，吃到后来有点像在吃莲蓉月饼。</p>
</div>
<div>
<img src="images/农夫厨房.jpg" alt="和饭搭子的又一次探险">
<h3>在农夫厨房的一次探险</h3>
<p>似乎对他期望值太高了，许多看起来不错的菜品实际吃起来并没有那么美味。唯一剩下的评价就是健康了（ps：尝过后感觉不会去第二次了）</p>
</div>
</section>
<section class="newsletter">
<p>欢迎订阅我的生活，可不定期收到节日邮件哦！</p>
<form>
<input type="eamil" placeholder="请输入您的邮箱地址" required>
<button type="submit">订阅！</button>
</form>
</section>
</main>
<footer>
<p>MyEmail: [email protected] 渡鸦Bazinga!</p>
</footer>
</body>
</html>