-
Notifications
You must be signed in to change notification settings - Fork 0
/
semantic-tags.html
88 lines (72 loc) · 3.29 KB
/
semantic-tags.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
<!DOCTYPE html>
<html>
<head>
<title>My Blog</title>
<meta name="description" content="Awesome blog by Victor"> <!--blog description-->
<meta name="keywords" content="web design blog, web dev blog, victor cruceanu"> <!--seo keywords-->
<!--CSS styling for header with <style>...</style>-->
<style type="text/css">
#main-header{
text-align:center;
background-color:black;
color:white;
padding:10px;
}
#main-footer{
text-align:center;
font-size:18px;
}
</style>
</head>
<body>
<header id="main-header">
<h1>My Website</h1>
</header>
<a href="index.html">Go to index</a>
<hr>
<br>
<section>
<article class="post">
<h3>Blog Post 1</h3>
<small>Posted by Victor, 2019</small>
<p>In the name of his murdered parents, Bruce Wayne wages eternal war on the criminals of Gotham City. He is vengeance. He is the night. He is Batman.</p>
<a href="post1.html">Read More...</a>
</article>
<br>
<hr>
<article class="post">
<h3>Blog Post 2</h3>
<small>Posted by Victor, 2019</small>
<p>One of the most iconic fictional characters in the world, Batman has dedicated his life to an endless crusade, a war on all criminals in the name of his murdered parents, who were taken from him when he was just a child. Since that tragic night, he has trained his body and mind to near physical perfection to be a self-made Super Hero. He's developed an arsenal of technology that would put most armies to shame. And he's assembled teams of his fellow DC Super Heroes, like the Justice League, the Outsiders and Batman, Incorporated.</p>
<a href="post2.html">Read More...</a>
</article>
<br>
<hr>
<article class="post">
<h3>Blog Post 3</h3>
<small>Posted by Victor, 2019</small>
<p>A playboy billionaire by day, Bruce Wayne’s double life affords him the comfort of a life without financial worry, a loyal butler-turned-guardian and the perfect base of operations in the ancient network of caves beneath his family’s sprawling estate. By night, however, he sheds all pretense, dons his iconic scalloped cape and pointed cowl and takes to the shadowy streets, skies and rooftops of Gotham City.</p>
<a href="post3.html">Read More...</a>
</article>
<br>
<hr>
</section>
<!--Sidebar with <aside>...</aside>-->
<aside>
<h3>Categories</h3>
<nav>
<ul>
<li><a href="#">Category 1</a></li>
<li><a href="#">Category 2</a></li>
<li><a href="#">Category 3</a></li>
<li><a href="#">Category 4</a></li>
</ul>
</nav>
</aside>
<br>
<hr>
<footer id="main-footer">
<p>Copyright © 2019, My Website</p>
</footer>
</body>
</html>