experience.html

<!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">
	<title>ABC Aircraft - Experience</title>
	<link href="https://fonts.googleapis.com/css?family=Hind:400,700" rel="stylesheet">
	<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="css/slick.css" />
	<link type="text/css" rel="stylesheet" href="css/slick-theme.css" />
	<link type="text/css" rel="stylesheet" href="css/nouislider.min.css" />
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>

<body>
	<!-- HEADER -->
	<header>
		<div id="top-header">
			<div class="container">
				
			</div>
		</div>

		<div id="header">
			<div class="container">
				<div class="pull-left">
					<div class="header-logo">
						<a class="logo" href="#">
							<img src="./img/logo.png" alt="">
						</a>
					</div>
				</div>
				<div class="pull-right">
					<ul class="header-btns">

						<li class="header-account dropdown default-dropdown">
							<div class="dropdown-toggle" role="button" data-toggle="dropdown" aria-expanded="true">
								<div class="header-btns-icon">
									<i class="fa fa-user-o"></i>
								</div>
								<strong class="text-uppercase">My Account <i class="fa fa-caret-down"></i></strong>
							</div>
							<a href="#" class="text-uppercase">Login</a> / <a href="#" class="text-uppercase">Join</a>
							<ul class="custom-menu">
								<li><a href="login.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
								<li><a href="create_account.html"><i class="fa fa-user-plus"></i> Create An Account</a></li>
							</ul>
						</li>
						<li class="nav-toggle">
							<button class="nav-toggle-btn main-btn icon-btn"><i class="fa fa-bars"></i></button>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</header>

	<div id="navigation">
		<div class="container">
			<div id="responsive-nav">
				<div class="menu-nav">
					<span class="menu-header">Menu <i class="fa fa-bars"></i></span>
					<ul class="menu-list">
						<li><a href="index.html">Home</a></li>
						<li><a href="experience.html">Experience</a></li>
						<li><a href="airframe.html">Create Air Frame</a></li>
						<li><a href="flightlog.html">Flight Log</a></li>
						<li><a href="maintanancelog.html">Maintanance Log</a></li>
						<li><a href="listofengineers.html">List of Engineers & Tasks</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="breadcrumb">
		<div class="container">
			<ul class="breadcrumb">
				<li><a href="index.html">Home</a></li>
				<li class="active">Experience</li>
			</ul>
		</div>
	</div>
	
	<div class="section">
		<!-- container -->
		<div class="container">
			<!-- row -->
			<div class="row">
				<form id="checkout-form" class="clearfix">
					<div class="col-md-12">
						<div class="billing-details">
							<div class="section-title">
								<h3 class="title">Experience</h3>
							</div>
							<p>ABC Aircraft has implemented the following precautionary measures during the COVID-19 pandemic for its passengers' safety.</p>
							
							<div class="col-md-2 col-sm-6"></div>
							<div class="col-md-3 col-sm-6">
								<a class="banner banner-1" href="#">
									<img src="./img/banner10.jpg" alt="">
								</a>
								<p style="text-align: justify;"><b>Departure:</b> Passengers without masks are provided with masks at the airport. Sanitizers are placed at every counter from check-in to boarding lounge. Temperature of every passenger is checked before boarding the flight, along with all the Covid-19 safety measures.</p>
							</div>
							
							<div class="col-md-3 col-sm-6">
								<a class="banner banner-1" href="#">
									<img src="./img/banner10.jpg" alt="">
								</a>
								<p style="text-align: justify;"><b>In-flight:</b> Our crew is geared with Personal Protective Equipment (PPE) during the flight for safety of the passengers. Sanitizers are available inside the aircraft for all passengers. ABC strives to give you a safe flight experience.</p>
							</div>
							
							<div class="col-md-3 col-sm-6">
								<a class="banner banner-1" href="#">
									<img src="./img/banner10.jpg" alt="">
								</a>
								<p style="text-align: justify;"><b>Arrival:</b> ABC makes sure to sanitize and spray all the passengers' luggage for their safety on arrival. At ABC, the safety of our valued passengers is our first priority.</p>
							</div>
							
						</div>
					</form>
				</div>
				<!-- /row -->
			</div>
			<!-- /container -->
		</div>
	</div>
	<!-- FOOTER -->
	<footer id="footer" class="section section-grey">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-6 col-xs-6">
					<div class="footer">
						<div class="footer-logo">
							<a class="logo" href="#">
		            <img src="./img/logo.png" alt="">
		          </a>
						</div>

						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>

						<ul class="footer-social">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
						</ul>
					</div>
				</div>

				<div class="col-md-3 col-sm-6 col-xs-6">
					<div class="footer">
						<h3 class="footer-header">My Account</h3>
						<ul class="list-links">
							<li><a href="#">My Account</a></li>
							<li><a href="#">My Wishlist</a></li>
							<li><a href="#">Compare</a></li>
							<li><a href="#">Checkout</a></li>
							<li><a href="#">Login</a></li>
						</ul>
					</div>
				</div>

				<div class="clearfix visible-sm visible-xs"></div>

				<div class="col-md-3 col-sm-6 col-xs-6">
					<div class="footer">
						<h3 class="footer-header">Customer Service</h3>
						<ul class="list-links">
							<li><a href="#">About Us</a></li>
							<li><a href="#">Shiping & Return</a></li>
							<li><a href="#">Shiping Guide</a></li>
							<li><a href="#">FAQ</a></li>
						</ul>
					</div>
				</div>
				
				<div class="col-md-3 col-sm-6 col-xs-6">
					<div class="footer">
						<h3 class="footer-header">Stay Connected</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p>
						<form>
							<div class="form-group">
								<input class="input" placeholder="Enter Email Address">
							</div>
							<button class="primary-btn">Join Newslatter</button>
						</form>
					</div>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="footer-copyright">
						Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved 
					</div>
				</div>
			</div>
		</div>
	</footer>

	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/slick.min.js"></script>
	<script src="js/nouislider.min.js"></script>
	<script src="js/jquery.zoom.min.js"></script>
	<script src="js/main.js"></script>

</body>

</html>