-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathexplore.html
More file actions
171 lines (165 loc) · 6.75 KB
/
explore.html
File metadata and controls
171 lines (165 loc) · 6.75 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AmsterdamClicks</title>
<link rel="icon" href="img/fav.png" type="image/x-icon" />
<link rel="stylesheet" href="style/explore-style.css" />
<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=Righteous&display=swap"
rel="stylesheet"
/>
</head>
<body style="background-color: #56b1f0">
<!-------------Header + Hero section--------------->
<section class="header">
<nav>
<a href="index.html"><img src="./img/logo.png" alt="logo-image" /></a>
<section class="nav-links">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="explore.html">Explore</a></li>
<li><a href="tips.html">Tips</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</section>
<i class="fas fa-bars" onclick="showmenu()"></i>
</nav>
<section class="box">
<section class="page-content">
<a href="community.html" class="button"
><span>Get to know us</span></a
>
<section class="picture-container">
<img class="picture-frame" src="svg/Vector.svg" alt="vector" />
<section class="pictures">
<img class="IMG" src="img/explore1.png" alt="explore1" />
<img class="img" src="img/explore2.JPEG" alt="explore2" />
<img class="IMG-2" src="img/explore3.jpg" alt="explore3" />
</section>
</section>
<aside>
<article>
Unlock the best photography spots in Amsterdam! From picturesque
canals and historic architecture to bustling street scenes, hidden
arts… Amsterdam has it all. Our guide will lead you to these
hidden gems, ensuring you capture the city's unique beauty with
your camera.
</article>
</aside>
<section class="text-wrapper"><em>Explore Amsterdam</em></section>
</section>
</section>
</section>
<!-------------------------------Showcase section---------------------------------------------------------------->
<section class="subShowcase">
<section class="showcase">
<section class="sub">
<section class="overlap-group-showcase">
<img class="img-showcase1" src="img/bridge.png" alt="bridge" />
<img class="img-showcase2" src="img/football.png" alt="football" />
<img class="img-showcase3" src="img/drone2.png" alt="drone" />
<section class="text-wrapper-showcase">
Iconic Landscape and Bridges
</section>
<article>
Amsterdam is renowned for its picturesque canals, Landscapes and
charming bridges, which crisscross the city, creating a unique and
romantic atmosphere. These waterways offer stunning reflections of
historic buildings and provide opportunities for leisurely canal
cruises.
</article>
</section>
</section>
</section>
<section class="showcase2">
<section class="sub">
<section class="overlap-group">
<img
class="img-showcase2-1"
src="img/History1.JPG"
alt="history1"
/>
<img
class="img-showcase2-2"
src="img/history2.JPG"
alt="history2"
/>
<img
class="img-showcase2-3"
src="img/shot-like-pro.JPG"
alt="shotlikepro"
/>
<section class="text-wrapper">Historic Architecture</section>
<article class="the-city-s-rich">
The city's rich history is reflected in its architecture, with
well-preserved 17th-century buildings lining the streets. The
ornate facades of canal houses, the grandeur of churches like
Westerkerk, and the Royal Palace at Dam Square showcase
Amsterdam's architectural heritage.
</article>
</section>
</section>
</section>
<section class="showcase">
<section class="sub">
<section class="overlap-group-showcase">
<img class="img-showcase1" src="img/street1.png" alt="street1" />
<img class="img-showcase2" src="img/street2.png" alt="street2" />
<img class="img-showcase3" src="img/street3.png" alt="street3" />
<section class="text-wrapper-showcase">
Vibrant Street Sences
</section>
<article>
Amsterdam's streets come alive with a vibrant mix of cultures,
offering colourful markets, street art, and lively cafes. From the
bustling Albert Cuyp Market to the artistic energy of
neighbourhood’s like De Pijp, there's always something exciting
happening on the city's streets.
</article>
</section>
</section>
</section>
</section>
<!--------------------------Contact-Section------------>
<section class="Contactbox">
<section class="contactsection">
<section class="overlap-group">
<section class="rectangle"></section>
<p class="text-wrapper">Looking forward for the best experince</p>
<img
class="lettering-contact-us"
src="./img/contact.png"
alt="contact"
/>
<button class="button"></button>
<section class="get-started">
<a href="contact.html">Contact Us</a>
</section>
</section>
</section>
</section>
<!--------------------------Footer-Section--------------------------------------------->
<section class="footerbox">
<footer class="footer">
<img class="img" src="svg/facebook.svg" alt="facebook" />
<img class="img" src="svg/instagram.svg" alt="instagram" />
<img class="img" src="svg/twitter.svg" alt="twitter" />
<section class="copyright">
© 2023 AmsterdamClicks. All rights reserved.
</section>
<ul class="navbar">
<li><a href="index.html">About us</a></li>
<li><a href="explore.html">Explore</a></li>
<li><a href="tips.html">Tips</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</footer>
</section>
</body>
</html>