-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.php
More file actions
283 lines (248 loc) · 9.46 KB
/
about.php
File metadata and controls
283 lines (248 loc) · 9.46 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
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
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Airline Booking</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <!-- Link to your CSS file -->
<style>
/* Reset default margin and padding for better consistency */
* {
padding: 0;
box-sizing: border-box;
text-align: match-parent;
}
/* Set a background color for the entire page */
body {
background-color: #5e2e2e;
font-family: Arial, sans-serif;
}
/* Style the header with a background color, padding, and center-align text */
header {
background-color: #333;
padding: 10px 0;
text-align: center;
}
/* Style the navigation menu with horizontal alignment and list styling */
nav {
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
/* Style the h1 element for the page title */
h1 {
font-size: 2em;
color: #fff;
margin-top: 10px;
}
/* Style content sections with a white background, padding, and margin */
.content {
background-color: #fff;
padding: 20px;
margin: 20px;
}
/* Style headings within content sections */
.content h2 {
font-size: 1.5em;
color: #dc1717;
text-align: center;
}
/* Style paragraphs within content sections */
.content p {
color: #fff;
line-height: 1.4;
}
/* Style the background of the team and testimonials sections */
#team, #testimonials {
background-color: #333;
}
/* Style the testimonials */
.testimonial {
background-color: #333;
border: 1px solid #fff;
border-radius: 5px;
margin: 20px;
padding: 20px;
max-width: 400px;
display: inline-block;
}
.testimonial-content {
text-align: left;
}
/* Style the team members and grid */
/* Style team member sections */
#team .team-member {
margin: 0 10px;
text-align: center;
}
#team .team-member img {
max-width: 100px;
border-radius: 50%;
margin: 10px 0;
}
#team .team-member h3 {
font-size: 1.2em;
color: #fff;
}
.team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
/* Style the footer with a background color, padding, and center-align text */
footer {
background-color: #333;
padding: 10px 0;
text-align: center;
}
/* Style footer text and links */
footer p {
color: #fff;
margin: 5px 0;
}
.social-icons li {
display: inline;
margin: 0 10px;
}
.social-icons a {
text-decoration: none;
color: #fff;
}
/* Add hover effect for social media icons */
.social-icons a:hover {
color: #ffcd00;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="cancellation.php">Cancellation</a></li>
<li><a href="contact.php">Contact Us</a></li>
<li><a href="about.php">About Us</a></li>
<li><a href="discover.php">Discover</a></li>
</ul>
</nav>
</header>
<!-- About Us Section -->
<div id="about-us" class="content" style="background-color: #333; text-align: center; color: #fff;">
<h2>About Us</h2>
<p>Welcome to Air Canada, your trusted partner in travel. We are passionate about making your
travel dreams come true. Our dedicated team works tirelessly to provide you with the best flight deals,
hotel bookings, and more. With a commitment to excellence, we ensure that your journey is seamless and
stress-free. Our customer-centric approach and 24/7 support make us the preferred choice for travelers
worldwide. Join us to explore the world and create unforgettable memories. Your adventure begins with
AirlineBooking.com!</p>
</div>
<!-- Team Section -->
<div id="team" class="content" style="background-color: #333;">
<h2>Our Team</h2>
<div class="team-members">
<div class="team-member top-member">
<img src="ali.jpg" alt="Ali">
<h3>Ali Abdulquadir</h3>
<p>CEO & Founder</p>
<p>With years of experience in the airline industry, </p>
<p> leads our team with a vision for innovation and customer satisfaction.</p>
</div>
<div class="team-grid">
<div class="team-member">
<img src="teejay.jpg" alt="Tee Jay">
<h3>Tee Jay</h3>
<p>Customer Support Manager</p>
<p>Tee is dedicated to ensuring that your journey is smooth and enjoyable.</p>
<p>His expertise in customer service is unparalleled.</p>
</div>
<div class="team-member">
<img src="teema.jpg" alt="Tee Ma">
<h3>Tee Ma</h3>
<p>Head of Sales</p>
<p>Tee's extensive knowledge of travel sales</p>
<p> helps us bring you the best deals and offers.</p>
</div>
<div class="team-member">
<img src="kenny.jpg" alt="Ms Kenny">
<h3>Ms Kenny</h3>
<p>Marketing Manager</p>
<p>Kenny is a creative genius</p>
<p>who ensures our brand and services are well-represented in the market.</p>
</div>
</div>
</div>
</div>
<!-- Testimonials Section -->
<div id="testimonials" class="content" style="background-color: #333; text-align: center; color: #fff;">
<h2>Customer Testimonials</h2>
<div class="testimonial">
<div class="testimonial-content">
<blockquote>
"Booking my flights with [Your Company Name] was a breeze. The customer support team was incredibly helpful, and I got the best deals!"
</blockquote>
<p class="customer-name">- Jane Doe</p>
</div>
</div>
<div class="testimonial">
<div class="testimonial-content">
<blockquote>
"I've been using [Your Company Name] for years now, and they've never disappointed. Easy booking, great prices, and fantastic service!"
</blockquote>
<p class="customer-name">- John Smith</p>
</div>
</div>
<div class= "testimonial">
<div class="testimonial-content">
<blockquote>
"I had a last-minute change in travel plans, and [Your Company Name] helped me rebook without any hassle. Impressive service!"
</blockquote>
<p class="customer-name">- Sarah Johnson</p>
</div>
</div>
</div>
<!-- Partnerships Section -->
<div id="partnerships" class="content" style="background-color: #333; text-align: center; color: #fff;">
<h2>Our Partnerships</h2>
<p>We are proud to collaborate with industry leaders to provide you with the best travel options and experiences. Our trusted partners include:</p>
<ul style="list-style-type: none; padding: 0;"> <!-- Use CSS to remove list-style and padding -->
<li><strong>Airline Partners:</strong> We work closely with major airlines to offer you a wide range of destinations and flight options.</li>
<li><strong>Hotel Partners:</strong> Our hotel partnerships ensure you have comfortable accommodations during your travels.</li>
<li><strong>Travel Agency Partners:</strong> Our network of travel agencies assists in planning the perfect itinerary for your journey.</li>
<li><strong>Car Rental Partners:</strong> Need a vehicle at your destination? Our car rental partners have you covered.</li>
</ul>
</div>
<!-- Community and Environment Section -->
<div id="community-environment" class="content" style="background-color: #333; text-align: center; color: #fff;">
<h2>Community and Environment</h2>
<p>At Airline Booking, we are dedicated to making a positive impact on both the community and the environment. Here's how we contribute:</p>
<ul style="list-style-type: none; padding: 0;"> <!-- Set list-style-type to none to remove bullet points -->
<li><strong>Community Outreach:</strong> We actively engage in community outreach programs, supporting local charities and initiatives to make a difference in people's lives.</li>
<li><strong>Environmental Responsibility:</strong> We are committed to reducing our carbon footprint. Our efforts include fuel-efficient flight options and eco-friendly practices in our offices.</li>
<li><strong>Partnerships for Good:</strong> We partner with organizations that share our commitment to social responsibility and environmental sustainability.</li>
</ul>
</div>
<footer style="background-color: #333; text-align: center; color: #fff;">
<img src="air_canada_logo.png" alt="Air Canada Logo" width="50">
<p>© 2023 Air Canada, All rights reserved.</p>
<p>Contact: contact@itdcanada.com</p>
<p>Follow us on
<ul class="social-icons">
<li><a href="https://twitter.com/aircanada" target="_blank"><i class="fab fa-twitter"></i> Twitter</a></li>
<li><a href="https://facebook.com/aircanada" target="_blank"><i class="fab fa-facebook"></i> Facebook</a></li>
</ul>
</p>
</footer>
</body>
</html>