-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (107 loc) · 5.12 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="../images/favicon.ico">
<meta name="viewport" content="width=device-width" , initial-scale=1.0>
<title>划区块测试</title>
<link rel="stylesheet" type="text/css" href="../css/div.css">
<script src="/js/check.js"></script>
</head>
<body>
<header>
<h1>My Website</h1>
</header>
<nav>
<ul class="head">
<li class="menu">
<a title="首页" href="/">
<span class="nav-title">首页</span>
<span class="nav-subtitle"> </span>
</a>
</li>
<li>
<a title="小甲鱼" href="https://www.bilibili.com/video/av21786264" target="_blank">
<span class="nav-title">零基础入门学习Web</span>
<span class="nav-subtitle">HTML5+CSS3</span>
</a>
</li>
<li>
<a title="小甲鱼" href="/" target="_blank">
<span class="nav-title">零基础入门学习Web</span>
<span class="nav-subtitle">javascript</span>
</a>
</li>
<li>
<a title="小甲鱼" href="" target="_blank">
<span class="nav-title">零基础入门学习Web</span>
<span class="nav-subtitle">PHP</span>
</a>
</li>
<li>
<div class="login">
<form action="" method="GET">
<input type="text" placeholder="用户名" id="name">
<input type="password" placeholder="密码" id="pass">
<button onclick="check()">登录</button>
</form>
</div>
</li>
</ul>
</nav>
<div class="content">
<aside>
<ul class="aside">
<li><a title="B站" href="https://www.bilibili.com" target="_blank">点开看!里面有好东西!</a></li>
<br>
<li><a title="晓美焰" href="/html/return.html">回返实验</a></li>
<br>
<li><a title="视频" href="/html/video.html">视频实验</a></li>
<br>
<li><a title="软件资源" href="/资源">软件资源</a></li>
<br>
<li><a href="/html/video.html">传送门3 视频实验</a></li>
<br>
<li><a title="别点" href="/html/login.html">工口图片</a></li>
<br>
<li title="回到顶部">
<span>
<i></i>
<img src="../images/favicon.ico" alt="rocket">
</span>
<a href="#top">顶部</a>
</li>
</ul>
</aside>
<main>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque, laborum, facere facilis tenetur molestias deserunt magni nesciunt vitae repellat dolore ipsum! Tempore animi, quasi nemo ipsa adipisci neque est minima. </p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolores est, dolore dolorem totam at maxime nemo doloribus reiciendis quas ut eum. Alias harum veritatis autem, recusandae adipisci repudiandae beatae in!Fugiat nemo officiis inventore expedita in? Fugit asperiores laudantium culpa consectetur adipisci! Odit non beatae harum quidem amet rem optio culpa hic. Placeat architecto veniam nulla dolorem, vero voluptate? Doloribus?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae, vitae. Praesentium sit distinctio soluta sapiente facere corrupti saepe corporis aliquam, quia, nisi et ipsa non quidem dignissimos necessitatibus totam deleniti?
Aut, sit dicta ab error repellat odio inventore maxime eaque quaerat harum culpa suscipit recusandae dignissimos officiis voluptatibus libero cupiditate beatae sunt at officia numquam reprehenderit. Est, voluptates sunt. Optio!
Quam quod molestias cupiditate aliquid minima esse minus laboriosam nulla iure labore sequi, non animi asperiores ipsum quis, dicta sint repellat impedit ratione dolores mollitia. Explicabo nemo nulla sequi dolore.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius eaque suscipit facilis rerum exercitationem! Ipsam dicta laudantium possimus eligendi commodi aliquid perferendis fuga ut vel, porro aperiam nobis ipsum obcaecati.
Praesentium illo pariatur autem, consectetur quas maiores necessitatibus possimus voluptatum dolores, nemo sapiente expedita. Odio accusamus quo modi provident at corrupti aliquid, iste voluptatem beatae iure maxime non quod aliquam.
Veritatis quam sapiente eaque cum officiis corporis culpa esse tempora deserunt totam, vero, accusantium nemo similique quia distinctio non, incidunt ipsum est at ex? Commodi, debitis. Mollitia minima enim iusto!
Quasi ullam delectus sapiente eum error dolores, cum earum, praesentium maxime sed pariatur beatae. Eaque fugit dicta doloribus, autem quisquam excepturi eveniet iusto quo quis vel quas voluptas nemo earum?
Ducimus explicabo, at culpa dicta enim voluptates, expedita qui cupiditate pariatur dignissimos doloribus blanditiis, quos adipisci! Delectus maiores distinctio ut sequi cum ullam, dolore a, dicta temporibus suscipit dolorem provident?</p>
<details>
<summary>123</summary>
<p>
afjdksaofdjsa djksalfjdksaafjdksa fedaj fkdsa jfds fdksa fjdska fdafhdjsa<br>fdsa fhdsafhdjsa fdsa fhdjsa
fhdsadsahreqjkhfudsa req grua ghfdjkal
</p>
<p>123</p>
</details>
</main>
</div>
<footer>
<div id="datetime">
<script>
setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
</script>
</div>
<p>Copyright ©2020 Qing Wei.</p>
</footer>
</body>
</html>