-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (71 loc) · 3.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Landing Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container-one">
<div class="hero-container">
<div class="header">
<img class="logo" src="./images/Noriki.png">
<ul class="links">
<li class="link-text"><a href="#">About</a></li>
<li class="link-text"><a href="#">Gallery</a></li>
<li class="link-text"><a href="#">Contact</a></li>
</ul>
</div>
<div class="hero">
<div class="description">
<div class="main-text">Cat versus dog</div>
<p class="secondary-text">It's the age old question. People love both of them, but this webpage aims, through facts and logic, to finally answer "which is better: a cat, or a dog?"
</p>
</div>
<img class="hero-image" src="./images/fighting.jpg" alt="cat and dog face to face">
</div>
</div>
</div>
<div class="information">
<p class="info-header">Lets investigate.</p>
<div class="info-container">
<div class="info-item">
<img class="info-img" src="./images/dog.JPG" alt="image">
<div class="text">Dogs are undeniably much better swimmers</div>
</div>
<div class="info-item">
<img class="info-img" src="./images/cat.jpg" alt="image">
<div class="text">But cats are waaay stretchier</div>
</div>
<div class="info-item">
<img class="info-img" src="./images/napping.jpg" alt="image">
<div class="text">They both love to nap</div>
</div>
<div class="info-item">
<img class="info-img" src="./images/napping-together.jpg" alt="image">
<div class="text">Sometimes even with eachother</div>
</div>
</div>
</div>
<div class="third-container">
<div class="quote-container">
<div class="quote">"I guess in the end, it really doesn't matter who is better, as long as they are both good bois and gurlz, I'll love them equally."</div>
<div class="author">-Someone probably</div>
</div>
</div>
<div class="container-four">
<div class="action">
<div class="message">
<h3 class="action-header">Who do you think wins?</h3>
<p class="action-text">vote for who you think makes a better pet!</p>
</div>
<button class="action-button">Cats</button>
<button class="action-button">Dogs</button>
<button class="action-button">Both</button>
</div>
</div>
<div class="footer">
<span>Copyright © Noriki 2023</span>
</div>
</body>
</html>