This repository was archived by the owner on Dec 12, 2023. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathblog.html
More file actions
87 lines (63 loc) · 1.85 KB
/
blog.html
File metadata and controls
87 lines (63 loc) · 1.85 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<meta name="description" content="Awsome blog by me">
<meta name="keywords" content="web design blog , web dev blog , amine hammou"> <!-- meta content helps the google database to find your site-->
<style type="text/css">
#main-header{
text-align: center;
background-color:black;
color:white; /* text color*/
padding:10px;
}
#main-footer{
text-align:center;
font-size:20px;
}
</style>
</head>
<body>
<header id="main-header">
<h1>My Website</h1>
</header>
<a href="text.html">Go to index</a>
<section>
<article class="post">
<h3>Blog post One</h3>
<small>Posted by Amine on July 17</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut </p>
<img src="../../../images/thumb-1.jpg" alt="a simple way to understand" width="auto">
</article>
<article class="post">
<h3>Blog post three</h3>
<small>Posted by Amine on July 17</small>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p>
<a href="text.html" target="_blank"></a>
</article>
<article class="post">
<h3>Blog post two</h3>
<small>Posted by Amine on July 17</small>
<p>cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="text.html" target="_blank"></a>
</article>
</section>
<aside>
<h3>Categories</h3>
<nav>
<ul>
<li><a href="#">Categorie 1</a></li>
<li><a href="#">Categorie 2</a></li>
<li><a href="#">Categorie 3</a></li>
</ul>
</nav>
</aside>
<footer id="main-footer">
<p>copyright © 2017 , my website</p>
</footer>
</body>
</html>