-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
173 lines (142 loc) · 9.2 KB
/
Copy pathabout.html
File metadata and controls
173 lines (142 loc) · 9.2 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
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EUROVOYAGES</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Web Fonts -->
<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=Jost:wght@500;600&family=Roboto&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<link rel="icon" href="C:\Users\Asus\Desktop\AirFrance web\tourism-website-template\img\logo_edited.png" type="image/jpeg">
<!-- Libraries Stylesheet -->
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar & Hero Start -->
<div class="container-fluid position-relative p-0">
<nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0">
<a href="" class="navbar-brand p-0">
<h1 class="m-0">
<img src="C:\Users\Asus\Desktop\AirFrance web\tourism-website-template\img\pol2_edited.png"
alt="Logo"
width="150"
height="1000">
EUROVOYAGES
</h1>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="fa fa-bars"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto py-0">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<a href="services.html" class="nav-item nav-link">Services</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<a href="https://wa.link/uppzf6" class="btn btn-primary rounded-pill py-2 px-4 ms-lg-4">Book Now</a>
</div>
</nav>
</div>
<!-- Navbar & Hero End -->
<!-- Header Start -->
<div class="container-fluid bg-breadcrumb">
<div class="container text-center py-5" style="max-width: 900px;">
<h3 class="text-white display-3 mb-4">About Us</h1>
<ol class="breadcrumb justify-content-center mb-0">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active text-white">About</li>
</ol>
</div>
</div>
<!-- Header End -->
<!-- About Start -->
<div class="container-fluid about py-5">
<div class="container py-5">
<div class="row g-5 align-items-center">
<div class="col-lg-5">
<div class="h-100" style="border: 50px solid; border-color: transparent #13357B transparent #13357B;">
<img src="C:\Users\Asus\Desktop\AirFrance web\tourism-website-template\img\PLANE3.png" class="img-fluid w-100 h-100" alt="">
</div>
</div>
<div class="col-lg-7" style="background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/about-img-1.png);">
<h5 class="section-about-title pe-3">About Us</h5>
<h1 class="mb-4">Welcome to <span class="text-primary">Euro Voyages</span></h1>
<p class="mb-4">At Euro Voyages, we believe that every journey should be more than just travel — it should be an experience to remember. Based in Cameroon and Canada, we are dedicated to helping travelers explore the world with comfort, safety, and style. With over 20 years of experience in the industry, we have built a reputation for excellence and trust.
Whether you are planning a business trip, a family vacation, or a solo adventure, our team is here to guide you every step of the way. From booking airline tickets and hotels to organizing tours and providing travel insurance, we offer complete solutions tailored to your needs and budget.
As an IATA-accredited travel agency, we work closely with leading airlines, hotels, and tour operators to ensure you get the best value and a smooth travel experience. Our commitment is to provide personalized service, reliable support, and unforgettable journeys that turn your travel dreams into reality. ✨
Euro Voyages — Your destination, our passion.</p>
<div class="row gy-2 gx-4 mb-4">
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Airline ticket sales</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Travel consulting</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Hotel booking</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Travel insurance</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Automobile insurance</p>
</div>
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Health insurance</p>
</div>
</div>
<a class="btn btn-primary rounded-pill py-3 px-5 mt-2" href="">LOCAL PRESENCE GLOBAL POWER!</a>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Copyright Start -->
<div class="container-fluid copyright text-body py-4">
<div class="container">
<div class="row g-4 align-items-center">
<div class="col-md-6 text-center text-md-end mb-md-0">
<i class="fas fa-copyright me-2"></i><a class="text-white" href="#">EUROVOYAGES</a>, All right reserved.
</div>
<div class="col-md-6 text-center text-md-start">
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
Designed By AMILICONI GROUP <a class="text-white" href="https://htmlcodex.com">HTML Codex</a>
</div>
</div>
</div>
</div>
<!-- Copyright End -->
<!-- Back to Top -->
<a href="#" class="btn btn-primary btn-primary-outline-0 btn-md-square back-to-top"><i class="fa fa-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>