-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
52 lines (49 loc) · 2.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Hello HTML - Index</title>
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<header>
<h1>Hello HTML</h1>
Logged as admin <div class="admin-actions"><button class="red">Logout</button></div>
There are 100 posts <div class="admin-actions"><button>Add new</button></div>
</header>
<main>
<a href="#">
<article>
<img src="img.jpg">
<div>
<h2>Vivamus euismod a tellus eget interdum. Aenean ac.</h2>
<p>Aliquam vulputate mi in vulputate aliquam. Mauris ultrices vel felis eget tempus. Morbi a est at lacus malesuada ultrices ac quis turpis. Curabitur ante metus, malesuada eget neque eu, ornare suscipit ligula. Aliquam suscipit cursus eros, ut tincidunt nulla laoreet a. Donec aliquam urna vel pellentesque sodales.</p>
</div>
</article>
</a>
<a href="#">
<article>
<img src="img.jpg">
<div>
<h2>Vivamus euismod a tellus eget interdum. Aenean ac.</h2>
<p>Aliquam vulputate mi in vulputate aliquam. Mauris ultrices vel felis eget tempus. Morbi a est at lacus malesuada ultrices ac quis turpis. Curabitur ante metus, malesuada eget neque eu, ornare suscipit ligula. Aliquam suscipit cursus eros, ut tincidunt nulla laoreet a. Donec aliquam urna vel pellentesque sodales.</p>
</div>
</article>
</a>
<a href="#">
<article>
<img src="img.jpg">
<div>
<h2>Vivamus euismod a tellus eget interdum. Aenean ac.</h2>
<p>Aliquam vulputate mi in vulputate aliquam. Mauris ultrices vel felis eget tempus. Morbi a est at lacus malesuada ultrices ac quis turpis. Curabitur ante metus, malesuada eget neque eu, ornare suscipit ligula. Aliquam suscipit cursus eros, ut tincidunt nulla laoreet a. Donec aliquam urna vel pellentesque sodales.</p>
</div>
</article>
</a>
</main>
<footer>
<button>Next Page</button>
</footer>
</body>
</html>