-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (93 loc) · 3.13 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="styles.css" />
<title>Odin Landing Page</title>
</head>
<body>
<nav class="navbar">
<div class="container">
<div class="logo">My Logo</div>
<ul>
<li>Link one</li>
<li>Link two</li>
<li>Link three</li>
</ul>
</div>
</nav>
<header class="header">
<div class="container">
<div class="subtext">
<div>
<h1>Esse site é .</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas eu nibh et risus euismod sollicitudin nec nec
orci. Suspendisse varius tincidunt facilisis. Vivamus
fringilla, ante eget iaculis laoreet, purus ante
tincidunt elit, in scelerisque sapien nibh et mi.
</p>
</div>
<button>Sign up</button>
</div>
<img src="./img/wallhaven-57o9j5.png">
</div>
</header>
<section class="section">
<h2>Apenas algumas imagens</h2>
<div class="container">
<div class="box">
<img src="./img/wallhaven-l3oq9r.png" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="box">
<img src="./img/wallhaven-m9mevm.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="box">
<img src="./img/wallhaven-odl3r9.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
<div class="box">
<img src="./img/wallhaven-pk9lr3.jpg" alt="" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</div>
</div>
</section>
<div class="quote">
<div class="container">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas eu nibh et risus euismod sollicitudin nec nec orci.
Suspendisse varius tincidunt facilisis.
</p>
<span>-Radagon, The Elden Lord</span>
</div>
</div>
<section class="signup">
<div class="container">
<div>
<h4>Call to Action time.</h4>
<p>Sign up to receive more info about our product.</p>
</div>
<button>Sign up</button>
</div>
</section>
<footer class="footer">
<div class="container">
<p>Copyright © The Odin Project 2022git </p>
</div>
</footer>
</body>
</html>