-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbooking.html
106 lines (106 loc) · 5.13 KB
/
booking.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
<!DOCTYPE html>
<html>
<head>
<!--Metadata-->
<title>Mercury Airlines | Book Flights</title>
<meta name="description" content="Book your flight today!">
<meta name="keywords" content="flight, airline, southeast, booking">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="images/small_logo.ico" />
<!--Stylesheets and other imports (Bootstrap, Font Awesome)-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/6d5deef8bf.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<head>
<body>
<!--Navbar-->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<img src="images/full-logo.png">
</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="flights.html">Book A Flight</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="membership.html">Mercury Miles</a></li>
</ul>
</div>
</div>
</nav>
<!--Header Image-->
<div class="headerImg">
<img src="images/airportPlane.jpg" alt="Header Image" class="img-fluid">
<div class="carousel-caption mycaption">
<h1>Book Your Flight</h1>
</div>
</div>
<!--Content-->
<div class="container-fluid">
<div class="row">
<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2 content-section divider">
<p>At Mercury, we assure nothing but absolute delight for our fellow travelers. We make booking easy and affordable by offering various discounted airlines ever weekend to all of our members. Booking your flight is simply two clicks away.</p>
<p>Start your booking process by filling out the short form below.</p>
</div>
<!--Form-->
<div class="col-xs-10 col-xs-offset-1 col-md-8 col-md-offset-2 content-section">
<h2>Book your flight today!</h2>
<form action="bookingThanks.html" method="get" autocomplete="off">
<div class="form-group">
<label for="name">Full Name:</label>
<input type="text" class="form-control" id="name" placeholder="Your Name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Your Email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="tel" class="form-control" id="phone" placeholder="Your Phone Number" name="phone" required>
</div>
<div class="form-group">
<label for="departure">Preffered Departure Date and Time:</label>
<input type="datetime-local" class="form-control" id="departure" name="departure" required>
</div>
<div class="form-group">
<label for="return">Preffered Return Date and Time:</label>
<input type="datetime-local" class="form-control" id="return" name="return" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
<!--Footer-->
<footer class="container-fluid">
<div class="row">
<div class="col-md-4">
<p>Images are from <a href="https://unsplash.com/">Unsplash</a>. View our collection <a href="https://unsplash.com/collections/9268045/mercury-airlines-fbla-2020">here</a></p>
<p>Social Media icons are from <a href="https://fontawesome.com/">Font Awesome</a></p>
</div>
<div class="col-md-4">
<p>Copyright 2020 Hertiage High School Sourcerers</p>
<p><a href="about.html">Contact us</a> if you have any questions</p>
</div>
<div class="col-md-4 socials">
<a href="https://www.facebook.com/"><span><i class="fab fa-facebook"></i></span></a>
<a href="https://twitter.com/"><span><i class="fab fa-twitter"></i></span></a>
<a href="https://www.instagram.com/"><span><i class="fab fa-instagram"></i></span></a>
<a href="https://www.youtube.com/"><span><i class="fab fa-youtube"></i></span></a>
</div>
</div>
</footer>
<body>
</html>