forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
58 lines (56 loc) · 2.24 KB
/
index.html
File metadata and controls
58 lines (56 loc) · 2.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header>
<h1>Web3 News Blog.</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora repellendus vero facilis iure maiores modi at dolor inventore.</p>
</header>
<main>
<article>
<h2>
Lorem ipsum dolor sit amet consectetur adipisicing
</h2>
<img src="https://picsum.photos/id/100/400/200" alt="picsum">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt quos, odio vel repudiandae neque magni a in. Odit, ex?</p>
<a href="">Read More</a>
</article>
<article>
<h2>
Lorem ipsum dolor sit amet consectetur.
</h2>
<img src="https://picsum.photos/id/400/400/200" alt="picsum">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Rerum in, necessitatibus labore totam facere, consequuntur natus inventore quaerat molestias laborum distinctio esse provident quia alias, tempore maiores incidunt temporibus obcaecati non eaque dicta voluptatem. Consectetur possimus provident molestias, quis aperiam obcaecati voluptatum in officiis voluptatem.</p>
<a href="">Read More</a>
</article>
<article>
<h2>
Lorem ipsum dolor sit amet consectetur.
</h2>
<img src="https://picsum.photos/id/800/400/200" alt="picsum">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nostrum aperiam corrupti minima.</p>
<a href="">Read More</a>
</article>
</main>
<footer>
<hr>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Modi minima reiciendis quidem.
</footer>
</body>
</html>