-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathservice.html
129 lines (116 loc) · 4.63 KB
/
service.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css" />
<title>Safari Tours |Exciting Adventures</title>
</head>
<style>
html,
body {
height: 100%;
}
body {
background: #667618;
color: #fff;
position: relative;
min-height: 50vh;
}
.contain {
display: flex;
justify-content: center;
text-align: center;
flex-wrap: wrap;
flex: 1;
width: 100%;
}
.service {
border: 1px solid #333;
padding: 1rem;
margin: .75rem;
max-width: 30%;
margin-bottom: 1rem;
}
.service:hover {
background: #273a02;
color: #fff;
}
@media (max-width: 768px) {
.service {
max-width: unset;
}
.contain {
display: block;
width: auto;
}
footer {
position: static;
}
}
</style>
<body>
<nav id="navbar">
<h1 class="logo">
<span class="text-primary"><i class="fa-solid fa-mountain-sun"></i> Safari</span>
Tours
</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<section class="services">
<div class="container">
<h1 class="m-heading text-center p-1">Our <span class="text-primary">Services</span></h1>
<div class="contain">
<div class="service">
<h3 class="s-heading">Safari Expeditions</h3>
<p>Organizing guided safari tours in various African national parks and wildlife reserves, offering
opportunities to witness and photograph diverse wildlife, including the "Big Five" (lion,
elephant, buffalo, leopard, and rhinoceros).</p>
</div>
<div class="service">
<h3 class="s-heading">Cultural Immersion Tours</h3>
<p>Arranging immersive experiences with local communities to learn about their traditions, customs,
and history. This might involve village visits, traditional dances, and interactions with local
artisans. e.g Maasai Culture</p>
</div>
<div class="service">
<h3 class="s-heading">Mountain Trekking Adventures</h3>
<p>Offering guided treks to iconic African peaks like Mount Kilimanjaro in Tanzania or Mount Kenya
in Kenya, providing challenging and rewarding experiences for outdoor enthusiasts.</p>
</div>
<div class="service">
<h3 class="s-heading">Beach Retreats</h3>
<p> Relaxing getaways to Africa's stunning coastal destinations, where travelers can unwind on
pristine beaches, indulge in water sports like snorkeling and scuba diving, and experience the
vibrant coastal culture, cuisine, and nightlife</p>
</div>
<div class="service">
<h3 class="s-heading">Photographic Tours</h3>
<p> Specialized tours for photography enthusiasts, led by experienced guides who understand the art
of capturing wildlife and landscapes. Participants receive photography tips, access to prime
shooting locations, and the chance to document Africa's scenic physical features such as the
Rift Valley and its escarpments.</p>
</div>
<div class="service">
<h3 class="s-heading">Cruise and River Safaris</h3>
<p>Unique journeys along Africa's waterways, such as the Nile River or Chobe River. Travelers can
spot abundant wildlife along riverbanks, take in scenic landscapes, and enjoy a tranquil safari
experience from the comfort of a boat or cruise vessel.</p>
</div>
</div>
</div>
</section>
<footer id="main-footer" class="bg-dark text-center py-1">
<div class="container">
<p> © 2023, Safari Tours, All Rights Reserved
</p>
</div>
</footer>
</body>
</html>