-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
116 lines (116 loc) · 6.02 KB
/
index.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
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
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<title>Setup SASS</title>
</head>
<body>
<header>
<div class="page-info">
<div class="title-container">
<h1>Lorem ipsum dolor sit amet</h1>
<h2>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem esse
voluptatem impedit, sit illo, itaque pariatur voluptatibus eligendi ex
doloremque quod nobis minus necessitatibus similique dolores, at
iusto. Molestiae, eligendi?
</h2>
</div>
<div class="author-container">
<img src="https://robohash.org/the_author.png" alt="author pic" />
<div class="name-time">
<h3>The Author</h3>
<time datetime="2021-03-28">2021-03-28</time>
</div>
<div class="tag">
<a href="#">Coding</a>
</div>
</div>
</div>
</header>
<main>
<article>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
convallis vestibulum libero at dapibus. Phasellus leo quam, elementum
a arcu at, tempor ullamcorper purus. Aliquam bibendum diam vel nibh
hendrerit, cursus placerat tortor varius. Suspendisse finibus aliquet
luctus. Maecenas sagittis suscipit libero, at fringilla augue
facilisis et. Fusce mauris enim, sagittis vel dui iaculis, consequat
ornare quam. Nunc pellentesque semper feugiat. Proin vitae hendrerit
justo. Fusce sit amet facilisis urna. Maecenas accumsan nisi et
venenatis vehicula. Cras ullamcorper ante lorem, non bibendum erat
semper id. Quisque interdum turpis eu erat aliquam, vel fermentum
ipsum finibus. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Phasellus a rutrum erat. Duis pretium
condimentum tellus eget semper. In id egestas arcu, eu faucibus
sapien.
</p>
<p>
Pellentesque semper ultricies ex, nec pellentesque diam facilisis non.
Etiam sed libero quis ex laoreet vehicula. Mauris commodo vel neque ac
imperdiet. Nullam pulvinar placerat ligula, non rhoncus libero
hendrerit non. Nam hendrerit lobortis leo, ut hendrerit nisl luctus
sit amet. Cras nunc urna, venenatis eget a, tristique efficitur erat.
Mauris at magna cursus, eleifend nunc in, faucibus ex. Cras lorem
nunc, condimentum sagittis elit faucibus, scelerisque dictum lorem.
Phasellus congue feugiat metus, a posuere arcu rutrum vel. Quisque
cursus commodo lobortis. Vivamus ornare lectus a dui feugiat, a
bibendum lectus dignissim.
</p>
<p>
Aliquam id interdum odio, ut consequat libero. Duis euismod congue
suscipit. Duis vel hendrerit leo. Nulla nisl erat, fringilla quis
lorem sit amet, convallis dapibus leo. Duis sed ipsum tempus, lobortis
leo in, efficitur leo. Suspendisse potenti. Sed luctus diam eu erat
vulputate pulvinar. Vivamus eget mauris diam. Ut euismod mauris nec
lacus blandit, ac facilisis nibh lobortis. Sed gravida, odio id cursus
pellentesque, erat mi finibus eros, id consequat nisi metus in nulla.
Vivamus est eros, condimentum sed venenatis at, porttitor tempus leo.
Donec ac fermentum odio, at molestie sapien. Ut dictum vehicula elit,
in pulvinar mi consectetur id.
</p>
<p>
Nulla mattis sit amet magna et scelerisque. Praesent dolor lacus,
porttitor in dapibus malesuada, tincidunt et mauris. Aenean
condimentum augue nunc, eget sodales felis commodo ut. Nunc nibh
ipsum, posuere sit amet nisi eu, vestibulum ultricies dolor. Aliquam
ornare ante purus, in vehicula ipsum consequat vitae. Praesent viverra
risus gravida leo venenatis posuere. In elementum, eros convallis
fringilla facilisis, lectus nunc mollis nisi, quis consectetur quam
lacus maximus mi. Aliquam consequat nec neque eget imperdiet. Donec
hendrerit felis at malesuada pharetra. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos himenaeos. Donec
ullamcorper dictum mauris quis dapibus. Quisque sodales volutpat
viverra. Cras vel purus lorem.
</p>
<p>
Pellentesque lobortis odio ex, eu porttitor urna feugiat eget. Vivamus
sed porttitor magna. Aenean sed urna leo. Mauris eu lacus id urna
pulvinar molestie. Sed interdum, nisl et malesuada convallis, turpis
massa blandit quam, non convallis sem massa in dolor. Aenean elementum
libero ac nibh elementum interdum. Aliquam auctor urna id elit varius
porta. Curabitur auctor, nisi tempus molestie accumsan, massa lectus
auctor felis, vitae fringilla leo tellus malesuada dui. Phasellus urna
diam, pulvinar in ante eget, aliquet mollis mi. Vestibulum a lectus in
dolor tincidunt condimentum in interdum ligula. Suspendisse potenti.
</p>
</article>
<div class="share-buttons">
<a href="#" target="_blank" class="button twitter"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank" class="button facebook"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fas fa-rss"></i></a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</main>
<footer>
<div class="footer-content-container">
<p>CopyRight © TheKinng96</p>
</div>
</footer>
</body>
</html>