-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservices.html
131 lines (131 loc) · 5.47 KB
/
services.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
<!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">
<title>Services</title>
<link rel="stylesheet" href="css/services.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/footerstyle.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light "
id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">Voyage</a>
<button class="navbar-toggler collapse" type="button" data-toggle="collapse" data-target="#ftco-nav"
aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="navbar-collapse collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="tours.html" class="nav-link">Tours</a></li>
<li class="nav-item"><a href="hotels.html" class="nav-link">Hotels</a></li>
<li class="nav-item"><a href="services.html" class="nav-link">Services</a></li>
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="header">
<img src="./images/services/header.webp" alt="">
</div>
<div class="row1">
<div class="promo">
<!-- <div class="promo-img-div"> -->
<a href="#" class="promo-img">
<img src="./images/services/bus.webp">
</a>
<!-- </div> -->
<div class="text">
<h2>Group Cruises</h2>
<h3 class="price"><span>from</span> $299</h3>
<a href="#" class="read">Read more</a>
</div>
</div>
<div class="promo">
<a href="#" class="promo-img">
<img src="./images/services/double.webp" alt="">
</a>
<div class="text">
<h2>Beach Tours</h2>
<h3 class="price"><span>from</span> $199</h3>
<a href="#" class="read">Read more</a>
</div>
</div>
<div class="promo">
<a href="#" class="promo-img">
<img src="./images/services/single.webp" alt="">
</a>
<div class="text">
<h2>Mountain Tours</h2>
<h3 class="price"><span>from</span> $179</h3>
<a href="#" class="read">Read more</a>
</div>
</div>
<div class="promo">
<a href="#" class="promo-img">
<img src="./images/services/single.webp" alt="">
</a>
<div class="text">
<h2>Family Tours</h2>
<h3 class="price"><span>from</span> $599</h3>
<a href="#" class="read">Read more</a>
</div>
</div>
</div>
<div class="our_services">
<h2>Our Services</h2>
</div>
<div class="rows">
<div class="rows-inner">
<div class="d-flex">
<div class="icon" style="background-image: url(./images/services/boat1.png);"></div>
</div>
<div class="text-body">
<h3 class="heading">Special Activities</h3>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost
unorthographic.</p>
</div>
</div>
<div class="rows-inner">
<div class="d-flex justify-content-center">
<div class="icon" style="background-image: url(./images/services/world1.png);"></div>
</div>
<div class="text-body">
<h3 class="heading">Travel Arrangements</h3>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost
unorthographic.</p>
</div>
</div>
<div class="rows-inner">
<div class="d-flex justify-content-center">
<div class="icon" style="background-image: url(./images/services/compass1.png);"></div>
</div>
<div class="text-body">
<h3 class="heading">Private Guide</h3>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost
unorthographic.</p>
</div>
</div>
<div class="rows-inner">
<div class="d-flex">
<div class="icon" style="background-image: url(./images/services/map1.png);"></div>
</div>
<div class="text-body">
<h3 class="heading">Location Manager</h3>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost
unorthographic.</p>
</div>
</div>
</div>
<script src="js/footer.js"></script>
<script src="js/transition.js"></script>
</body>
</html>