-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (129 loc) · 4.54 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./assets/css/styles.css" />
<title>Outdoor Adventure</title>
</head>
<body>
<header id="page-header">
<div class="background-overlay"></div>
<div class="container">
<div id="page-header-logo">
<img
src="./assets/images/white-logo.png"
alt="Texto escrito Outdoor Adventure com letras brancas"
/>
</div>
<div id="page-header-content">
<h2>Explore the Colourful World</h2>
<hr class="divider" />
<h1>A WONDERFUL GIFT</h1>
<a href="#" class="btn">Learn More</a>
</div>
</div>
</header>
<main>
<section id="quote">
<div class="container">
<div>
<img
src="./assets/images/quote.png"
alt="Uma aspas da cor branca"
width="94"
height="72"
/>
</div>
<div id="quote-content">
<p>
"Fuerat aestu carentem habentia spectent tonitrua mutastis locavit
liberioris."
</p>
<p>- Adam Sendler</p>
</div>
</div>
</section>
<section id="upcoming-events">
<div class="container">
<h2 class="section-title">Upcoming Events</h2>
<hr class="divider" />
<div id="upcoming-events-content">
<div class="event">
<img src="./assets/images/event-img-1.jpg" alt="" />
<h3>Everest Camp Trek</h3>
<p>
Fuerat aestu carentem habentia spectent tonitrua mutastis
locavit liberioris inistra possedit.
</p>
<a href="#" class="btn">Learn more</a>
</div>
<div class="event">
<img src="./assets/images/event-img-2.jpg" alt="" />
<h3>Walking Holidays</h3>
<p>
Fuerat aestu carentem habentia spectent tonitrua mutastis
locavit liberioris inistra possedit.
</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
</div>
</section>
<section id="explore">
<div class="background-overlay"></div>
<div class="container">
<div id="explore-content">
<div>
<h2 class="section-title">Explore the world</h2>
<hr class="divider" />
<p>
Diremit mundi mare undae nunc mixtam tanto sibi. Nubes unda
concordi. Fert his. Recessit mentes praecipites locum caligine
sui egens erat. Silvas caeli regna.
</p>
<a href="#" class="btn">Learn more</a>
</div>
</div>
</div>
</section>
<section id="upcoming-tours">
<div class="container">
<div>
<h2 class="section-title">Upcoming tours & destination</h2>
<hr class="divider" />
<p>
Fuerat aestu carentem habentia spectent tonitrua mutastis locavit
liberioris. Sinistra possedit litora ut nabataeaque. Setucant
coepyterunt perveniunt animal! Concordi aurea nabataeaque
seductaque constaque cepit sublime flexi nullus.
</p>
<a href="#" class="btn">Learn more</a>
</div>
<div class="upcoming-tours-img">
<img src="./assets/images/outdoor-image-01.jpg" alt="" />
<img src="./assets/images/outdoor-image-02.jpg" alt="" />
</div>
<div class="upcoming-tours-img">
<img src="./assets/images/outdoor-image-03.jpg" alt="" />
<img src="./assets/images/outdoor-image-04.jpg" alt="" />
</div>
</div>
</section>
</main>
<footer id="page-footer">
<div class="container">
<p>
123 Fifth Avenue, NY 10160, New York, USA | Phone: 800-123-456 |
Email: [email protected]
</p>
<p>Copyright © 2022 Outdoor Adventure</p>
</div>
</footer>
</body>
</html>