-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (95 loc) · 5.55 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
<!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">
<title>Awesome page!!</title>
</head>
<body>
<div class="page">
<div class="header">
<h1 class="logo">My awesome page!</h1>
<ul class="headerLinks">
<li><a href="https://pixabay.com/images/search/cat/">Cats</a></li>
<li><a href="https://codeberg.org"">Codeberg</a></li>
<li><a href=" https://www.youtube.com/watch?v=dQw4w9WgXcQ">RickRoll</a></li>
</ul>
</div>
<div class="description">
<div class="descriptionLeftContainer">
<h2 class="descriptionHeader">This text is useless!</h2>
<p class="descriptionText">Seriously, I'm not even going to try entertaining you with funny text
anymore.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
Ac turpis egestas maecenas pharetra convallis posuere morbi leo.
</p>
<button class="descriptionButton">Clicky</button>
</div>
<img src="./images/description.jpg" alt="The Milky Way" class="descriptionImage">
</div>
<div class="gallery">
<h2 class="galleryHeader">I'm drinking tea right now.</h2>
<div class="galleryContainer">
<div class="card">
<img src="./images/cardImage.jpg" alt="A starry night" class="galleryImage">
<p class="cardText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget sapien
elit. Duis molestie sapien est,
eu finibus ex imperdiet sit amet. Donec placerat, libero eu vestibulum ultricies, neque
nulla eleifend mi, a aliquet nulla justo sed sapien.
Etiam lacinia odio libero, vitae tincidunt odio consectetur a.</p>
</div>
<div class="card">
<img src="./images/cardImage.jpg" alt="A starry night" class="galleryImage">
<p class="cardText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget sapien
elit. Duis molestie sapien est,
eu finibus ex imperdiet sit amet. Donec placerat, libero eu vestibulum ultricies, neque
nulla eleifend mi, a aliquet nulla justo sed sapien.
Etiam lacinia odio libero, vitae tincidunt odio consectetur a.</p>
</div>
<div class="card">
<img src="./images/cardImage.jpg" alt="A starry night" class="galleryImage">
<p class="cardText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget sapien
elit. Duis molestie sapien est,
eu finibus ex imperdiet sit amet. Donec placerat, libero eu vestibulum ultricies, neque
nulla eleifend mi, a aliquet nulla justo sed sapien.
Etiam lacinia odio libero, vitae tincidunt odio consectetur a.</p>
</div>
<div class="card">
<img src="./images/cardImage.jpg" alt="A starry night" class="galleryImage">
<p class="cardText">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget sapien
elit. Duis molestie sapien est,
eu finibus ex imperdiet sit amet. Donec placerat, libero eu vestibulum ultricies, neque
nulla eleifend mi, a aliquet nulla justo sed sapien.
Etiam lacinia odio libero, vitae tincidunt odio consectetur a.</p>
</div>
</div>
</div>
<div class="quote">
<p class="quoteText">The problem with quotes on the Internet is that people believe them.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.
Mauris pharetra et ultrices neque ornare aenean euismod elementum. Sed vehicula tristique lorem.
Duis rutrum dolor justo, placerat volutpat magna
facilisis sit amet. Nunc blandit, orci a sodales dignissim, arcu tellus accumsan massa, eget congue
turpis diam facilisis massa.
</p>
<h6 class="quoteAuthor">Franklin D. Roosvelt</h3>
</div>
<div class="signUp">
<div class="signUpContainer">
<div class="signUpTextContainer">
<h3 class="signUpHeader">Please click that button</h3>
<p class="signUpText">I'm on my knees, please do it! I even made it look cool</p>
</div>
<button class="signUpButton">qwerty</button>
</div>
</div>
<div class="footer">
<p>Pasteleft (c) Lorem ipsum</p>
</div>
</div>
</body>
</html>