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
115 lines (107 loc) · 5.29 KB
/
index.html
File metadata and controls
115 lines (107 loc) · 5.29 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!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" />
<link rel="stylesheet" href="" />
<link
href="https://fonts.googleapis.com/css2?family=Rubik+Moonrocks&display=swap"
rel="stylesheet" />
<script src="https://kit.fontawesome.com/a6d80728cd.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<a href="">Chidimma</a>
<list>
<ul><a href="">Blogs</a></ul>
<ul><a href="">Newsletters</a></ul>
<ul><a href="">Videos</a></ul>
<ul><a href="">Podcasts</a></ul>
<ul><a href="">Resources</a></ul>
</list>
</nav>
<h1>
How to Create Social Media Buttons for All the top Social Media
Networks
</h1>
<p>Written by Chidimma Ofodum</p>
</header>
<main>
<article class="first_article">
<h2>Introduction</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum,
placeat distinctio unde a enim dolorem aut fugiat dolore laborum
debitis iure velit natus saepe molestiae? Ducimus veritatis laborum,
sed obcaecati esse temporibus facere blanditiis quo nam repellendus
sequi, libero voluptatum ab maxime dolor totam ut aliquam, quasi
aperiam cupiditate sint eligendi. Corrupti iusto, molestiae, inventore
ipsum fugit odio consequatur et voluptate at vel reprehenderit tempore
officia quidem harum sunt tenetur unde temporibus. Earum commodi hic
velit mollitia ut sapiente, iste eos ad autem nam voluptates pariatur
id. Quae doloremque at mollitia molestias corporis officia et enim
commodi? At deleniti accusamus modi quia itaque voluptas, aspernatur,
deserunt officia impedit facilis libero nisi quis fugiat ullam
explicabo fuga similique perspiciatis iste beatae odit dolore eaque.
Molestias dolorem a doloremque ipsa nesciunt suscipit facilis eligendi
amet aliquam tempore consequatur, est modi assumenda veniam excepturi
fuga perferendis id, neque temporibus numquam illo?
</p>
<img src="https://images.pexels.com/photos/840996/pexels-photo-840996.jpeg" alt="man with a laptop" />
</article>
<article class="second_article">
<h2>
The Ultimate Cheat Sheet for Creating Social Media Sharing Buttons
</h2>
<img src="https://images.pexels.com/photos/57690/pexels-photo-57690.jpeg" alt="man with a laptop aerial view" />
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Itaque
officia dolore voluptate, voluptates odio maxime nobis ducimus
exercitationem ut quia sequi quis quaerat beatae obcaecati impedit
saepe molestiae numquam ipsa aliquam neque ratione inventore
dignissimos ea earum! Accusantium vel animi ullam? Esse, doloribus
sed. Tempora, sapiente labore quo, laboriosam ex, rem incidunt iure
amet facilis molestias sunt minima veritatis ullam? Similique,
voluptate molestiae sapiente consequatur adipisci perferendis ad
voluptatum sit quia. Autem provident enim accusamus sit, reiciendis
eaque aut voluptas commodi voluptate. Accusamus dolores tempore quas
natus, totam eaque sed, quo, magni soluta quis odit! Eum vitae
voluptatibus, unde odit facilis reprehenderit, aliquid alias molestias
eveniet fugit eos consequatur recusandae dolorem mollitia quos
obcaecati quae animi cum saepe ea, distinctio fuga. Odio fuga quisquam
amet asperiores consectetur, dolorem fugit! Laborum, facilis eum. Esse
assumenda aperiam veritatis, ratione minima officia tenetur magnam eum
laudantium odit ullam suscipit nostrum sapiente minus quo sint
deserunt dicta vitae. Suscipit dolor, repellendus accusamus eligendi
eos facere voluptas ducimus et. Vel aut quas quae ex numquam corporis,
velit tempore nobis excepturi earum sint accusantium esse hic animi at
atque distinctio nostrum amet, repellendus aliquam vero doloremque
dolorem magni. Asperiores reprehenderit eveniet inventore, unde,
nesciunt, nemo id eius sit voluptas ad qui esse placeat a. Harum esse
ea pariatur omnis praesentium ratione quam tempora dolore expedita
maiores labore in fuga fugiat, autem error voluptatibus aliquam dolor
architecto similique vel hic nihil earum sit sunt! Cupiditate,
suscipit maxime. Quasi ipsum consectetur temporibus distinctio culpa
ut dolorem amet nihil.
</p>
</article>
</main>
<footer>
<p>Code Your Future</p>
<p> <span><i class="fa-regular fa-copyright"></i></span> Copyright 2021 Chidimma, Inc</p>
</footer>
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>