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
67 lines (61 loc) · 4.6 KB
/
index.html
File metadata and controls
67 lines (61 loc) · 4.6 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
<!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 -->
<H1 class="head">A blog about myself</H1>
<p class="blog">This blog is about myself and who I am</p>
<article>
<h1>Article 1</h1>
<P class="para"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum sint et voluptatum! Corporis repellendus cum, ipsum repellat, cumque sequi, iste possimus esse temporibus vitae atque. Saepe dolorem aliquam animi itaque.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam accusantium explicabo perferendis quisquam quia, corporis enim perspiciatis dolor mollitia quaerat error eveniet inventore debitis magni veritatis. Autem ut iure nobis.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eius, quidem! Quae vero, eligendi rerum accusamus repellendus recusandae dolorem commodi temporibus eveniet accusantium! Tempora assumenda ipsam culpa consequuntur quisquam repudiandae error.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Magni cupiditate nam dolorem expedita a vel odio nesciunt, voluptas reiciendis deleniti fugiat aut libero iure doloribus veritatis, quibusdam, mollitia possimus fuga!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque rerum voluptates hic omnis cupiditate, molestias voluptas animi voluptatibus labore officiis! Nesciunt non quis similique minus tenetur qui modi consequatur dolores!
<a href="https://www.w3schools.com/">W3schools</a>
</P>
</article><br>
<article>
<h1>Article 2</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia aut voluptatem facilis eaque, modi sed ducimus est quia, earum officiis tempore tenetur autem natus dignissimos necessitatibus hic. Eum, corporis illum?
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi a voluptatem labore corporis? Consectetur ducimus facilis sint! Vel pariatur odio, perferendis dolores laboriosam enim fugiat minima vitae, nostrum amet tenetur.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis ad, asperiores aperiam repellendus nisi iste optio modi perferendis culpa. Perspiciatis id commodi neque officia nihil. Ex ab dolores rem at?
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Provident maiores qui ducimus consectetur? Beatae quasi nihil quis laboriosam dolor explicabo cupiditate. A optio fugit alias et nam laudantium sed ducimus!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio quisquam facilis eos accusamus, dignissimos neque minima similique nihil praesentium unde asperiores quae quibusdam cumque ipsa? Error eveniet repellat ea facilis!
<a href="https://www.freecodecamp.org/">Freecodecamp</a>
</p>
</article><br>
<article>
<h1>Article 3</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reiciendis mollitia cupiditate libero distinctio sint, autem dignissimos inventore eos consectetur temporibus saepe eum laboriosam expedita, doloribus ullam error? Aspernatur, officiis neque.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique repudiandae eius animi atque suscipit maxime vel quo beatae itaque earum, eaque officia, optio, eos nisi eveniet culpa ipsa voluptatem eligendi.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio, alias. Commodi fugiat error accusamus ex ducimus illum consectetur fuga quis, iste cupiditate sint quibusdam exercitationem? Itaque cum minus doloribus et.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit, repellat recusandae quos sunt iusto minima, maxime suscipit ad obcaecati dicta ullam commodi incidunt laborum numquam a! Soluta iusto voluptatem necessitatibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In alias nobis, magni quos officiis dolore tenetur quo unde natus nisi. Culpa labore expedita possimus incidunt reprehenderit dolore. Mollitia, laboriosam dignissimos.
<a href="https://codepen.io/">Codepen</a>
</p>
</article><br>
<footer>
<a href="about">About</a>
<a href="contact us">Contact us</a>
<a href="address">Address</a>
</footer>
</body>
</html>