-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtourism.html
182 lines (128 loc) · 8.85 KB
/
tourism.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
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
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tourism Sites</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
</head>
<body>
<body>
<header data-bs-theme="dark">
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container">
<a href="#" class="navbar-brand d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor"
stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true"
class="me-2" viewBox="0 0 24 24">
<path
d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
<circle cx="12" cy="13" r="4" />
</svg>
<strong>Tourism Album</strong>
</a>
</div>
</div>
</header>
<main>
<!-- <section class="py-5 text-center container"> -->
<!-- <div class="row py-lg-5"> -->
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/botsw1.jpeg">
<div class="card-body">
<p class="card-text">Okavango Delta, Botswana: A unique inland delta, providing a lush habitat for wildlife including elephants, crocodiles, lions, and rhinos, best explored by mokoro (traditional dugout canoe).</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/cap3.jpeg">
<div class="card-body">
<p class="card-text">Cape Town, South Africa: Known for its picturesque landscapes, including Table Mountain and the Cape of Good Hope. The city offers a mix of history, culture, and natural beauty.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/kenya4.jpeg">
<div class="card-body">
<p class="card-text">Masai Mara National Reserve, Kenya: Famous for its exceptional population of lions, leopards, cheetahs, and the annual migration of zebra, Thomson's gazelle, and wildebeest to and from the Serengeti.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/kilo1.jpeg">
<div class="card-body">
<p class="card-text">Mount Kilimanjaro, Tanzania: Africa's highest peak, offering challenging treks and a chance to stand atop one of the world's most famous volcanoes.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/mali2.jpeg">
<div class="card-body">
<p class="card-text">Djenné, Mali: Home to the Great Mosque of Djenné, this historic town is known for its distinctive adobe architecture and cultural significance.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/moro2.jpeg">
<div class="card-body">
<p class="card-text">Marrakech, Morocco: A historic city offering a blend of traditional and modern cultures, famous for its markets, gardens, palaces, and mosques.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/pyramid3.jpeg">
<div class="card-body">
<p class="card-text">Pyramids of Giza, Egypt: The only surviving ancient wonder, the pyramids are a testament to the ingenuity of the ancient Egyptians. Nearby, the Sphinx adds to the historical allurePyramids of Giza, Egypt: The only surviving ancient wonder, the pyramids are a testament to the ingenuity of the ancient Egyptians. Nearby, the Sphinx adds to the historical allure..</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/southafrica4.jpeg">
<div class="card-body">
<p class="card-text">Kruger National Park, South Africa: One of Africa's largest game reserves, it's home to a high density of wild animals, including the Big Five: lions, leopards, rhinos, elephants, and buffalos.</p>
</div>
</div>
</div>
<div class="col">
<div class="card shadow-sm">
<img class="bd-placeholder-img card-img-top" width="100%" height="225" src="./assets/images/tanz3.jpeg">
<div class="card-body">
<p class="card-text">Serengeti National Park, Tanzania: Known for the Great Migration, where millions of wildebeest and zebras traverse its plains. It's a prime spot for wildlife viewing and safaris.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-body-secondary py-5">
<div class="container">
<p class="float-end mb-1">
<a href="#">Back to top</a>
</p>
<a href="/">Visit the homepage</a></p>
</div>
</footer>
<script src="/docs/5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</footer>
<script src="/docs/5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>