-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
277 lines (256 loc) · 12.9 KB
/
about.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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<!doctype html>
<html class="h-100" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon.png">
<meta name="author" content="Amer Tahri-Joutey, Hassan Chalf">
<meta name="generator" content="Eleventy v2.0.0">
<meta name="HandheldFriendly" content="true">
<title>TaxiQuick — Who We Are</title>
<link rel="stylesheet" href="css/main.css">
<style>
/* inter-300 - latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local(''),
url('fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* inter-400 - latin */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local(''),
url('fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/inter-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(''),
url('fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local(''),
url('fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
</style>
</head>
<body class="bg-black text-white mt-0" data-bs-spy="scroll" data-bs-target="#navScroll">
<nav id="navScroll" class="navbar navbar-dark bg-black fixed-top px-vw-5" tabindex="0">
<div class="container">
<a class="navbar-brand pe-md-4 fs-4 col-12 col-md-auto text-center" href="index.html">
<img src="img/taxi.png" width="30" height="30" style="margin-top: -10px;" class="d-inline-block align-text-top me-2" alt="TaxiQuick logo">
<path d="m14.12 10.163 1.715.858c.22.11.22.424 0 .534L8.267 15.34a.598.598 0 0 1-.534 0L.165 11.555a.299.299 0 0 1 0-.534l1.716-.858 5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.66zM7.733.063a.598.598 0 0 1 .534 0l7.568 3.784a.3.3 0 0 1 0 .535L8.267 8.165a.598.598 0 0 1-.534 0L.165 4.382a.299.299 0 0 1 0-.535L7.733.063z"/>
<path d="m14.12 6.576 1.715.858c.22.11.22.424 0 .534l-7.568 3.784a.598.598 0 0 1-.534 0L.165 7.968a.299.299 0 0 1 0-.534l1.716-.858 5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.659z"/>
</svg>
<span class="ms-md-1 mt-1 fw-bolder me-md-5">TaxiQuick</span>
</a>
<ul class="navbar-nav mx-auto mb-2 mb-lg-0 list-group list-group-horizontal">
<li class="nav-item">
<a class="nav-link fs-5" href="index.html" aria-label="Homepage">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="about.html" aria-label="A sample content page">
About
</a>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="index.html#pricing" aria-label="Pricing section">
Pricing
</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link fs-5" href="mailto:[email protected]" aria-label="A sample content page">
Contact
</a>
</li>
</ul>
</div>
</nav>
<main>
<div class="container">
<div class="row d-flex justify-content-center py-vh-5 pb-0">
<div class="col-12 col-lg-10 col-xl-8">
<div class="row">
<div class="col-12" data-aos="fade-up">
<h1 class="display-1 fw-bold" style="margin-top: 45px">Our Journey
<span class="fs-4">of</span><br>
Passion and Purpose</h1>
<p class="lead border-top pt-5 mt-5" data-aos="fade-up">At TaxiQuick, our goal is to revolutionize urban transportation in London. We began with a vision to blend efficiency with exceptional customer service, ensuring every ride is smooth and enjoyable.
Our commitment is to provide fast, reliable transport while maintaining high comfort standards. We focus on making each journey timely and tailored to our passengers needs.
Embracing the latest technology, we enhance our service with features like real-time tracking and easy booking, ensuring a modern and efficient experience for every trip.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 py-vh-2">
<img src="img/aboutpage_appmockup.png" width= "auto" alt="abstract image" class="img-fluid position-relative rounded-5 shadow" data-aos="fade-up">
</div>
</div>
<div class="col-12 col-lg-10 col-xl-8">
<div class="row d-flex align-items-start" data-aos="fade-right">
<div class="col-12 col-lg-7">
<h2 class="h3 mt-5 border-top pt-5">01. Our Commitment to Excellence</h2>
<p class="text-secondary">From the very beginning, excellence has been at the heart of TaxiQuick. We believe that every ride should be a smooth, enjoyable experience, and we strive to exceed our customers' expectations at every turn. Our relentless focus on quality has earned us the trust of countless Londoners.</p>
</div>
<div class="col-12 col-lg-4 offset-lg-1 bg-gray-900 p-5 mt-5">
<h3 class="h6">Always on Time</h3>
<p class="text-secondary">
Our drivers are dedicated to punctuality, ensuring that you reach your destination promptly, every time.
</p>
</div>
</div>
<div class="row d-flex align-items-start" data-aos="fade-right">
<div class="col-12 col-lg-7">
<h2 class="h3 mt-5 border-top pt-5">02. Innovation at the Core</h2>
<p class="text-secondary">Innovation is more than just a buzzword at TaxiQuick; it's a core principle. We continuously invest in new technologies to make our service faster, safer, and more convenient. With features like real-time tracking, we're setting new standards in urban transportation.</p>
</div>
<div class="col-12 col-lg-4 offset-lg-1 bg-gray-900 p-5 mt-5">
<h3 class="h6">Cutting-Edge Technology</h3>
<p class="text-secondary">
Stay connected and in control with our advanced app, offering real-time updates and effortless booking.
</p>
</div>
</div>
<div class="row d-flex align-items-start" data-aos="fade-right">
<div class="col-12 col-lg-7">
<h2 class="h3 mt-5 border-top pt-5">03. Building a Community of Trust</h2>
<p class="text-secondary">Trust is the foundation of any great service. We've built a community where customers and drivers alike feel valued and respected. Our rigorous selection process ensures that only the most reliable drivers represent our brand, providing you with a safe and dependable ride.</p>
</div>
<div class="col-12 col-lg-4 offset-lg-1 bg-gray-900 p-5 mt-5">
<h3 class="h6">Safety First</h3>
<p class="text-secondary">
Your safety is our priority, with every driver carefully vetted and committed to providing a secure journey.
</p>
</div>
</div>
<div class="row d-flex align-items-start" data-aos="fade-right">
<div class="col-12 col-lg-7">
<h2 class="h3 mt-5 border-top pt-5">04. Future-Ready and Sustainable</h2>
<p class="text-secondary">As we look to the future, sustainability is a key focus. We're exploring eco-friendly vehicle options and implementing practices that reduce our environmental impact.</p>
</div>
<div class="col-12 col-lg-4 offset-lg-1 bg-gray-900 p-5 mt-5">
<h3 class="h6">Green Initiatives</h3>
<p class="text-secondary">
Driving towards a greener future with sustainable practices and eco-friendly technologies
</p>
</div>
</div>
<div class="row d-flex align-items-start" data-aos="fade-right">
<div class="col-12 col-lg-7">
<h2 class="h3 mt-5 border-top pt-5">05. A Journey of Passion</h2>
<p class="text-secondary">Our journey has been fueled by passion and a genuine love for what we do. Every day, we're motivated by the desire to make transportation better, easier, and more enjoyable for our customers. This passion drives us to keep pushing the boundaries of what's possible.</p>
</div>
<div class="col-12 col-lg-4 offset-lg-1 bg-gray-900 p-5 mt-5">
<h3 class="h6">Driven by Passion</h3>
<p class="text-secondary">
At the heart of TaxiQuick is a deep commitment to making every ride more than just a trip — it's an experience.
</p>
</div>
</div>
</div>
</div>
<div class="row d-flex align-items-start justify-content-center py-vh-3 text-muted" data-aos="fade">
<div class="col-12 col-lg-10 col-xl-9">
<h2 class="display-4" style="font-size: 40px; text-align: center; margin-bottom: 30px;">A Dedication to Excellence and Collaboration</h2>
<div class="p-5 small bg-gray-900">
<p>TaxiQuick is the result of a shared vision to enhance urban transportation. This project has been developed through the combined efforts of those who bring industry expertise and a commitment to exceptional service.
With valuable insights and guidance from me Amer Tahri Joutey and my partner Hassan Rami Chalf, a seasoned professional in the field, we've crafted TaxiQuick to deliver efficient, comfortable, and reliable journeys. Hassan's involvement has been instrumental in shaping the service, ensuring that it meets the highest standards.
This project honors the hardworking drivers who keep cities moving every day and embodies the spirit of dedication and service that drives us forward.
Thank you for taking the time to learn about TaxiQuick.</p>
</div>
</div>
</div>
</div>
</main>
<footer class="bg-black border-top border-dark">
<div class="container py-vh-4 text-secondary fw-lighter">
<div class="row">
<div class="col-12 col-lg-5 py-4 text-center text-lg-start">
<a class="navbar-brand pe-md-4 fs-4 col-12 col-md-auto text-center">
<img src="img/taxi.png" width="5%" style="margin-top: -5px; filter: brightness(50%);" class="d-inline-block align-text-top" alt="TaxiQuick logo">
<span class="ms-md-1 mt-1 fw-bolder me-md-5" style="cursor: default;">TaxiQuick</span>
</a>
</div>
<div class="col border-end border-dark">
<span class="h6">Company</span>
<ul class="nav flex-column">
<li class="nav-item">
<a href="about.html" class="link-fancy link-fancy-light">About us</a>
</li>
<li class="nav-item">
<a href="/legal/taxiquick-legal-terms-and-conditions.pdf" class="link-fancy link-fancy-light" target="_blank">Legal</a>
</li>
</ul>
</div>
<div class="col border-end border-dark">
<span class="h6">Services</span>
<ul class="nav flex-column">
<li class="nav-item">
<a href="index.html#pricing" class="link-fancy link-fancy-light">Pricing</a>
</li>
<li class="nav-item">
</li>
<li class="nav-item">
<a href="index.html#testimonials" class="link-fancy link-fancy-light">Testimonials</a>
</li>
</ul>
</div>
<div class="col">
<span class="h6">Support</span>
<ul class="nav flex-column">
<li class="nav-item">
<a href="mailto:[email protected]" class="link-fancy link-fancy-light">Contact</a>
</li>
<li class="nav-item">
<a href="newsletter.html" class="link-fancy link-fancy-light">Subscribe</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/aos.js"></script>
<script>
AOS.init({
duration: 800,
});
</script>
<script>
let scrollpos = window.scrollY
const header = document.querySelector(".navbar")
const header_height = header.offsetHeight
const add_class_on_scroll = () => header.classList.add("scrolled", "shadow-sm")
const remove_class_on_scroll = () => header.classList.remove("scrolled", "shadow-sm")
window.addEventListener('scroll', function() {
scrollpos = window.scrollY;
if (scrollpos >= header_height) { add_class_on_scroll() }
else { remove_class_on_scroll() }
console.log(scrollpos)
})
</script>
</body>
</html>