-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
105 lines (93 loc) · 8.26 KB
/
index.html
File metadata and controls
105 lines (93 loc) · 8.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CodeJam-Dom</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<div class="notification close">
<div class="wrapper">
<article class="text"></article>
<i class="fas fa-times"></i>
<div class="control">
<div class="checkbox-wrapper">
<input type="checkbox" id="checkbox">
<label for="checkbox">Never show again</label>
</div>
<nav>
<i class="fas fa-caret-left"></i>
<div class="radio-wrapper"></div>
<i class="fas fa-caret-right"></i>
</nav>
</div>
</div>
</div>
<section class="content">
<h1>Lorem Ipsum</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis blandit enim, id bibendum arcu. Maecenas molestie cursus
nibh, non interdum velit venenatis quis. Suspendisse sit amet euismod ante, in rhoncus mauris. Sed at dolor ante. Integer
non mauris non tortor scelerisque pellentesque. Phasellus suscipit mauris diam, bibendum sollicitudin quam dapibus volutpat.
Curabitur consectetur rhoncus fringilla. Sed vel tincidunt dui, sit amet venenatis est. Proin dignissim viverra orci,
at malesuada velit varius nec. Vestibulum in ex mi.
Aliquam pellentesque, justo eu lacinia auctor, tortor neque egestas nibh, sit amet tristique risus erat eget nibh.
Sed ac libero tempor, porttitor libero posuere, vestibulum quam. Maecenas nec aliquam felis, vitae consequat lacus.
Pellentesque porttitor vitae nisi vel tincidunt. Cras laoreet iaculis odio quis porttitor. Morbi lacinia erat nibh, et
tincidunt ex lacinia a. Duis hendrerit, velit ut sodales eleifend, felis turpis fermentum leo, eget consectetur elit lacus
nec lacus. Donec tempus quis nulla in vehicula. Vestibulum sed tortor mauris. Maecenas id viverra ligula. Proin rutrum
libero ut quam ultricies volutpat. Vivamus leo dui, viverra a aliquet vel, mattis et leo. Suspendisse potenti.
Proin ut ligula tincidunt lorem ullamcorper pretium. Nam justo nisi, lobortis eget tellus nec, rutrum dapibus nulla.
Fusce ac ante vitae tortor finibus rutrum vitae ac massa. Suspendisse non lobortis libero, eu porta nulla. Aenean
ullamcorper metus sed nulla tincidunt euismod. In et euismod neque. Nam semper ante eget augue dictum viverra. Sed eu
accumsan nisl. Pellentesque viverra, nunc vel tincidunt facilisis, lectus enim pulvinar felis, sit amet tincidunt libero
eros nec justo. Nam neque augue, iaculis id tristique quis, interdum at orci. Donec ante lacus, lacinia in mauris quis,
tincidunt fermentum risus. Ut vel ligula nec tellus iaculis euismod sed vitae tellus. Cras a mollis nibh, nec rutrum lacus.
Donec consectetur convallis quam, a semper lacus malesuada convallis. Mauris ex sem, ullamcorper at feugiat in, congue ac
elit. Fusce feugiat congue lectus non pretium.
Mauris vitae odio id nunc interdum mollis viverra vel nibh. Praesent ac diam egestas, tristique lorem nec, consequat elit.
Sed ut congue ligula. Nam pretium urna vel libero placerat dignissim. Morbi sapien lorem, fermentum non justo eget, ultrices
dictum nulla. Pellentesque ut nisi sit amet enim ullamcorper malesuada. Sed vitae augue est. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae;
Etiam tincidunt a metus ut ultrices. Nunc nisi neque, viverra ut convallis in, malesuada fermentum massa. Quisque porttitor
libero sed nisl gravida, sed hendrerit massa tristique. Maecenas feugiat est quis enim hendrerit dictum. Proin eu lacus sit
amet felis scelerisque commodo quis sit amet tellus. Maecenas dignissim molestie mauris, quis posuere urna commodo a. Proin
sagittis elit eget lacus congue, eu volutpat massa porttitor. Ut eleifend tristique mi a tempor. Aliquam dolor lorem, auctor
sit amet tempus id, vestibulum id leo. Cras luctus ex sed feugiat pretium. Maecenas finibus lectus et eros efficitur luctus.
In hac habitasse platea dictumst. Proin tempor enim vel condimentum auctor. Cras accumsan pellentesque cursus. Phasellus neque
lorem, placerat ac lorem ut, fermentum facilisis ligula. Sed vitae rhoncus leo, in sollicitudin erat. Cras aliquet blandit
porttitor. Aenean nec dictum neque. Sed risus purus, rhoncus eget enim nec, faucibus ullamcorper odio. Aenean ligula odio,
rutrum at sem ut, posuere facilisis massa. Nulla sit amet libero arcu. Phasellus sit amet cursus elit.
Pellentesque ac risus sollicitudin, tempus augue sit amet, vehicula arcu. Suspendisse id ligula pellentesque, bibendum mauris
et, sodales arcu. Vivamus interdum luctus ligula, id fringilla ipsum molestie ac. Quisque nec neque sed enim aliquam tempus
vel et justo. Sed ornare erat nec lorem eleifend scelerisque. Praesent ornare massa vitae urna laoreet vulputate. Nam non
orci lectus. Nam sed risus ut erat sollicitudin auctor eget lacinia turpis. Interdum et malesuada fames ac ante ipsum primis
in faucibus. Vestibulum diam urna, dignissim sed eros vel, tincidunt rutrum sem. Nunc tempus dolor non tellus mattis interdum. Sed pulvinar, elit nec aliquam accumsan, lectus libero fermentum sem, aliquet congue augue eros in ligula. Pellentesque molestie mauris a felis volutpat ultricies.
Donec nec urna non sapien pulvinar accumsan et non lectus. Maecenas malesuada lobortis nulla, in pulvinar tortor sodales sit amet.
Aliquam non placerat nisi. Nunc tempus nibh id sem ullamcorper pharetra. Morbi feugiat enim ex, eget cursus arcu euismod at. Donec
magna diam, blandit a fermentum nec, pretium eu ex. Vestibulum sodales, ipsum quis tempor fermentum, est purus imperdiet ligula,
nec tristique ipsum ipsum eget sem. Maecenas hendrerit elit lectus, sed consectetur leo placerat nec.
In laoreet vestibulum gravida. Maecenas egestas diam quis mauris vehicula, sit amet pretium orci luctus. Aliquam nec fringilla
nunc. Vivamus nec suscipit ipsum. Cras vel turpis sit amet dolor convallis lobortis. Quisque lorem tellus, feugiat nec auctor id,
eleifend ut ligula. Nulla mattis volutpat felis nec suscipit. Vivamus iaculis tempor consectetur. Vivamus et faucibus nulla,
viverra mollis tellus. Mauris congue commodo augue, at tincidunt ipsum. Nam quis tellus nec odio facilisis luctus vel at tellus.
Donec quis leo vitae elit rhoncus tempor. Aliquam vitae quam vel ante ullamcorper volutpat molestie non lectus. Integer leo dolor,
ultrices vel enim et, pulvinar dictum enim. Vivamus ut pulvinar nulla. Donec eleifend tempus ligula, nec sodales risus
lacinia eget. Curabitur blandit mauris eu posuere viverra. Suspendisse potenti.
Maecenas finibus sed lectus at pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Nulla facilisi. Duis blandit porta lacus, sit amet pellentesque neque tristique sodales. Phasellus sagittis sem ac tortor
tristique, vel viverra eros consectetur. Curabitur venenatis neque ac mauris lobortis, nec eleifend nulla varius. Proin
egestas massa a vehicula ultrices. Phasellus efficitur id sem faucibus varius.
Etiam id ligula tempus, maximus lacus et, vulputate lectus. Nam a tristique nulla. Quisque sit amet orci metus. Vestibulum
aliquam erat in augue pharetra, non dignissim sem feugiat. Nunc lectus nisi, cursus quis magna nec, rutrum iaculis felis.
Vestibulum consequat quis risus quis eleifend. Maecenas viverra eros volutpat turpis feugiat, sit amet sollicitudin nulla
dictum. Donec iaculis molestie est non consequat. Ut elementum sapien in venenatis tempus. Maecenas quis suscipit lacus.
Mauris viverra laoreet quam quis euismod. Duis ultricies urna efficitur velit euismod efficitur.
</p>
</section>
<script src="assets/js/script.js"></script>
</body>
</html>