Whole project added

1c2844c0 · ruzalo · 1c2844c0 · 1c2844c0 · 1c2844c0 · 1c2844c0
Commit 1c2844c0 authored Apr 27, 2020 by ruzalo
Showing with 5819 additions and 0 deletions
admin_delete_record.php
admin_place.php
booking_page.php
contact.php
css/stylesheet.css
css/stylesheet2.css
css2.css
img/airplane1.jpg
img/airplaneticketsbooking1.svg
img/best.png
img/conf.jpg
img/description.png
img/estonia.jpg
img/hugelist.png
img/info.png
img/japanpic.jpg
img/jetconf.jpg
img/jp1.jpg
img/jp2.jpg
img/l.jpg
--- a/admin_delete_record.php
+++ b/admin_delete_record.php
+<?php
+include('session_admin.php');
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>payment</title>
+<style>
+* {
+    box-sizing: border-box;
+}
+.header {
+    border: 1px solid green;
+    padding: 15px;
+}
+.row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover {
+    background-color: #111;
+}
+
+[class*="col-"] {
+    float: left;
+    padding: 15px;
+    border: 3px solid blue;
+}
+
+/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+.col-1 {width: 8.33%;}
+.col-2 {width: 16.66%;}
+.col-3 {width: 25%;}
+.col-4 {width: 33.33%;}
+.col-5 {width: 41.66%;}
+.col-6 {width: 50%;}
+.col-7 {width: 58.33%;}
+.col-8 {width: 66.66%;}
+.col-9 {width: 75%;}
+.col-10 {width: 83.33%;}
+.col-11 {width: 91.66%;}
+.col-12 {width: 100%;}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover:not(.active) {
+    background-color: #111;
+}
+
+.active {
+    background-color: #4CAF50;
+}
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+  font-weight: 100;
+  font-size: 15px;
+  line-height: 30px;
+  color: #777;
+  background: #ffffff;
+}
+
+.container {
+  max-width: 400px;
+  width: 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+#contact input[type="Airline"],
+#contact input[type="Flight_Number"],
+#contact input[type="Departure"],
+#contact input[type="Arrival"],
+#contact input[type="Time"],
+#contact input[type="Morning_AfterNoon_Night"],
+#contact input[type="Price"],
+#contact button[type="submit"],
+#contact button[type="First_Name"],
+#contact button[type="Last_Name"] {
+  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+}
+
+#contact {
+  background: #F9F9F9;
+  padding: 25px;
+  margin: 15px 0;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+}
+
+#contact h3 {
+  display: block;
+  font-size: 30px;
+  font-weight: 300;
+  margin-bottom: 10px;
+}
+
+#contact h4 {
+  margin: 5px 0 15px;
+  display: block;
+  font-size: 13px;
+  font-weight: 400;
+}
+
+fieldset {
+  border: medium none !important;
+  margin: 0 0 10px;
+  min-width: 100%;
+  padding: 0;
+  width: 100%;
+}
+
+#contact input[type="Airline"],
+#contact input[type="Flight_Number"],
+#contact input[type="Departure"],
+#contact input[type="Arrival"],
+#contact input[type="Time"],
+#contact input[type="Morning_AfterNoon_Night"],
+#contact input[type="Price"],
+#contact input[type="First_Name"],
+#contact input[type="Last_Name"] {
+  width: 100%;
+  border: 1px solid #ccc;
+  background: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+}
+
+#contact input[type="Airline"]:hover,
+#contact input[type="Flight_Number"]:hover,
+#contact input[type="Departure"]:hover,
+#contact input[type="Arrival"]:hover,
+#contact input[type="Time"]:hover,
+#contact input[type="Morning_AfterNoon_Night"]:hover,
+#contact input[type="Price"]:hover,
+#contact input[type="First_Name"]:hover,
+#contact input[type="Last_Name"]:hover {
+  -webkit-transition: border-color 0.3s ease-in-out;
+  -moz-transition: border-color 0.3s ease-in-out;
+  transition: border-color 0.3s ease-in-out;
+  border: 1px solid #aaa;
+}
+
+#contact textarea {
+  height: 100px;
+  max-width: 100%;
+  resize: none;
+}
+
+#contact button[type="submit"] {
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: #4CAF50;
+  color: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+  font-size: 20px;
+}
+
+#contact button[type="submit"]:hover {
+  background: #43A047;
+  -webkit-transition: background 0.3s ease-in-out;
+  -moz-transition: background 0.3s ease-in-out;
+  transition: background-color 0.3s ease-in-out;
+}
+
+#contact button[type="submit"]:active {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+#contact input:focus,
+#contact textarea:focus {
+  outline: 0;
+  border: 1px solid #aaa;
+}
+
+::-webkit-input-placeholder {
+  color: #888;
+}
+
+:-moz-placeholder {
+  color: #888;
+}
+
+::-moz-placeholder {
+  color: #888;
+}
+
+:-ms-input-placeholder {
+  color: #888;
+}
+
+</style>
+</head>
+
+<body>
+
+<?php
+
+$First_Name = $Last_Name = $Flight_Number = "";
+
+if ($_SERVER["REQUEST_METHOD"] == "POST") {
+  $First_Name = test_input($_POST["First_Name"]);
+  $Last_Name = test_input($_POST["Last_Name"]);
+  $Flight_Number = test_input($_POST["Flight_Number"]);
+
+}
+
+function test_input($data) {
+  $data = trim($data);
+  $data = stripslashes($data);
+  $data = htmlspecialchars($data);
+  return $data;
+}
+
+?>
+
+<div class="row">
+
+<div class="container">
+  <fieldset>
+      <form id="contact" method="post" action="<?php $PHP_SELF?>">
+      	<Legend><h1>Please enter customer's information</h1></Legend>
+        <Ledgend>First Name:</legend>
+          <input placeholder="First Name" type="First_Name" name="First_Name" tabindex="1" required autofocus/>
+          <br>
+        <Ledgend>Last Name:</legend>
+          <input placeholder="Last Name" type="Last_Name" name="Last_Name" tabindex="1" required autofocus/>
+          <br>
+        <Ledgend>Fligh Number:</legend>
+          <input placeholder="Flight Number" type="Flight_Number" name="Flight_Number" tabindex="2" required/>
+          <br>
+        <!-- <Ledgend>Arrival:</legend>
+          <input placeholder="Arrival" type="Arrival" name="Arrival" tabindex="2" required style="text-transform:uppercase" />
+          <br>
+        <Ledgend>Departure Time:</legend>
+          <input placeholder="Departure Time" type="Time" name="Departure_Time" tabindex="2" required/>
+          <br>
+        <Ledgend>Arrival Time:</legend>
+          <input placeholder="Arrival Time" type="Time" name="Arrival_Time" tabindex="2" required/>
+          <br>
+       <Ledgend>Flight Time:</legend>
+         <input placeholder="Flight Time" type="Time" name="Flight_Time" tabindex="2" required/>
+         <br>
+       <Ledgend>Morning, Afternoon or Night:</legend>
+        <input placeholder="Morning, Afternoon or Night" type="Morning_AfterNoon_Night" name="Morning_AfterNoon_Night" tabindex="1" required autofocus/>
+        <br>
+       <Ledgend>Price:</legend>
+        <input placeholder="Price" type="Price" name="Price" tabindex="1" required autofocus/>
+       	<br> -->
+        <input type="submit" name="submit" value="Submit" />
+      </form>
+
+    <?php
+        #echo "Insert new user";
+		// connect to the database
+    $con = mysqli_connect(localhost,root, root, cs, 8889);
+
+    // Check connection
+    if (mysqli_connect_errno())
+       {
+       echo "Failed to connect to MySQL: " . mysqli_connect_error();
+       }
+
+       $data = mysqli_query($con, "SELECT Passenger_Id FROM Passenger_Profile WHERE First_Name = '$First_Name' AND Last_Name = '$Last_Name' AND Flight_Number = '$Flight_Number'");
+
+       //And display the results
+       while($row = mysqli_fetch_array( $data ))
+       {
+       echo "$row[0]". " ";
+       echo "<br>";
+       ;
+       }
+
+       //This counts the number or results. If there aren't any, it gives the user a "no match" message
+       $anymatches=mysqli_num_rows($data);
+       if ($anymatches == 0)
+       {
+       echo "Sorry, but we can not find an entry to match your query<br><br>";
+       }
+
+       //And reminds the user what they searched for
+       // echo "<b>Searched For:</b> " . "$find";
+       // }
+
+          //break;
+  //
+  // if (isset($_GET['Passenger_Id#
+  // '])) {
+  //
+  // 	$Passenger_Id = $_GET['Passenger_Id'];
+  // 	echo $Passenger_Id;
+
+       // }
+       echo "Your input:::::::::<br>";
+       echo "".$First_Name. "<br>";
+       echo "".$Last_Name. "<br>";
+       echo "".$Flight_Number. "<br>";
+       
+       //sql to delete a record
+       $data = mysqli_query($con, "DELETE FROM Ticket_Info WHERE Passenger_fk = $row[0]");
+       if (mysqli_query($con, $data)) {
+           echo "Record deleted successfully";
+       } else {
+           echo "Error deleting record: " . mysqli_error($con);
+       }
+
+       // mysqli_query($con, "DELETE FROM Ticket_Info WHERE Passenger_fk = $row[0]");
+       // printf("Affected rows (DELETE): %d\n", mysqli_affected_rows($con));
+       // if (mysqli_query($con, $data)) {
+       //     echo "Record deleted successfully";
+       // } else {
+       //     echo "Error deleting record: " . mysqli_error($con);
+       // }
+
+
+       mysqli_close($con);
+  ?>
+
+
+
+</div>
+
+</div>
+
+</body>
+</html>
--- a/admin_place.php
+++ b/admin_place.php
+<?php
+include('session_admin.php');
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Admin Place</title>
+<style>
+* {
+    box-sizing: border-box;
+}
+.header {
+    border: 1px solid green;
+    padding: 15px;
+}
+.row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover {
+    background-color: #111;
+}
+
+[class*="col-"] {
+    float: left;
+    padding: 15px;
+    border: 3px solid blue;
+}
+
+/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+.col-1 {width: 8.33%;}
+.col-2 {width: 16.66%;}
+.col-3 {width: 25%;}
+.col-4 {width: 33.33%;}
+.col-5 {width: 41.66%;}
+.col-6 {width: 50%;}
+.col-7 {width: 58.33%;}
+.col-8 {width: 66.66%;}
+.col-9 {width: 75%;}
+.col-10 {width: 83.33%;}
+.col-11 {width: 91.66%;}
+.col-12 {width: 100%;}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover:not(.active) {
+    background-color: #111;
+}
+
+.active {
+    background-color: #4CAF50;
+}
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+  font-weight: 100;
+  font-size: 15px;
+  line-height: 30px;
+  color: #777;
+  background: #ffffff;
+}
+
+.container {
+  max-width: 400px;
+  width: 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+#contact input[type="Airline"],
+#contact input[type="Flight_Number"],
+#contact input[type="Departure"],
+#contact input[type="Arrival"],
+#contact input[type="Time"],
+#contact input[type="Morning_AfterNoon_Night"],
+#contact input[type="Price"],
+#contact button[type="submit"],
+#contact button[type="First_Name"],
+#contact button[type="Last_Name"] {
+  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+}
+
+#contact {
+  background: #F9F9F9;
+  padding: 25px;
+  margin: 15px 0;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+}
+
+#contact h3 {
+  display: block;
+  font-size: 30px;
+  font-weight: 300;
+  margin-bottom: 10px;
+}
+
+#contact h4 {
+  margin: 5px 0 15px;
+  display: block;
+  font-size: 13px;
+  font-weight: 400;
+}
+
+fieldset {
+  border: medium none !important;
+  margin: 0 0 10px;
+  min-width: 100%;
+  padding: 0;
+  width: 100%;
+}
+
+#contact input[type="Airline"],
+#contact input[type="Flight_Number"],
+#contact input[type="Departure"],
+#contact input[type="Arrival"],
+#contact input[type="Time"],
+#contact input[type="Morning_AfterNoon_Night"],
+#contact input[type="Price"],
+#contact input[type="First_Name"],
+#contact input[type="Last_Name"] {
+  width: 100%;
+  border: 1px solid #ccc;
+  background: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+}
+
+#contact input[type="Airline"]:hover,
+#contact input[type="Flight_Number"]:hover,
+#contact input[type="Departure"]:hover,
+#contact input[type="Arrival"]:hover,
+#contact input[type="Time"]:hover,
+#contact input[type="Morning_AfterNoon_Night"]:hover,
+#contact input[type="Price"]:hover,
+#contact input[type="First_Name"]:hover,
+#contact input[type="Last_Name"]:hover {
+  -webkit-transition: border-color 0.3s ease-in-out;
+  -moz-transition: border-color 0.3s ease-in-out;
+  transition: border-color 0.3s ease-in-out;
+  border: 1px solid #aaa;
+}
+
+#contact textarea {
+  height: 100px;
+  max-width: 100%;
+  resize: none;
+}
+
+#contact button[type="submit"] {
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: #4CAF50;
+  color: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+  font-size: 20px;
+}
+
+#contact button[type="submit"]:hover {
+  background: #43A047;
+  -webkit-transition: background 0.3s ease-in-out;
+  -moz-transition: background 0.3s ease-in-out;
+  transition: background-color 0.3s ease-in-out;
+}
+
+#contact button[type="submit"]:active {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+#contact input:focus,
+#contact textarea:focus {
+  outline: 0;
+  border: 1px solid #aaa;
+}
+
+::-webkit-input-placeholder {
+  color: #888;
+}
+
+:-moz-placeholder {
+  color: #888;
+}
+
+::-moz-placeholder {
+  color: #888;
+}
+
+:-ms-input-placeholder {
+  color: #888;
+}
+
+</style>
+</head>
+
+<body>
+
+  <?php
+
+  $Airline = $Flight_Number = $Departure = $Arrival = $Departure_Time =
+  $Arrival_Time = $Flight_Time = $Morning_AfterNoon_Night = $Price = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $Airline = test_input($_POST["Airline"]);
+    $Flight_Number = test_input($_POST["Flight_Number"]);
+    $Departure = test_input($_POST["Departure"]);
+    $Arrival = test_input($_POST["Arrival"]);
+    $Departure_Time = test_input($_POST["Departure_Time"]);
+    $Arrival_Time = test_input($_POST["Arrival_Time"]);
+    $Flight_Time = test_input($_POST["Flight_Time"]);
+    $Morning_AfterNoon_Night = test_input($_POST["Morning_AfterNoon_Night"]);
+    $Price = test_input($_POST["Price"]);
+
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+	<ul>
+  	<li><a href="index1.php">Home</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+ 		<li><a href="index1.php">About</a></li>
+    <li><a class="active" href="admin_place.php">Admin place</a></li>
+    <li><a href="query_2.php">Customer queries</a></li>
+    <li><a href="admin_delete_record.php">Deleting record</a></li>
+    <li><a href="logout_admin.php">Logout</a></li>
+	</ul>
+
+  <div class="row">
+
+<div class="container">
+  <fieldset>
+      <form id="contact" method="post" action="<?php $PHP_SELF?>">
+      	<Legend><h1>Inserting flight information</h1></Legend>
+        <Ledgend>Airline:</legend>
+          <input placeholder="Airline" type="Airline" name="Airline" tabindex="1" required autofocus/>
+          <br>
+        <Ledgend>Flight Number:</legend>
+          <input placeholder="Flight Number" type="Flight_Number" name="Flight_Number" tabindex="1" required autofocus/>
+          <br>
+        <Ledgend>Departure:</legend>
+          <input placeholder="Departure" type="Departure" name="Departure" tabindex="2" required style="text-transform:uppercase" />
+          <br>
+        <Ledgend>Arrival:</legend>
+          <input placeholder="Arrival" type="Arrival" name="Arrival" tabindex="2" required style="text-transform:uppercase" />
+          <br>
+        <Ledgend>Departure Time:</legend>
+          <input placeholder="Departure Time" type="Time" name="Departure_Time" tabindex="2" required/>
+          <br>
+        <Ledgend>Arrival Time:</legend>
+          <input placeholder="Arrival Time" type="Time" name="Arrival_Time" tabindex="2" required/>
+          <br>
+       <Ledgend>Flight Time:</legend>
+         <input placeholder="Flight Time" type="Time" name="Flight_Time" tabindex="2" required/>
+         <br>
+       <Ledgend>Morning, Afternoon or Night:</legend>
+        <input placeholder="Morning, Afternoon or Night" type="Morning_AfterNoon_Night" name="Morning_AfterNoon_Night" tabindex="1" required autofocus/>
+        <br>
+       <Ledgend>Price:</legend>
+        <input placeholder="Price" type="Price" name="Price" tabindex="1" required autofocus/>
+       	<br>
+      <input type="submit" name="submit" value="Submit" />
+     </form>
+
+    <?php
+        #echo "Insert new user";
+		// connect to the database
+    $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+    // Check connection
+    if (mysqli_connect_errno())
+       {
+       echo "Failed to connect to MySQL: " . mysqli_connect_error();
+       }
+
+    $Departure = strtoupper($_POST['Departure']);
+    $Arrival = strtoupper($_POST['Arrival']);
+
+		$data = mysqli_query($con, "INSERT INTO FlightData (Airline, Flight_Number, Departure, Arrival,
+      Departure_Time, Arrival_Time, Flight_Time, Morning_AfterNoon_Night, Price)
+		VALUES ('$Airline', '$Flight_Number', '$Departure', '$Arrival', '$Departure_Time', '$Arrival_Time',
+      '$Flight_Time', '$Morning_AfterNoon_Night', '$Price')");
+
+    mysqli_close($con);
+    ?>
+
+</div>
+
+</div>
+
+</body>
+</html>
--- a/booking_page.php
+++ b/booking_page.php
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>index</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <link rel="stylesheet" type="text/css" href="css2.css">
+  <script defer src="mainjs.js"></script>
+
+  <style>
+  .container {
+    max-width: 600px;
+    margin: 0 auto;
+    position: relative;
+  }
+
+  #search input[type="departure"],
+  #search input[type="arrival"],
+  #search input[type="class"],
+  #search input[type="date"],
+  #search input[type="date"],
+  #search input[type="filters"],
+  #search button[type="submit"] {
+    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #search {
+    background: #F9F9F9;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #search h3 {
+    display: block;
+    font-size: 30px;
+    font-weight: 300;
+    margin-bottom: 10px;
+  }
+
+  #search h4 {
+    margin: 5px 0 15px;
+    display: block;
+    font-size: 13px;
+    font-weight: 400;
+  }
+
+  fieldset {
+    border: medium none !important;
+    margin: 0 0 10px;
+    min-width: 100%;
+    padding: 0;
+    width: 100%;
+  }
+
+  #search input[type="departure"],
+  #search input[type="arrival"],
+  #search input[type="class"],
+  #search input[type="date"],
+  #search input[type="date"],
+  #search input[type="filters"] {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #search input[type="departure"]:hover,
+  #search input[type="arrival"]:hover,
+  #search input[type="class"],
+  #search input[type="date"]:hover,
+  #search input[type="date"]:hover,
+  #search input[type="filters"]:hover {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #search button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #search button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #search button[type="submit"]:active {
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  }
+
+  #search input:focus,
+  #search textarea:focus {
+    outline: 0;
+    border: 1px solid #aaa;
+  }
+
+  </style>
+
+</head>
+
+<body>
+
+	<ul>
+    <li><a href="index.php">Home</a></li>
+  	<li><a class="active" href="booking_page.php">Booking</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+    <li><a href="user_login.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+	</ul>
+
+  <div class="row">
+    <div class="container">
+      <fieldset>
+        <form id="search" method="post" action="<?php $PHP_SELF?>">
+          <legend><h1>You may search your flights details</h1></legend>
+          <legend>Please enter your departure and arrival point:</legend>
+          <br>
+          <label for="departure">departure: </label>
+          <input id="departure" placeholder="departure" type="departure" name="departure" tabindex="1" required autofocus style="text-transform:uppercase" />
+          <br>
+          <label for="arrival">arrival: </label>
+          <input id="arrival" placeholder="arrival" type="arrival" name="arrival" tabindex="2" required required autofocus style="text-transform:uppercase" />
+          <br>
+          <legend>Please select your class:</legend>
+          <select>
+            <option type="class" value="economy">Economy</option>
+            <option type="class" value="business">Business</option>
+            <option type="class" value="first">First</option>
+          </select>
+          <br>
+          <legend>Please select your date:</legend>
+          <label for="start">Start: </label>
+          <input type="date" id="start" name="trip_going" value="yyyy-mm-dd" min="2018-01-01" max="9000-12-21" />
+          <br>
+          <label for="end">End: </label>
+          <input type="date" id="end" name="trip_back" value="yyyy-mm-dd" min="2018-01-01" max="9000-12-21" />
+          <br>
+          <legend>Filter:</legend>
+          <input type="checkbox" name="check_list[]" value="Morning"><label>Morning</label><br/>
+          <input type="checkbox" name="check_list[]" value="Afternoon"><label>Afternoon</label><br/>
+          <input type="checkbox" name="check_list[]" value="Night"><label>Night</label><br/>
+
+          <!-- <legend>Cost filter:</legend>
+          <input type="radio" name="radio_list[]" value="htolcost"><label>Hight to low cost</label><br/>
+          <input type="radio" name="radio_list[]" value="ltohcost"><label>Low to high cost</label><br/> -->
+
+          <!-- <input type="radio" name="cost_order_high_to_low" value="TRUE" checked>TRUE
+          <input type="radio" name="cost_order_high_to_low"　value="FALSE">FALSE
+
+          <input type="radio" name="cost_order_low_to_high" value="TRUE" checked>TRUE
+          <input type="radio" name="cost_order_low_to_high"　value="FALSE">FALSE -->
+
+          <legend>Cost Filter</legend>
+          <input name="radio" type="radio" value="htolcost">Hight to low cost
+          <br>
+          <input name="radio" type="radio" value="ltohcost">Low to high cost
+          <br>
+          <input type="hidden" name="flight_search" value="yes" />
+          <input type="submit" name="submit" class="button7" value="Search" />
+        </form>
+
+        <?php
+        //This is only displayed if the user submitted the form
+        if (isset($_POST['flight_search'])){
+          echo "<h2>Results</h2><p>";
+
+          //If the user did not enter a search term, they receive an error
+          if ($_POST['departure'] and $_POST['arrival']== ""){
+            echo "<p>Please enter a search term";
+            exit;
+          }
+
+          // Otherwise we connect to the database
+          $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+          // Check connection
+          if (mysqli_connect_errno()){
+            echo "Failed to connect to MySQL: " . mysqli_connect_error();
+          }
+
+          if ($_SERVER["REQUEST_METHOD"] == "POST") {
+            $departure = ($_POST["departure"]);
+            $arrival = ($_POST["arrival"]);
+            $date_going = ($_POST["trip_going"]);
+            $date_back = ($_POST["trip_back"]);
+          }
+
+          //echo "$departure";
+          //echo "$arrival";
+
+          //Now we search for our search term, in the field the user specified
+          //if Morning_AfterNoon_Night = Morning
+          //$data = mysqli_query($con, "SELECT * FROM FlightData WHERE departure = '$departure' AND arrival = '$arrival'");
+          $int = 0;
+          foreach ($_POST['check_list'] as $select){
+            if ($int > 0){
+              $filter = $filter . " or Morning_AfterNoon_Night ='" . $select . "'" ;
+            }
+            else {
+              $filter = " and Morning_AfterNoon_Night ='" . $select . "'" ;
+            }
+            $int = $int + 1;
+          }
+
+          //$a = $a . ")";
+
+          if(isset($_POST['radio'])){
+            echo "You have selected :".$_POST['radio'];
+          }
+          if ($_POST['radio'] === 'htolcost'){
+            $order = " ORDER BY Price DESC" ;
+          }
+          else {
+            $order = " ORDER BY Price" ;
+          }
+
+          //echo "SELECT * FROM FlightData WHERE departure = '$departure' AND arrival = '$arrival' " . "$a";
+          //$data = mysqli_query($con, "SELECT * FROM FlightData WHERE departure = '$departure' AND arrival = '$arrival'");
+
+          $data = mysqli_query($con, "SELECT * FROM FlightData WHERE departure = '$departure' AND arrival = '$arrival' " . "$filter" . "$order");
+          //And display the results
+
+          while($row = mysqli_fetch_array( $data )){
+            echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " " . "$row[5]". " " . "$row[6]". " " . "$row[7]". " " . "$row[8]". " " . "$row[9]" . " " . "$date_going". " " . "$date_back". " " ."<a href='loginform2.php?Flight_Id=$row[0]' >". "SELECT" ."</a>";
+            echo "<br>";
+          }
+
+          //This counts the number or results. If there aren't any, it gives the user a "no match" message
+          $anymatches=mysqli_num_rows($data);
+          if ($anymatches == 0){
+            echo "Sorry, but we can not find an entry to match your query<br><br>";
+          }
+
+          //And reminds the user what they searched for
+          echo "<b>Searched For:</b> " . "$find";
+        }
+
+        //break;
+
+        if (isset($_GET['Flight_Id#'])) {
+          $Flight_Id = $_GET['Flight_Id'];
+          echo $Flight_Id;
+        }
+
+        ?>
+
+
+
+      </fieldset>
+    </div>
+  
+    <div class="social twitter">
+      <a href="#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+    </div>
+    <div class="social instagram">
+      <a href="#" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+    </div>
+    <div class="social facebook">
+      <a href="#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+    </div>
+
+  </div>
+</body>
+</html>
--- a/contact.php
+++ b/contact.php
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Contact</title>
+  <link rel="stylesheet" type="text/css" href="css2.css">
+
+  <style>
+  #contact input[type="text"],
+  #contact input[type="email"],
+  #contact textarea,
+  #contact button[type="submit"] {
+    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #contact {
+    background: #F9F9F9;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #contact h3 {
+    display: block;
+    font-size: 30px;
+    font-weight: 300;
+    margin-bottom: 10px;
+  }
+
+  #contact h4 {
+    margin: 5px 0 15px;
+    display: block;
+    font-size: 13px;
+    font-weight: 400;
+  }
+
+  fieldset {
+    border: medium none !important;
+    margin: 0 0 10px;
+    min-width: 100%;
+    padding: 0;
+    width: 100%;
+  }
+
+  #contact input[type="text"],
+  #contact input[type="email"],
+  #contact textarea {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #contact input[type="text"]:hover,
+  #contact input[type="email"]:hover,
+  #contact textarea:hover {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #contact textarea {
+    height: 100px;
+    max-width: 100%;
+    resize: none;
+  }
+
+  #contact button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #contact button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #contact button[type="submit"]:active {
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  }
+
+  #contact input:focus,
+  #contact textarea:focus {
+    outline: 0;
+    border: 1px solid #aaa;
+  }
+  </style>
+
+</head>
+
+<body>
+  <!-- <script id="__bs_script__">//<![CDATA[
+    document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.26.7'><\/script>".replace("HOST", location.hostname));
+    </script> -->
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+    <li><a href="booking_page.php">Booking</a></li>
+    <li><a class="active" href="contact.php">Contact</a></li>
+    <li><a href="user_login.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+  </ul>
+
+  <?php
+
+  $Contact_Name = $Email = $Subject = $Message = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $Contact_Name = test_input($_POST["Contact_Name"]);
+    $Email = test_input($_POST["Email"]);
+    $Subject = test_input($_POST["Subject"]);
+    $Message = test_input($_POST["Message"]);
+
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+  <div class="row">
+    <div class="container">
+      <fieldset>
+        <form id="contact" action="" method="post">
+          <h3>Contact</h3>
+          <fieldset>
+            <label for="Contact_Name">Please enter your name: </label>
+            <input placeholder="Your name" type="text" name="Contact_Name" tabindex="1" required autofocus>
+          </fieldset>
+          <fieldset>
+            <label for="Email">Please enter your email address: </label>
+            <input placeholder="Your Email Address" type="email" name="Email" tabindex="2" required>
+          </fieldset>
+          <fieldset>
+            <legend>Please select your subject:</legend>
+            <select name="Subject">
+              <option value="Reporting problems in the website">Reporting problems in the website</option>
+              <option value="Questions, queries and problems using the website">Questions, queries and problems using the website</option>
+              <option value="Request">Request in the website</option>
+              <option value="Cancelling a flight">Cancelling a flight</option>
+            </select>
+          </fieldset>
+          <fieldset>
+            <legend>Please type in your message:</legend>
+            <textarea placeholder="Type your message here...." name="Message" tabindex="5" required></textarea>
+          </fieldset>
+          <fieldset>
+            <button name="submit" type="submit" id="contact-submit" class="button7" data-submit="...Sending">Submit</button>
+          </fieldset>
+        </form>
+      </fieldset>
+    </div>
+
+    <?php
+      if(isset($_POST['submit'])){
+      $selected_val = $_POST['Subject'];  // Storing Selected Value In Variable
+      echo "You have selected :" .$selected_val;  // Displaying Selected Value
+      }
+    ?>
+
+    <?php
+    // connect to the database
+    $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+    // Check connection
+    if (mysqli_connect_errno())
+       {
+       echo "Failed to connect to MySQL: " . mysqli_connect_error();
+       }
+
+    $data = mysqli_query($con, "INSERT INTO Contact (Contact_Name, Email, Subject, Message)
+    VALUES ('$Contact_Name', '$Email', '$Subject', '$Message')");
+
+    mysqli_close($con);
+
+
+    echo "Your input:::::::::<br>";
+    echo "".$Contact_Name. "<br>";
+    echo "".$Email. "<br>";
+    echo "".$Subject. "<br>";
+    echo "".$Message. "<br>";
+
+    ?>
+  </div>
+  <!-- social media block -->
+  <div class="social twitter">
+    <a href="#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+  </div>
+  <div class="social instagram">
+    <a href="#" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+  </div>
+  <div class="social facebook">
+    <a href="#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+  </div>
+
+</body>
+</html>
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Montserrat', sans-serif;
+    background: #f6f5f7;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: -20px 0 50px;
+}
+
+h1 {
+    font-weight: bold;
+    margin: 0;
+}
+
+p {
+    font-size: 14px;
+    font-weight: 100;
+    line-height: 20px;
+    letter-spacing: .5px;
+    margin: 20px 0 30px;
+}
+
+span {
+    font-size: 12px;
+}
+
+a {
+    color: #333;
+    font-size: 14px;
+    text-decoration: none;
+    margin: 15px 0;
+}
+
+.container {
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
+    position: relative;
+    overflow: hidden;
+    width: 768px;
+    max-width: 100%;
+    min-height: 480px;
+}
+
+.form-container form {
+    background: #fff;
+    display: flex;
+    flex-direction: column;
+    padding: 0 50px;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+}
+
+.form-container input {
+    background: #eee;
+    border: none;
+    padding: 12px 15px;
+    margin: 8px 0;
+    width: 100%;
+}
+
+button {
+    border-radius: 20px;
+    border: 1px solid #DE584F;
+    background: #DE584F;
+    color: #fff;
+    font-size: 12px;
+    font-weight: bold;
+    padding: 12px 45px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    transition: transform 80ms ease-in;
+}
+
+button:active {
+    transform: scale(.95);
+}
+
+button:focus {
+    outline: none;
+}
+
+button.ghost {
+    background: transparent;
+    border-color: #fff;
+}
+
+.form-container {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    transition: all .6s ease-in-out;
+}
+
+.sign-in-container {
+    left: 0;
+    width: 50%;
+    z-index: 2;
+}
+
+.sign-up-container {
+    left: 0;
+    width: 50%;
+    z-index: 1;
+    opacity: 0;
+}
+
+.overlay-container {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    transition: transform .6s ease-in-out;
+    z-index: 100;
+}
+
+.overlay {
+    background: #ff416c;
+    background: linear-gradient(to top, #DE584F, rgb(165, 56, 48)) no-repeat 0 0 / cover;
+    color: #fff;
+    position: relative;
+    left: -100%;
+    height: 100%;
+    width: 200%;
+    transform: translateY(0);
+    transition: transform .6s ease-in-out;
+}
+
+.overlay-panel {
+    position: absolute;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 0 40px;
+    height: 100%;
+    width: 50%;
+    text-align: center;
+    transform: translateY(0);
+    transition: transform .6s ease-in-out;
+}
+
+.overlay-right {
+    right: 0;
+    transform: translateY(0);
+}
+
+.overlay-left {
+    transform: translateY(-20%);
+}
+
+
+/* Move signin to right */
+
+.container.right-panel-active .sign-in-container {
+    transform: translateY(100%);
+}
+
+
+/* Move overlay to left */
+
+.container.right-panel-active .overlay-container {
+    transform: translateX(-100%);
+}
+
+
+/* Bring signup over signin */
+
+.container.right-panel-active .sign-up-container {
+    transform: translateX(100%);
+    opacity: 1;
+    z-index: 5;
+}
+
+
+/* Move overlay back to right */
+
+.container.right-panel-active .overlay {
+    transform: translateX(50%);
+}
+
+
+/* Bring back the text to center */
+
+.container.right-panel-active .overlay-left {
+    transform: translateY(0);
+}
+
+
+/* Same effect for right */
+
+.container.right-panel-active .overlay-right {
+    transform: translateY(20%);
+}
--- a/css/stylesheet2.css
+++ b/css/stylesheet2.css
+@charset "UTF-8";
+
+@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+* {
+    box-sizing: border-box;
+  }
+
+/* .social a {
+  text-align: center;
+  width: 52px;
+  height: 52px;
+  float: left;
+  background: #fff;
+  border: 1px solid #ccc;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.1);
+  border-radius: 24px;
+  margin: 0 10px 10px 0;
+  padding: 6px;
+  color: #000;
+}
+
+.twitter a:hover {
+  background: #00acee;
+  color: #fff;
+}
+
+.instagram a:hover {
+  background: #3f729b;
+  color: #fff;
+}
+
+.facebook a:hover {
+  background: #3b5998;
+  color: #fff;
+} */
+
+.header {
+  border: 1px solid #DE584F;
+  padding: 15px;
+}
+
+.row::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
+[class*="col-"] {
+  float: left;
+  padding: 15px;
+}
+
+/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+.col-1 {width: 8.33%;}
+.col-2 {width: 16.66%;}
+.col-3 {width: 25%;}
+.col-4 {width: 33.33%;}
+.col-5 {width: 41.66%;}
+.col-6 {width: 50%;}
+.col-7 {width: 58.33%;}
+.col-8 {width: 66.66%;}
+.col-9 {width: 75%;}
+.col-10 {width: 83.33%;}
+.col-11 {width: 91.66%;}
+.col-12 {width: 100%;}
+
+ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #333;
+}
+
+li {
+  float: left;
+}
+
+li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+}
+
+li a:hover:not(.active) {
+  background-color: #111;
+}
+
+.active {
+  background-color: #DE584F;
+}
+
+/* @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+} */
+
+body {
+    font-family: 'Montserrat', sans-serif;
+    background: #f6f5f7;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: -20px 0 50px;
+}
+
+h1 {
+  font-weight: bold;
+  margin: 0;
+}
+
+p {
+  font-size: 14px;
+  font-weight: 100;
+  line-height: 20px;
+  letter-spacing: .5px;
+  margin: 20px 0 30px;
+}
+
+span {
+  font-size: 12px;
+}
+
+a {
+  color: #333;
+  font-size: 14px;
+  text-decoration: none;
+  margin: 15px 0;
+}
+
+.container {
+  background: #fff;
+  border-radius: 10px;
+  box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
+  position: relative;
+  overflow: hidden;
+  width: 768px;
+  max-width: 100%;
+  min-height: 480px;
+}
+
+.form-container form {
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  padding: 0 50px;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+
+.form-container input {
+  background: #eee;
+  border: none;
+  padding: 12px 15px;
+  margin: 8px 0;
+  width: 100%;
+}
+
+button {
+  border-radius: 20px;
+  border: 1px solid #DE584F;
+  background: #DE584F;
+  color: #fff;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 12px 45px;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  transition: transform 80ms ease-in;
+}
+
+button:active {
+  transform: scale(.95);
+}
+
+button:focus {
+  outline: none;
+}
+
+button.ghost {
+  background: transparent;
+  border-color: #fff;
+}
+
+.form-container {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  transition: all .6s ease-in-out;
+}
+
+.sign-in-container {
+  left: 0;
+  width: 50%;
+  z-index: 2;
+}
+
+.sign-up-container {
+  left: 0;
+  width: 50%;
+  z-index: 1;
+  opacity: 0;
+}
+
+.overlay-container {
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  transition: transform .6s ease-in-out;
+  z-index: 100;
+}
+
+.overlay {
+  background: #ff416c;
+  background: linear-gradient(to top, #DE584F, rgb(165, 56, 48)) no-repeat 0 0 / cover;
+  color: #fff;
+  position: relative;
+  left: -100%;
+  height: 100%;
+  width: 200%;
+  transform: translateY(0);
+  transition: transform .6s ease-in-out;
+}
+
+.overlay-panel {
+  position: absolute;
+  top: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 0 40px;
+  height: 100%;
+  width: 50%;
+  text-align: center;
+  transform: translateY(0);
+  transition: transform .6s ease-in-out;
+}
+
+.overlay-right {
+  right: 0;
+  transform: translateY(0);
+}
+
+.overlay-left {
+  transform: translateY(-20%);
+}
+
+
+/* Move signin to right */
+
+.container.right-panel-active .sign-in-container {
+  transform: translateY(100%);
+}
+
+
+/* Move overlay to left */
+
+.container.right-panel-active .overlay-container {
+  transform: translateX(-100%);
+}
+
+
+/* Bring signup over signin */
+
+.container.right-panel-active .sign-up-container {
+  transform: translateX(100%);
+  opacity: 1;
+  z-index: 5;
+}
+
+
+/* Move overlay back to right */
+
+.container.right-panel-active .overlay {
+  transform: translateX(50%);
+}
+
+
+/* Bring back the text to center */
+
+.container.right-panel-active .overlay-left {
+  transform: translateY(0);
+}
+
+
+/* Same effect for right */
+
+.container.right-panel-active .overlay-right {
+  transform: translateY(20%);
+}
+
+::-webkit-input-placeholder {
+  color: #888;
+}
+
+:-moz-placeholder {
+  color: #888;
+}
+
+::-moz-placeholder {
+  color: #888;
+}
+
+:-ms-input-placeholder {
+  color: #888;
+}
--- a/css2.css
+++ b/css2.css
+@charset "UTF-8";
+@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+* {
+    box-sizing: border-box;
+}
+
+
+/* .header {
+    border: 1px solid #DE584F;
+    padding: 15px;
+  } */
+
+.social a {
+    text-align: center;
+    width: 52px;
+    height: 52px;
+    float: left;
+    background: #fff;
+    border: 1px solid #ccc;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.1);
+    border-radius: 24px;
+    margin: 0 10px 10px 0;
+    padding: 6px;
+    color: #000;
+}
+
+.twitter a:hover {
+    background: #00acee;
+    color: #fff;
+}
+
+.instagram a:hover {
+    background: #3f729b;
+    color: #fff;
+}
+
+.facebook a:hover {
+    background: #3b5998;
+    color: #fff;
+}
+
+.header {
+    border: 1px solid #DE584F;
+    padding: 15px;
+}
+
+.row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+
+/* .row::after {
+    content: "";
+    clear: both;
+    display: table;
+  } */
+
+
+/* ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+  }
+
+li {
+    float: left;
+  }
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+  }
+
+li a:hover {
+    background-color: #111;
+  } */
+
+[class*="col-"] {
+    float: left;
+    padding: 15px;
+}
+
+
+/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+.col-1 {
+    width: 8.33%;
+}
+
+.col-2 {
+    width: 16.66%;
+}
+
+.col-3 {
+    width: 25%;
+}
+
+.col-4 {
+    width: 33.33%;
+}
+
+.col-5 {
+    width: 41.66%;
+}
+
+.col-6 {
+    width: 50%;
+}
+
+.col-7 {
+    width: 58.33%;
+}
+
+.col-8 {
+    width: 66.66%;
+}
+
+.col-9 {
+    width: 75%;
+}
+
+.col-10 {
+    width: 83.33%;
+}
+
+.col-11 {
+    width: 91.66%;
+}
+
+.col-12 {
+    width: 100%;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover:not(.active) {
+    background-color: #111;
+}
+
+.active {
+    background-color: #DE584F;
+}
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-font-smoothing: antialiased;
+    -o-font-smoothing: antialiased;
+    font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+}
+
+body {
+    font-family: "Roboto", Helvetica, Arial, sans-serif;
+    font-weight: 100;
+    font-size: 20px;
+    line-height: 40px;
+    color: #777;
+    height: 200vh;
+    background-image: linear-gradient(to top, gray, white 40%);
+}
+
+.container {
+    max-width: 600px;
+    margin: 0 auto;
+    position: relative;
+}
+
+::-webkit-input-placeholder {
+    color: #888;
+}
+
+:-moz-placeholder {
+    color: #888;
+}
+
+::-moz-placeholder {
+    color: #888;
+}
+
+:-ms-input-placeholder {
+    color: #888;
+}
+
+[class*="button7"] {
+    background-color: #DE584F;
+}
+
+.button7 {
+    font-weight: 700;
+    color: white;
+    text-decoration: none;
+    padding: .8em 2em calc(.8em + 3px);
+    border-radius: 3px;
+    background: #DE584F(64, 199, 129);
+    box-shadow: 0 -3px #DE584F(53, 167, 110) inset;
+    transition: 0.2s;
+}
+
+.button7:hover {
+    background: #DE584F(206, 211, 208);
+}
+
+.button7:active {
+    background: #DE584F(206, 211, 208);
+    box-shadow: 0 3px rgb(33, 147, 90) inset;
+}
\ No newline at end of file
--- a/img/airplane1.jpg
+++ b/img/airplane1.jpg
--- a/img/airplaneticketsbooking1.svg
+++ b/img/airplaneticketsbooking1.svg
+<svg id="Слой_1" data-name="Слой 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229 118.5"><defs><style>.cls-1,.cls-2{fill:#de584f;}.cls-2,.cls-5{stroke:#fff;}.cls-2,.cls-3,.cls-5{stroke-miterlimit:10;}.cls-2,.cls-3{stroke-width:2px;}.cls-3,.cls-4{fill:#fff;}.cls-3{stroke:#de584f;}.cls-5{fill:none;stroke-width:4px;}</style></defs><title>airplaneticketsbooking1</title><rect class="cls-1" width="229" height="118.5"/><rect class="cls-2" x="76.24" y="44.35" width="36.32" height="26.67"/><rect class="cls-3" x="112.56" y="44.35" width="36.32" height="26.67"/><polygon class="cls-4" points="98.11 46.82 98.11 49.22 91.79 49.22 91.79 68.42 88.75 68.42 88.75 49.22 82.43 49.22 82.43 46.82 98.11 46.82"/><path class="cls-1" d="M274.09,221.38a6.05,6.05,0,0,1-6,6h-7.69V205.69h7.88a4.89,4.89,0,0,1,4.88,4.88,4.87,4.87,0,0,1-4.19,4.82A6,6,0,0,1,274.09,221.38Z" transform="translate(-132.3 -158.88)"/><path class="cls-4" d="M271.25,221.6a4.11,4.11,0,0,1-4.11,4.1H263.2V217.5h3.95A4.11,4.11,0,0,1,271.25,221.6Z" transform="translate(-132.3 -158.88)"/><path class="cls-4" d="M270.44,211.14a3.58,3.58,0,0,1-3.58,3.58H263.2v-7.16h3.66A3.59,3.59,0,0,1,270.44,211.14Z" transform="translate(-132.3 -158.88)"/><path class="cls-5" d="M208.54,234.29h72.64c.87-.63,9.24-6.84,9.28-17.73,0-1.38-.14-12.14-9.28-17.79a20.21,20.21,0,0,0-20.82,0" transform="translate(-132.3 -158.88)"/><path class="cls-4" d="M206.49,202.84l.49-.16c.44-.15.55-.19.61-.31a.67.67,0,0,0-.06-.51c-.06-.18-.13-.37-.31-.43s-.15,0-.48.08c.07-.37.14-.75.21-1.15l.45-.14c.44-.15.55-.19.61-.31a.67.67,0,0,0-.06-.51c-.06-.18-.13-.37-.31-.43s-.14,0-.46.07l.24-1.39L211.9,196a2.67,2.67,0,0,0,1.22-.87,2.74,2.74,0,0,0,.54-1.43,2.9,2.9,0,0,0-1.3-.62,2.81,2.81,0,0,0-1.49.13l-4.46,1.65-1.09-.91c.31-.12.36-.18.39-.24a.66.66,0,0,0,0-.53c-.07-.18-.13-.36-.29-.43s-.23,0-.66.16l-.43.18-.91-.74c.33-.13.39-.19.42-.26a.66.66,0,0,0,0-.53c-.07-.18-.13-.36-.29-.43s-.23,0-.66.16l-.48.2c-3.38-2.69-4.48-3.29-4.66-3.1s.66,1.22,3.22,5.19c.68,1,1.24,1.94,1.64,2.58L197.85,198l-3.24-1.4a.85.85,0,0,0-.74.58l2.82,2.69.29.06-.18.23L196.4,204a.85.85,0,0,0,.94,0l1.56-3.17,4.73-1.64c.11.75.26,1.79.43,3,.62,4.68.64,6,.91,6S205.67,207.08,206.49,202.84Z" transform="translate(-132.3 -158.88)"/><rect class="cls-1" x="111.85" y="43.72" width="0.71" height="28.05"/><rect class="cls-4" x="112.79" y="43.93" width="0.66" height="27.92"/><polygon class="cls-4" points="112.23 38.35 112.23 59.04 106.9 58.99 103.65 68.55 99.59 68.55 109.83 38.35 112.23 38.35"/><polygon class="cls-1" points="124.88 68.55 120.77 68.55 117.36 59.09 112.23 59.04 112.23 38.35 114.69 38.35 124.88 68.55"/><polygon class="cls-1" points="112.23 41.58 112.23 55.77 107.65 55.77 112.23 41.58"/><polygon class="cls-4" points="116.82 55.77 112.23 55.77 112.23 41.58 116.82 55.77"/><rect class="cls-4" x="113.45" y="59.07" width="3.75" height="10.93"/></svg>
\ No newline at end of file
--- a/img/best.png
+++ b/img/best.png
--- a/img/conf.jpg
+++ b/img/conf.jpg
--- a/img/description.png
+++ b/img/description.png
--- a/img/estonia.jpg
+++ b/img/estonia.jpg
--- a/img/hugelist.png
+++ b/img/hugelist.png
--- a/img/info.png
+++ b/img/info.png
--- a/img/japanpic.jpg
+++ b/img/japanpic.jpg
--- a/img/jetconf.jpg
+++ b/img/jetconf.jpg
--- a/img/jp1.jpg
+++ b/img/jp1.jpg
--- a/img/jp2.jpg
+++ b/img/jp2.jpg
--- a/img/l.jpg
+++ b/img/l.jpg
--- a/img/london.jpg
+++ b/img/london.jpg
--- a/img/message.png
+++ b/img/message.png
--- a/img/newyork.jpg
+++ b/img/newyork.jpg
--- a/img/newyorkcity.jpg
+++ b/img/newyorkcity.jpg
--- a/img/ny1.jpg
+++ b/img/ny1.jpg
--- a/img/ny2.jpg
+++ b/img/ny2.jpg
--- a/img/ocean.jpg
+++ b/img/ocean.jpg
--- a/img/p1.jpg
+++ b/img/p1.jpg
--- a/img/paris.jpg
+++ b/img/paris.jpg
--- a/img/passport.jpg
+++ b/img/passport.jpg
--- a/img/pic.png
+++ b/img/pic.png
--- a/img/privateclients.png
+++ b/img/privateclients.png
--- a/img/review.png
+++ b/img/review.png
--- a/img/tokyo.jpg
+++ b/img/tokyo.jpg
--- a/img/uk.jpg
+++ b/img/uk.jpg
--- a/img/weather.png
+++ b/img/weather.png
--- a/img/withyou.png
+++ b/img/withyou.png
--- a/img/zb.jpg
+++ b/img/zb.jpg
--- a/index.php
+++ b/index.php
+<!DOCTYPE>
+<html>
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
+    <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'>
+    <link rel="stylesheet " type="text/css " href="mainpagestyle.css ">
+    <link href="https://fonts.googleapis.com/css?family=Kaushan+Script|Montserrat:300i,400,700&display=swap" rel="stylesheet">
+    <title>Air Ticket Booking</title>
+    <script>
+!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
+</script>
+</head>
+
+<body>
+<header class="header">
+        <div class="container">
+            <div class="header__inner">
+                <div class="header__logo">
+                    Air Booking
+                </div>
+            </div>
+        </div>
+    </header>
+    <br>
+    <br>
+    <br>
+
+    <div class="ul1">
+        <div class="li2">
+            <a class="a1" href="index.php">Home</a>
+        </div>
+        <div class="li2">
+            <a class="a1" href="booking_page.php">Booking</a>
+        </div>
+        <div class="li2">
+            <a class="a1" href="contact.php">Contact</a>
+        </div>
+        <div class="li2">
+            <a class="a1" href="user_login.php">Login</a>
+        </div>
+        <div class="li2">
+            <a class="a1" href="loginform_for_admin_2.php">Admin</a>
+        </div>
+    </div>
+
+    <!--Logo-->
+    <div class="intro">
+
+        <div class="container">
+            <div class="intro__inner">
+                <h2 class="intro__suptitle">The Biggest booking service</h2>
+                <h1 class="intro__title">Welcome to TAB</h1>
+            </div>
+
+        </div>
+        <div class="slider">
+            <div class="container">
+                <div class="slider__inner">
+                    <div class="slider__item"><span class="slider__num">02</span>About Us</b>
+                    </div>
+                    <div class="slider__item"><span class="slider__num">02</span>Skills</b>
+                    </div>
+                    <div class="slider__item"><span class="slider__num">03</span>Countries</b>
+                    </div>
+                    <div class="slider__item"><span class="slider__num"> 04</span>Reviews</b>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Just a dream</h3>
+                <h2 class="section__title">About Us</h2>
+                <div class="section__text">
+                    <p>
+                        Some Text
+
+                    </p>
+                </div>
+            </div>
+            <div class="about">
+                <div class="about__item">
+                    <div class="about__img">
+                        <img src="img/airplane1.jpg" alt="">
+                    </div>
+                    <div class="about__text">
+                        Fast
+                    </div>
+                </div>
+
+                <div class="about__item">
+                    <div class="about__img">
+                        <img src="img/ocean.jpg" alt="">
+                    </div>
+                    <div class="about__text">
+                        Breathtaking
+                    </div>
+                </div>
+                <div class="about__item">
+                    <div class="about__img">
+                        <img src="img/jetconf.jpg" alt="">
+                    </div>
+                    <div class="about__text">
+                        Confortable
+                    </div>
+                </div>
+            </div>
+            <!--End of About-->
+
+        </div>
+
+    </section>
+    <div class="statistics">
+        <div class="container">
+            <div class="stat">
+                <div class="stat__item">
+                    <div class="stat__cout">5</div>
+                    <div class="stat__text">Countries available </div>
+                </div>
+                <div class="stat__item">
+                    <div class="stat__cout">2</div>
+                    <div class="stat__text">People who work on a WebPage</div>
+                </div>
+                <div class="stat__item">
+                    <div class="stat__cout">189</div>
+                    <div class="stat__text">Sum of Special clients</div>
+                </div>
+                <div class="stat__item">
+                    <div class="stat__cout">316</div>
+                    <div class="stat__text">Days from opening</div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Everywhere with you</h3>
+                <h2 class="section__title">Our skills</h2>
+            </div>
+            <div class="services">
+                <div class="services__item">
+                    <img class="services__icon" src="img/description.png" alt="">
+                    <div class="services__title">Description</div>
+                    <div class="services__text">We have the best description that you ever seen</div>
+                </div>
+                <div class="services__item">
+                    <img class="services__icon" src="img/hugelist.png" alt="">
+                    <div class="services__title">Destination List</div>
+                    <div class="services__text">You can choose where to come from a big list of offers</div>
+                </div>
+                <div class="services__item">
+                    <img class="services__icon" src="img/privateclients.png" alt="">
+                    <div class="services__title">Client</div>
+                    <div class="services__text">We have a lot of clients from all over the world</div>
+                </div>
+            </div>
+            <hr>
+            <div class="services">
+                <div class="services__item">
+                    <img class="services__icon" src="img/message.png" alt="">
+                    <div class="services__title">Best community help service</div>
+                    <div class="services__text">We have the best description that you ever seen</div>
+                </div>
+                <div class="services__item">
+                    <img class="services__icon" src="img/withyou.png" alt="">
+                    <div class="services__title">Stability</div>
+                    <div class="services__text">You can choose where to come from a big list of offers</div>
+                </div>
+                <div class="services__item">
+                    <img class="services__icon" src="img/best.png" alt="">
+                    <div class="services__title">Raiting</div>
+                    <div class="services__text">We have a lot of clients from all over the world</div>
+                </div>
+
+            </div>
+        </div>
+    </section>
+
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Develope your imagination</h3>
+                <h2 class="section__title">Countries</h2>
+            </div>
+            <div class="countries">
+                <div class="slideshow">
+
+                    <div class="mySlides fade">
+                        <img src="img/jp1.jpg" width="570" height="380">
+                    </div>
+
+                    <div class="mySlides fade">
+                        <img src="img/ny1.jpg" width="570" height="380">
+                    </div>
+
+                    <div class="mySlides fade">
+                        <img src="img/l.jpg" width="570" height="380">
+                    </div>
+                    <div class="mySlides fade">
+                        <img src="img/p1.jpg" width="570" height="380">
+                    </div>
+
+
+                    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+                    <a class="next" onclick="plusSlides(1)">&#10095;</a>
+
+                </div>
+
+            </div>
+        </div>
+
+    </section>
+
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Develope your imagination</h3>
+                <h2 class="section__title">Japan</h2>
+                <div class="section__text">
+                    <p>
+                    Some Text
+
+                    </p>
+                </div>
+            </div>
+
+            <div class="countries">
+                <div class="countries__item">
+                    <img src="img/japanpic.jpg" alt="">
+                </div>
+                <ul class="accordion-menu">
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-paper-plane" aria-hidden="true"></i> About
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                            <p>Japan (Japanese: 日本, Nippon (About this soundlisten) or Nihon (About this soundlisten); officially Japanese: 日本国, About this soundNippon-koku or Nihon-koku) is an island country located in East Asia. It is bordered by the Sea of Japan to the west and the Pacific Ocean to the east, and spans from the Sea of Okhotsk in the north to the East China Sea and Philippine Sea in the south. Part of the Pacific Ring of Fire, Japan encompasses an archipelago of about 6,852 islands, with five main islands (Hokkaido, Honshu, Kyushu, Shikoku, and Okinawa) comprising 97% of the country's area.</p>
+                        </ul>
+                    </li>
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-quote-left" aria-hidden="true"></i> Weather
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                        <a class="weatherwidget-io" href="https://forecast7.com/en/35d71139d73/tokyo/" data-label_1="TOKYO" data-label_2="WEATHER" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="original" >TOKYO WEATHER</a>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Develope your imagination</h3>
+                <h2 class="section__title">The Usa</h2>
+                <div class="section__text">
+                    <p>
+                    Some Text
+
+                    </p>
+                </div>
+            </div>
+
+            <div class="countries">
+                <div class="countries__item">
+                    <img src="img/newyork.jpg" alt="">
+                </div>
+                <ul class="accordion-menu">
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-paper-plane" aria-hidden="true"></i> About
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                            <p>New York City (NYC), often called the City of New York or simply New York (NY), is the most populous city in the United States. With an estimated 2018 population of 8,398,748 distributed over about 302.6 square miles (784 km2), New York is also the most densely populated major city in the United States. Located at the southern tip of the U.S. state of New York, the city is the center of the New York metropolitan area, the largest metropolitan area in the world by urban landmass. With almost 20 million people in its metropolitan statistical area and approximately 23 million in its combined statistical area, it is one of the world's most populous megacities. </p>
+                        </ul>
+                    </li>
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-quote-left" aria-hidden="true"></i> Weather
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                        <a class="weatherwidget-io" href="https://forecast7.com/en/40d71n74d01/new-york/" data-label_1="NEW YORK" data-label_2="WEATHER" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="original" >NEW YORK WEATHER</a>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Develope your imagination</h3>
+                <h2 class="section__title">France</h2>
+                <div class="section__text">
+                    <p>
+                    Some Text
+
+                    </p>
+                </div>
+            </div>
+
+            <div class="countries">
+                <div class="countries__item">
+                    <img src="img/paris.jpg" alt="">
+                </div>
+                <ul class="accordion-menu">
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-paper-plane" aria-hidden="true"></i> About
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                            <p>Paris (French pronunciation: (About this soundlisten) is the capital and most populous city of France, with a population of 2,148,271 residents (official estimate, 1 January 2020) in an area of 105 square kilometres (41 square miles). Since the 17th century, Paris has been one of Europe's major centres of finance, diplomacy, commerce, fashion, science and arts. The City of Paris is the centre and seat of government of the Île-de-France, or Paris Region, which has an estimated official 2020 population of 12,278,210, or about 18 percent of the population of France. The Paris Region had a GDP of €709 billion ($808 billion) in 2017.</p>
+                        </ul>
+                    </li>
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-quote-left" aria-hidden="true"></i> Weather
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                        <a class="weatherwidget-io" href="https://forecast7.com/en/48d862d35/paris/" data-label_1="PARIS" data-label_2="WEATHER" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="original" >PARIS WEATHER</a>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+    </section>
+    <section class="section">
+        <div class="container">
+            <div class="section__header">
+                <h3 class="section__suptitle">Develope your imagination</h3>
+                <h2 class="section__title">The Uk</h2>
+                <div class="section__text">
+                    <p>
+                    Some Text
+
+                    </p>
+                </div>
+            </div>
+
+            <div class="countries">
+                <div class="countries__item">
+                    <img src="img/london.jpg" alt="">
+                </div>
+                <ul class="accordion-menu">
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-paper-plane fa-1.5x" aria-hidden="true"></i> About
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                            <p>London is the capital and largest city of England and the United Kingdom. Standing on the River Thames in the south-east of England, at the head of its 50-mile (80 km) estuary leading to the North Sea, London has been a major settlement for two millennia. Londinium was founded by the Romans. The City of London, London's ancient core − an area of just 1.12 square miles (2.9 km2) and colloquially known as the Square Mile − retains boundaries that closely follow its medieval limits. The City of Westminster is also an Inner London borough holding city status. Greater London is governed by the Mayor of London and the London Assembly.</p>
+                        </ul>
+                    </li>
+                    <li>
+                        <div class="dropdownlink"><i class="fa fa-quote-left fa-1.5x" aria-hidden="true"></i> Weather
+                            <i class="fa fa-chevron-down" aria-hidden="true"></i>
+                        </div>
+                        <ul class="submenuItems">
+                        <a class="weatherwidget-io" href="https://forecast7.com/en/51d51n0d13/london/" data-label_1="LONDON" data-label_2="WEATHER" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="original" >LONDON WEATHER</a>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+
+        </div>
+    </section>
+
+
+    <div class="section section--gray">
+        <div class="container">
+            <div class="reviews">
+                <a class="reviews__btn reviews__btn--prev" href="#">Prev</a>
+                <a class="reviews__btn reviews__btn--next" href="#">Next</a>
+
+                <div class="reviews__item">
+                    <img class="reviews__pic" src="img/review.png" alt="">
+                    <div class="reviews__text">
+                        "Best website ever!""
+                    </div>
+                    <div class="reviews__author">Rustam Zaloldinov</div>
+                </div>
+            </div>
+
+
+        </div>
+    </div>
+    <script src='https://code.jquery.com/jquery-2.2.4.min.js '></script>
+    <script src="js/mainjs.js"></script>
+    <script src="js/slider.js"></script>
+    <script src="js/accordion.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file
--- a/js/accordion.js
+++ b/js/accordion.js
+$(function() {
+    var Accordion = function(el, multiple) {
+        this.el = el || {};
+        // more then one submenu open?
+        this.multiple = multiple || false;
+
+        var dropdownlink = this.el.find('.dropdownlink');
+        dropdownlink.on('click', { el: this.el, multiple: this.multiple },
+            this.dropdown);
+    };
+
+    Accordion.prototype.dropdown = function(e) {
+        var $el = e.data.el,
+            $this = $(this),
+            //this is the ul.submenuItems
+            $next = $this.next();
+
+        $next.slideToggle();
+        $this.parent().toggleClass('open');
+
+        if (!e.data.multiple) {
+            //show only one menu at the same time
+            $el.find('.submenuItems').not($next).slideUp().parent().removeClass('open');
+        }
+    }
+
+    var accordion = new Accordion($('.accordion-menu'), false);
+})
\ No newline at end of file
--- a/js/mainjs.js
+++ b/js/mainjs.js
+const signUpButton = document.getElementById('signUp');
+const signInButton = document.getElementById('signIn');
+const container = document.getElementById('container');
+
+signUpButton.addEventListener('click', () =>
+    container.classList.add('right-panel-active'));
+
+signInButton.addEventListener('click', () =>
+    container.classList.remove('right-panel-active'));
+
+// Part with validation
+const departure = document.getElementById('departure')
+const arrival = document.getElementById('arrival')
+const form = document.getElementById('form')
+const errorElement = document.getElementById('error')
+const FirstName = document.getElementById('FirsName')
+const LastName = document.getElementById('LastName')
+const username = document.getElementById('username')
+const password = document.getElementById('password')
+
+
+form.addEventListener('submit', (e) => {
+    let messages = []
+    if (departure.value === '' || departure.value == null) {
+        messages.push('Departure is required')
+    }
+
+    if (arrival.value === '' || arrival.value == null) {
+        messages.push('Arrival is required')
+    }
+
+    if (FirstName.value === '' || FirstName.value == null) {
+        messages.push('First-Name is required')
+    }
+
+    if (LastName.value === '' || LastName.value == null) {
+        messages.push('Last-Name is required')
+    }
+
+    if (username.value === '' || username.value == null) {
+        messages.push('Username is required')
+    }
+
+    if (password.value.length <= 6) {
+        messages.push('Password must be longer than 6 characters ')
+    }
+
+    if (messages.length > 0) {
+        e.preventDefault()
+        errorElement.innerText = messages.join(', ')
+    }
+})
\ No newline at end of file
--- a/js/slider.js
+++ b/js/slider.js
+var slideIndex = 1;
+showSlides(slideIndex);
+
+function plusSlides(n) {
+    showSlides(slideIndex += n);
+}
+
+function showSlides(n) {
+    var i;
+    var slides = document.getElementsByClassName("mySlides");
+    var dots = document.getElementsByClassName("dot");
+    if (n > slides.length) {
+        slideIndex = 1
+    }
+    if (n < 1) {
+        slideIndex = slides.length
+    }
+    for (i = 0; i < slides.length; i++) {
+        slides[i].style.display = "none";
+    }
+    for (i = 0; i < dots.length; i++) {
+        dots[i].className = dots[i].className.replace(" active", "");
+    }
+    slides[slideIndex - 1].style.display = "block";
+    dots[slideIndex - 1].className += " active";
+}
+var slideIndex = 0;
+showSlides();
+
+function showSlides() {
+    var i;
+    var slides = document.getElementsByClassName("mySlides");
+    for (i = 0; i < slides.length; i++) {
+        slides[i].style.display = "none";
+
+    }
+    slideIndex++;
+    if (slideIndex > slides.length) {
+        slideIndex = 1;
+    }
+    slides[slideIndex - 1].style.display = "block";
+    setTimeout(showSlides, 3000);
+}
\ No newline at end of file
--- a/login.php
+++ b/login.php
+<?php
+session_start(); // Starting Session
+$error=''; // Variable To Store Error Message
+if (isset($_POST['submit'])) {
+if (empty($_POST['username']) || empty($_POST['password'])) {
+$error = "username or password is invalid";
+}
+else
+{
+// Define $username and $password
+$username=$_POST['username'];
+$password=$_POST['password'];
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// To protect MySQL injection for Security purpose
+$username = stripslashes($username);
+$password = stripslashes($password);
+//$username = mysqli_real_escape_string($username);
+//$password = mysqli_real_escape_string($password);
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+// SQL query to fetch information of registerd users and finds user match.
+$query = mysqli_query($con, "SELECT username and password FROM User_register WHERE username='$username' AND password='$password'");
+$rows = mysqli_num_rows($query);
+if ($rows == 1) {
+$_SESSION['login_user']=$username; // Initializing Session
+header("location: payment1.php"); // Redirecting To Other Page
+} else {
+$error = ":::username or password is invalid";
+}
+mysqli_close($con); // Closing Connection
+}
+}
+?>
--- a/login_admin.php
+++ b/login_admin.php
+<?php
+session_start(); // Starting Session
+$error=''; // Variable To Store Error Message
+if (isset($_POST['submit'])) {
+if (empty($_POST['username']) || empty($_POST['password'])) {
+$error = "username or password is invalid";
+}
+else
+{
+// Define $username and $password
+$username=$_POST['username'];
+$password=$_POST['password'];
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// To protect MySQL injection for Security purpose
+$username = stripslashes($username);
+$password = stripslashes($password);
+//$username = mysqli_real_escape_string($username);
+//$password = mysqli_real_escape_string($password);
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+// SQL query to fetch information of registerd users and finds user match.
+$query = mysqli_query($con, "SELECT username and password FROM Admin WHERE username='$username' AND password='$password'");
+$rows = mysqli_num_rows($query);
+if ($rows == 1) {
+$_SESSION['login_user']=$username; // Initializing Session
+header("location: admin_place.php"); // Redirecting To Other Page
+} else {
+$error = ":::username or password is invalid";
+}
+mysqli_close($con); // Closing Connection
+}
+}
+?>
--- a/login_script_for_user_login.php
+++ b/login_script_for_user_login.php
+<?php
+session_start(); // Starting Session
+$error=''; // Variable To Store Error Message
+if (isset($_POST['submit'])) {
+if (empty($_POST['username']) || empty($_POST['password'])) {
+$error = "username or password is invalid";
+}
+else
+{
+// Define $username and $password
+$username=$_POST['username'];
+$password=$_POST['password'];
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// To protect MySQL injection for Security purpose
+$username = stripslashes($username);
+$password = stripslashes($password);
+//$username = mysqli_real_escape_string($username);
+//$password = mysqli_real_escape_string($password);
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+// SQL query to fetch information of registerd users and finds user match.
+$query = mysqli_query($con, "SELECT username and password FROM User_register WHERE username='$username' AND password='$password'");
+$rows = mysqli_num_rows($query);
+if ($rows == 1) {
+$_SESSION['login_user']=$username; // Initializing Session
+header("location: user_flight_search.php"); // Redirecting To Other Page
+} else {
+$error = ":::username or password is invalid";
+}
+mysqli_close($con); // Closing Connection
+}
+}
+?>
--- a/loginform2.php
+++ b/loginform2.php
+<?php
+include('login.php'); // Includes Login Script
+
+if(isset($_SESSION['login_user'])){
+  header("location: payment1.php");
+}
+?>
+
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Payment</title>
+  <link rel="stylesheet" type="text/css" href="css2.css">
+  <style>
+
+  #login input[type="username"],
+  #login input[type="password"],
+  #login button[type="submit"] {
+    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #login {
+    background: #F9F9F9;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #login h3 {
+    display: block;
+    font-size: 30px;
+    font-weight: 300;
+    margin-bottom: 10px;
+  }
+
+  #login h4 {
+    margin: 5px 0 15px;
+    display: block;
+    font-size: 13px;
+    font-weight: 400;
+  }
+
+  fieldset {
+    border: medium none !important;
+    margin: 0 0 10px;
+    min-width: 100%;
+    padding: 0;
+    width: 100%;
+  }
+
+  #login input[type="username"],
+  #login input[type="password"] {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #login input[type="username"]:hover,
+  #login input[type="password"]:hover {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #login textarea {
+    height: 100px;
+    max-width: 100%;
+    resize: none;
+  }
+
+  #login button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #login button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #login button[type="submit"]:active {
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  }
+
+  #login input:focus,
+  #login textarea:focus {
+    outline: 0;
+    border: 1px solid #aaa;
+
+  }
+
+  ::-webkit-input-placeholder {
+    color: #888;
+  }
+
+  :-moz-placeholder {
+    color: #888;
+  }
+
+  ::-moz-placeholder {
+    color: #888;
+  }
+
+  :-ms-input-placeholder {
+    color: #888;
+  }
+
+  </style>
+</head>
+
+<body>
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+  	<li><a class="active" href="booking_page.php">Booking</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+ 		<li><a href="loginform_user_2.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+	</ul>
+
+  <div class="row">
+
+    <div class="container">
+      <fieldset>
+        <form id="login" action="" method="post">
+          <label>Username:</label>
+          <input id="username" name="username" placeholder="Username" type="username">
+          <label>Password:</label>
+          <input id="password" name="password" placeholder="Password" type="password">
+          <input name="submit" type="submit" class="button7" value="Login">
+          <span><?php echo $error; ?></span>
+        </form>
+        <?php
+        // $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+        //
+        // // Check connection
+        // if (mysqli_connect_errno()){
+        //   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+        // }
+        //
+        // if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        //   $username = ($_POST["username"]);
+        //   $password = ($_POST["password"]);
+        // }
+        //
+        // $data = mysqli_query($con, "SELECT MemberID FROM User_register WHERE username = '$username' AND password = '$password' ");
+        // MemberID = $row[0]
+
+        // if (isset($_GET['MemberID'])) {
+        //   $MemberID = $_GET['MemberID'];
+        //   echo $MemberID;
+        // }
+        // session_start();
+        // if (isset($_GET['MemberID'])) {
+        //   $MemberID = $_GET['MemberID'];
+        //   $_SESSION['MemberID'] = $MemberID;
+        // }
+
+        session_start();
+        if (isset($_POST['username'])) {
+          $username_value = $_POST['username'];
+          $_SESSION['username'] = $username_value;
+        }
+
+        session_start();
+        if (isset($_POST['password'])) {
+          $password_value = $_POST['password'];
+          $_SESSION['password'] = $password_value;
+        }
+
+        $var_value = $_GET['Flight_Id'];
+        echo "Your flight ID is ".$var_value."." ;
+
+        session_start();
+        if (isset($_GET['Flight_Id'])) {
+          $Flight_Id = $_GET['Flight_Id'];
+          $_SESSION['Flight_Id'] = $Flight_Id;
+        }
+
+        ?>
+
+        <h3><legend>Register</legend></h3>
+        <label>If you do not have username and password, please register by clicking</label>
+        <a href="registration.php" class="button7" target="_blank">Register</a>
+        <!-- <p>If you do not have username and password, please register by clicking
+          <a href="registration.php" class="button7" target="_blank">Register</a> -->
+      </fieldset>
+    </div>
+  </div>
+</body>
+</html>
--- a/loginform_for_admin_2.php
+++ b/loginform_for_admin_2.php
+<?php
+include('login_admin.php'); // Includes Login Script
+
+if(isset($_SESSION['login_user'])){
+header("location: admin_place.php");
+}
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Login Admin</title>
+  <link rel="stylesheet" type="text/css" href="css2.css">
+
+  <style>
+  #login input[type="username"],
+  #login input[type="password"],
+  #login button[type="submit"] {
+    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #login {
+    background: #F9F9F9;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #login h3 {
+    display: block;
+    font-size: 30px;
+    font-weight: 300;
+    margin-bottom: 10px;
+  }
+
+  #login h4 {
+    margin: 5px 0 15px;
+    display: block;
+    font-size: 13px;
+    font-weight: 400;
+  }
+
+  fieldset {
+    border: medium none !important;
+    margin: 0 0 10px;
+    min-width: 100%;
+    padding: 0;
+    width: 100%;
+  }
+
+  #login input[type="username"],
+  #login input[type="password"] {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #login input[type="username"]:hover,
+  #login input[type="password"]:hover {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #login textarea {
+    height: 100px;
+    max-width: 100%;
+    resize: none;
+  }
+
+  #login button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #login button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #login button[type="submit"]:active {
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  }
+
+  #login input:focus,
+  #login textarea:focus {
+    outline: 0;
+    border: 1px solid #aaa;
+
+  }
+  </style>
+
+</head>
+
+<body>
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+  	<li><a href="booking_page.php">Booking</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+ 		<li><a href="user_login.php">Login</a></li>
+    <li><a class="active" href="loginform_for_admin_2.php">Admin login</a></li>
+	</ul>
+
+  <div class="container">
+    <fieldset>
+      <form id="login" action="" method="post">
+        <label>Username :</label>
+        <input id="username" name="username" placeholder="Username" type="username">
+        <label>Password :</label>
+        <input id="password" name="password" placeholder="Password" type="password">
+        <input name="submit" type="submit" class="button7" value=" Login ">
+        <span><?php echo $error; ?></span>
+      </form>
+    </fieldset>
+  </div>
+
+  <!-- social media block -->
+  <div class="social twitter">
+    <a href="#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+  </div>
+  <div class="social instagram">
+    <a href="#" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+  </div>
+  <div class="social facebook">
+    <a href="#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+  </div>
+
+</body>
+</html>
--- a/loginform_user_2.php
+++ b/loginform_user_2.php
+<?php
+include('login.php'); // Includes Login Script
+
+if(isset($_SESSION['login_user'])){
+header("location: payment1.php");
+}
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Login</title>
+  <link rel="stylesheet" type="text/css" href="css2.css">
+  <style>
+  #login input[type="username"],
+  #login input[type="password"],
+  #login button[type="submit"] {
+    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #login {
+    background: #F9F9F9;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #login h3 {
+    display: block;
+    font-size: 30px;
+    font-weight: 300;
+    margin-bottom: 10px;
+  }
+
+  #login h4 {
+    margin: 5px 0 15px;
+    display: block;
+    font-size: 13px;
+    font-weight: 400;
+  }
+
+  fieldset {
+    border: medium none !important;
+    margin: 0 0 10px;
+    min-width: 100%;
+    padding: 0;
+    width: 100%;
+  }
+
+  #login input[type="username"],
+  #login input[type="password"] {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #login input[type="username"]:hover,
+  #login input[type="password"]:hover {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #login textarea {
+    height: 100px;
+    max-width: 100%;
+    resize: none;
+  }
+
+  #login button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #login button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #login button[type="submit"]:active {
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  }
+
+  #login input:focus,
+  #login textarea:focus {
+    outline: 0;
+    border: 1px solid #aaa;
+
+  }
+  </style>
+
+</head>
+
+<body>
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+    <li><a href="booking_page.php">Booking</a></li>
+    <li><a href="contact.php">Contact</a></li>
+    <li><a class="active" href="loginform_user_2.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+  </ul>
+
+  <div class="container">
+    <fieldset>
+      <form id="login" action="" method="post">
+        <label>Username :</label>
+        <input id="username" name="username" placeholder="Username" type="username">
+        <label>Password :</label>
+        <input id="password" name="password" placeholder="Password" type="password">
+        <input name="submit" type="submit" class="button7" value=" Login ">
+        <span><?php echo $error; ?></span>
+      </form>
+
+      <h3><legend>Register</legend></h3>
+      <p>If you do not have username and password, please register by clicking<a href="registration.php" class="button7" target="_blank">Register</a></p>
+    </fieldset>
+  </div>
+</body>
+</html>
--- a/logout.php
+++ b/logout.php
+<?php
+session_start();
+if(session_destroy()) // Destroying All Sessions
+{
+header("Location: booking_page.php"); // Redirecting To Home Page
+}
+?>
--- a/logout_admin.php
+++ b/logout_admin.php
+<?php
+session_start();
+if(session_destroy()) // Destroying All Sessions
+{
+header("Location: loginform_for_admin_2.php"); // Redirecting To Home Page
+}
+?>
--- a/mainpagestyle.css
+++ b/mainpagestyle.css
+body {
+    margin: 0;
+    font-family: 'Montserrat', sans-serif;
+    font-size: 15px;
+    line-height: 1.6;
+    color: #333;
+}
+
+*,
+*:after,
+*:before {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 0;
+}
+
+ul,
+li {
+    list-style: none;
+}
+
+hr {
+    display: block;
+    width: 100%;
+    height: 1px;
+    margin: 40px 0;
+    border: 0;
+    background-color: #fff;
+}
+
+
+/*Container for higher part */
+
+.container {
+    width: 100%;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.intro {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    width: 100%;
+    height: 100vh;
+    background: url(../Final/img/svg/airplaneticketsbooking1.svg);
+    background-size: cover;
+}
+
+.intro__inner {
+    width: 100%;
+    max-width: 880px;
+    margin: 0 auto;
+    text-align: center;
+}
+
+.intro__title {
+    color: #C1E861;
+    font-size: 150px;
+    font-weight: 700;
+    text-transform: uppercase;
+    line-height: 1;
+    opacity: 0;
+}
+
+.intro__title:after {
+    content: "";
+    display: block;
+    width: 60px;
+    height: 3px;
+    margin: 60px auto;
+    background-color: #C1E861;
+}
+
+.intro__suptitle {
+    margin-bottom: 20px;
+    font-size: 72px;
+    color: #C1E861;
+    font-family: 'Kaushan Script', cursive;
+}
+
+
+/*Menu bar*/
+
+.li2 {
+    position: relative;
+    list-style: none;
+    background: #333;
+    width: 100px;
+    float: left;
+}
+
+.li2 a:hover:not(.a2) {
+    background-color: #111;
+}
+
+.a1 {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 30px 5px;
+    text-decoration: none;
+}
+
+.a2 {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 20px 22px;
+    text-decoration: none;
+    background-color: #DE584F;
+}
+
+.ul1 {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+    font-weight: 100;
+    font-size: 20px;
+}
+
+
+/**/
+
+
+/*Header*/
+
+.header {
+    width: 100%;
+    padding-top: 30px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1000;
+    background-color: #DE584F;
+}
+
+.header__inner {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+
+/*Logo*/
+
+.header__logo {
+    font-size: 30px;
+    font-weight: 700;
+    color: white;
+}
+
+
+/*Navigation*/
+
+.nav {
+    font-size: 14px;
+    text-transform: uppercase;
+}
+
+.nav__link {
+    display: inline-block;
+    vertical-align: top;
+    margin: 0 15px;
+    position: relative;
+    color: white;
+    text-decoration: none;
+    transition: color .1s linear;
+}
+
+.nav__link:after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 3px;
+    background-color: #C1E861;
+    opacity: 0;
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1;
+    transition: opacity .1s linear;
+}
+
+.nav__link:hover {
+    color: #C1E861;
+}
+
+.nav__link:hover:after,
+.nav__link.active:after {
+    opacity: 1;
+}
+
+.nav__link.active {
+    color: #C1E861;
+}
+
+
+/*Learn More button*/
+
+.btn {
+    display: inline-block;
+    vertical-align: top;
+    padding: 8px 30px;
+    border: 3px solid #C1E861;
+    color: #C1E861;
+    text-transform: uppercase;
+    font-size: 14px;
+    font-weight: 700;
+    text-decoration: none;
+}
+
+.btn:hover {
+    background-color: white;
+    color: #DE584F;
+}
+
+
+/*Slider*/
+
+.slider {
+    width: 100%;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+}
+
+.slider__inner {
+    display: flex;
+    justify-content: space-between;
+}
+
+.slider__item {
+    widows: 23%;
+    padding: 20px 0;
+    border-top: 3px solid #C1E861;
+    font-size: 18px;
+    color: #C1E861;
+    text-transform: uppercase;
+    opacity: 0.7;
+}
+
+.slider__item.active {
+    opacity: 1;
+}
+
+.slider__num {
+    font-size: 24px;
+    font-weight: 700;
+}
+
+
+/*Section*/
+
+.section {
+    padding: 80px 0;
+}
+
+.section--gray {
+    background-color: #f8f8f8;
+}
+
+.section__header {
+    width: 100%;
+    max-width: 950px;
+    margin: 0 auto 50px;
+    text-align: center;
+}
+
+.section__suptitle {
+    font-family: 'Kaushan Script', cursive;
+    font-size: 24px;
+    color: black;
+}
+
+.section__title {
+    font-size: 30px;
+    font-weight: 700;
+    color: black;
+    text-transform: uppercase;
+}
+
+.section__title:after {
+    content: "";
+    display: block;
+    width: 60px;
+    height: 3px;
+    margin: 30px auto;
+    background-color: #C1E861;
+}
+
+.section__text {
+    color: #999;
+    font-size: 15px;
+}
+
+
+/*About with images*/
+
+.about {
+    margin-top: 80px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.about__item {
+    width: 380px;
+    background-color: #C1E861;
+    position: relative;
+}
+
+.about__item:hover .about__img {
+    transform: translate3d(-10px, -10px, 0);
+}
+
+.about__item:hover .about__img img {
+    opacity: .1;
+}
+
+.about__item:hover .about__text {
+    opacity: 1;
+}
+
+.about__img {
+    background: linear-gradient(to bottom, #DE584F, white);
+    transition: transform .2s linear;
+}
+
+.about__img img {
+    display: block;
+    transition: opacity .1s linear;
+}
+
+.about__text {
+    width: 100%;
+    font-size: 18px;
+    color: #fff;
+    text-transform: uppercase;
+    font-weight: 700;
+    text-align: center;
+    opacity: 0;
+    position: absolute;
+    top: 50%;
+    left: 0;
+    z-index: 2;
+    transform: translate3d(0, -50%, 0);
+    transition: opacity .2s linear;
+}
+
+
+/* Statistics */
+
+.statistics {
+    background-color: #DE584F;
+}
+
+.stat {
+    display: flex;
+}
+
+.stat__item {
+    flex: 1 1 0;
+    border-left: 1px solid white;
+    text-align: center;
+    color: white;
+    padding: 70px 25px;
+}
+
+.stat__item:last-child {
+    border-right: 1px solid white;
+}
+
+.stat__cout {
+    margin-bottom: 10px;
+    font-size: 72px;
+    font-weight: 700;
+    line-height: 1;
+}
+
+.slider__text {
+    font-size: 14px;
+    text-transform: uppercase;
+}
+
+
+/*Services(Our skills)*/
+
+.services {
+    display: flex;
+}
+
+.services__item {
+    flex: 1 1 0;
+    padding-left: 85px;
+    padding-right: 35px;
+    position: relative;
+}
+
+.services__icon {
+    position: absolute;
+    top: 0;
+    left: 28px;
+    z-index: 1;
+}
+
+.services__title {
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #333;
+    text-transform: uppercase;
+}
+
+.services__text {
+    font-size: 15px;
+    color: #999;
+}
+
+
+/*Countries part*/
+
+.countries {
+    display: flex;
+}
+
+.countries__item {
+    width: 50%;
+}
+
+
+/*Counties description part*/
+
+
+/*
+.accordion__item {
+    margin-bottom: 10px;
+    border: 1px solid #e5e5e5;
+}
+
+.accordion__item.active .accordion__content {
+    display: block;
+}
+
+.accordion__item.active .accordion__header {
+    border-bottom-color: #e5e5e5;
+}
+
+.accordion__item.active .accordion__header:after {
+    transform: translateY(-50%) rotate(-45deg);
+    margin-top: 5px;
+}
+
+.accordion__header {
+    border: 1px solid #e5e5e5;
+    padding: 15px 20px 15 65px;
+    position: relative;
+    border-bottom: 1px solid transparent;
+    cursor: pointer;
+}
+
+.accordion__header:after {
+    content: "";
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-top: 2px solid #cccccc;
+    border-right: 2px solid #cccccc;
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    z-index: 1;
+    transform: translateY(-50%) rotate(135deg);
+}
+
+.accordion__icon {
+    position: absolute;
+    top: 50%;
+    left: 20px;
+    z-index: 1;
+    transform: translateY(-50%);
+}
+
+.accordion__title {
+    font-size: 14px;
+    color: #333;
+    text-transform: uppercase;
+}
+
+.accordion__content {
+    display: none;
+    padding: 15px 20px;
+    font-size: 15px;
+    color: #999;
+    font-style: italic;
+    font-weight: 300;
+}
+
+
+/*Reviews*/
+
+.reviews {
+    padding: 0 110px;
+    position: relative;
+}
+
+.reviews__item {
+    padding-left: 205px;
+    position: relative;
+}
+
+.reviews__pic {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+}
+
+.reviews__text {
+    margin-bottom: 15px;
+    font-size: 24px;
+    font-style: italic;
+    font-weight: 300;
+    color: #999;
+}
+
+.reviews__author {
+    font-size: 24px;
+    color: black;
+    font-family: 'Kaushan Script', cursive;
+}
+
+.reviews__author::before {
+    content: "";
+    display: inline-block;
+    vertical-align: middle;
+    width: 60px;
+    height: 3px;
+    margin-right: 10px;
+    background-color: #DE584F;
+}
+
+.reviews__btn {
+    font-size: 0;
+    color: transparent;
+    position: absolute;
+    top: 50%;
+    z-index: 1;
+    transform: translateY(-50%);
+}
+
+.reviews__btn::after {
+    content: "";
+    display: block;
+    width: 16px;
+    height: 16px;
+    border-top: 2px solid #cccccc;
+    border-left: 2px solid #cccccc;
+}
+
+.reviews__btn--prev {
+    left: 0;
+    transform: rotate(-45deg);
+}
+
+.reviews__btn--next {
+    right: 0;
+    transform: rotate(135deg);
+}
+
+
+/* New Accordion*/
+
+.accordion-menu {
+    width: 100%;
+    max-width: 590px;
+    height: 54px;
+    margin: 60px auto 20px;
+    background: #fff;
+    border-radius: 4px;
+    font-family: 'Montserrat', sans-serif;
+}
+
+.accordion-menu li.open .dropdownlink {
+    color: #DE584F;
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.accordion-menu li.open .dropdownlink .fa-chevron-down {
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.accordion-menu li:last-child .dropdownlink {
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.dropdownlink {
+    cursor: pointer;
+    display: block;
+    padding: 15px 20px 15 65px;
+    font-size: 18px;
+    border-bottom: 1px solid transparent #ccc;
+    color: #212121;
+    position: relative;
+    -webkit-transition: all 0.4s ease-out;
+    transition: all 0.4s ease-out;
+    border: 1px solid #e5e5e5;
+}
+
+.dropdownlink i {
+    position: absolute;
+    top: 17px;
+    left: 16px;
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.dropdownlink .fa-chevron-down {
+    border: 1px solid #e5e5e5;
+    right: 12px;
+    left: auto;
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.submenuItems {
+    display: none;
+    background: white;
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.submenuItems li {
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.submenuItems a {
+    display: block;
+    color: #727272;
+    padding: 12px 12px 12px 45px;
+    -webkit-transition: all 0.4s ease-out;
+    transition: all 0.4s ease-out;
+    border: 1px solid #e5e5e5;
+    border-bottom: 1px solid transparent #ccc;
+}
+
+.submenuItems a:hover {
+    background-color: #DE584F;
+    color: #fff;
+}
+
+
+/*Slider*/
+
+* {
+    box-sizing: border-box;
+}
+
+.slideshow {
+    max-width: 1000px;
+    position: relative;
+    margin: auto;
+}
+
+.mySlides {
+    display: none;
+}
+
+.prev,
+.next {
+    cursor: pointer;
+    position: absolute;
+    top: 50%;
+    width: auto;
+    margin-top: -22px;
+    padding: 16px;
+    color: white;
+    font-weight: bold;
+    font-size: 18px;
+    transition: 0.6s ease;
+    border-radius: 0 3px 3px 0;
+}
+
+.next {
+    right: 0;
+    border-radius: 3px 0 0 3px;
+}
+
+.prev:hover,
+.next:hover {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.dot {
+    cursor: pointer;
+    height: 15px;
+    width: 15px;
+    margin: 0 2px;
+    background-color: #bbb;
+    border-radius: 50%;
+    display: inline-block;
+    transition: background-color 0.6s ease;
+}
+
+.active,
+.dot:hover {
+    background-color: none;
+}
+
+.fade {
+    -webkit-animation-name: fade;
+    -webkit-animation-duration: 1.5s;
+    animation-name: fade;
+    animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+    from {
+        opacity: .4
+    }
+    to {
+        opacity: 1
+    }
+}
+
+@keyframes fade {
+    from {
+        opacity: .4
+    }
+    to {
+        opacity: 1
+    }
+}
\ No newline at end of file
--- a/payment1.php
+++ b/payment1.php
+<?php
+include('session.php');
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Payment</title>
+  <link rel="stylesheet" type="text/css" href="css2.css">
+  <style>
+    /* * {
+        box-sizing: border-box;
+    }
+    .header {
+        border: 1px solid green;
+        padding: 15px;
+    }
+    .row::after {
+        content: "";
+        clear: both;
+        display: table;
+    }
+
+    ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        background-color: #333;
+    }
+
+    li {
+        float: left;
+    }
+
+    li a {
+        display: block;
+        color: white;
+        text-align: center;
+        padding: 14px 16px;
+        text-decoration: none;
+    }
+
+    li a:hover {
+        background-color: #111;
+    }
+
+    [class*="col-"] {
+        float: left;
+        padding: 15px;
+        border: 3px solid blue;
+    }
+
+    /* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+    /* .col-1 {width: 8.33%;}
+    .col-2 {width: 16.66%;}
+    .col-3 {width: 25%;}
+    .col-4 {width: 33.33%;}
+    .col-5 {width: 41.66%;}
+    .col-6 {width: 50%;}
+    .col-7 {width: 58.33%;}
+    .col-8 {width: 66.66%;}
+    .col-9 {width: 75%;}
+    .col-10 {width: 83.33%;}
+    .col-11 {width: 91.66%;}
+    .col-12 {width: 100%;}
+
+    ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+        overflow: hidden;
+        background-color: #333;
+    }
+
+    li {
+        float: left;
+    }
+
+    li a {
+        display: block;
+        color: white;
+        text-align: center;
+        padding: 14px 16px;
+        text-decoration: none;
+    }
+
+    li a:hover:not(.active) {
+        background-color: #111;
+    }
+
+    .active {
+        background-color: #4CAF50;
+    }
+
+    @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      -webkit-font-smoothing: antialiased;
+      -moz-font-smoothing: antialiased;
+      -o-font-smoothing: antialiased;
+      font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+    }
+
+    body {
+      font-family: "Roboto", Helvetica, Arial, sans-serif;
+      font-weight: 100;
+      font-size: 15px;
+      line-height: 30px;
+      color: #777;
+      background: #ffffff;
+    }
+
+    .container {
+      max-width: 400px;
+      width: 100%;
+      margin: 0 auto;
+      position: relative;
+    } */ */
+
+    #contact input[type="first_name"],
+    #contact input[type="last_name"],
+    #contact input[type="card_type"],
+    #contact input[type="card_number"],
+    #contact input[type="security_code"],
+    #contact input[type="date"],
+    #contact input[type="passport"],
+    #contact input[type="phone_number"],
+    #contact input[type="email"],
+    #contact textarea,
+    #contact button[type="submit"] {
+      font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+    }
+
+    #contact {
+      background: #F9F9F9;
+      padding: 25px;
+      margin: 15px 0;
+      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+    }
+
+    #contact h3 {
+      display: block;
+      font-size: 30px;
+      font-weight: 300;
+      margin-bottom: 10px;
+    }
+
+    #contact h4 {
+      margin: 5px 0 15px;
+      display: block;
+      font-size: 13px;
+      font-weight: 400;
+    }
+
+    fieldset {
+      border: medium none !important;
+      margin: 0 0 10px;
+      min-width: 100%;
+      padding: 0;
+      width: 100%;
+    }
+
+    #contact input[type="first_name"],
+    #contact input[type="last_name"],
+    #contact input[type="card_type"],
+    #contact input[type="card_number"],
+    #contact input[type="security_code"],
+    #contact input[type="date"],
+    #contact input[type="passport"],
+    #contact input[type="phone_number"],
+    #contact input[type="email"],
+    #contact textarea {
+      width: 100%;
+      border: 1px solid #ccc;
+      background: #FFF;
+      margin: 0 0 5px;
+      padding: 10px;
+    }
+
+    #contact input[type="first_name"]:hover,
+    #contact input[type="last_name"]:hover,
+    #contact input[type="card_type"]:hover,
+    #contact input[type="card_number"]:hover,
+    #contact input[type="security_code"]:hover,
+    #contact input[type="date"]:hover,
+    #contact input[type="passport"]:hover,
+    #contact input[type="phone_number"]:hover,
+    #contact input[type="eamil"]:hover,
+    #contact textarea:hover {
+      -webkit-transition: border-color 0.3s ease-in-out;
+      -moz-transition: border-color 0.3s ease-in-out;
+      transition: border-color 0.3s ease-in-out;
+      border: 1px solid #aaa;
+    }
+
+    #contact textarea {
+      height: 100px;
+      max-width: 100%;
+      resize: none;
+    }
+
+    #contact button[type="submit"] {
+      cursor: pointer;
+      width: 100%;
+      border: none;
+      background: #4CAF50;
+      color: #FFF;
+      margin: 0 0 5px;
+      padding: 10px;
+      font-size: 20px;
+    }
+
+    #contact button[type="submit"]:hover {
+      background: #43A047;
+      -webkit-transition: background 0.3s ease-in-out;
+      -moz-transition: background 0.3s ease-in-out;
+      transition: background-color 0.3s ease-in-out;
+    }
+
+    #contact button[type="submit"]:active {
+      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+    }
+
+    #contact input:focus,
+    #contact textarea:focus {
+      outline: 0;
+      border: 1px solid #aaa;
+    }
+
+    ::-webkit-input-placeholder {
+      color: #888;
+    }
+
+    :-moz-placeholder {
+      color: #888;
+    }
+
+    ::-moz-placeholder {
+      color: #888;
+    }
+
+    :-ms-input-placeholder {
+      color: #888;
+    }
+
+  </style>
+</head>
+
+<body>
+  <?php
+
+  $First_Name = $Last_Name = $Email_Address = $Card_Type = $Card_Number = $Security_Code = $Expiration_Month_Year = $Passport_Number = $Phone_Number = $Home_Address = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $First_Name = test_input($_POST["First_Name"]);
+    $Last_Name = test_input($_POST["Last_Name"]);
+    $Email_Address = test_input($_POST["Email_Address"]);
+    $Card_Type = test_input($_POST["Card_Type"]);
+    $Card_Number = test_input($_POST["Card_Number"]);
+    $Security_Code = test_input($_POST["Security_Code"]);
+    $Expiration_Month_Year = test_input($_POST["Expiration_Month_Year"]);
+    $Passport_Number = test_input($_POST["Passport_Number"]);
+    $Phone_Number = test_input($_POST["Phone_Number"]);
+    $Home_Address = test_input($_POST["Home_Address"]);
+
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+  	<li><a class="active" href="booking_page.php">Booking</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+  	<li><a href="user_login.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+    <li style="float:right"><a href="logout.php">Logout</a></li>
+  </ul>
+
+  <div class="row">
+    <div class="container">
+      <fieldset>
+        <form id="contact" method="post" action="<?php $PHP_SELF?>">
+          <legend><h1>Please fill in the form in order to complete your purchase</h1></legend>
+          <?php
+          session_start();
+          $Flight_Id = $_SESSION['Flight_Id'];
+          echo $Flight_Id;
+
+          //session_start();
+          $username_value = $_SESSION['username'];
+          echo $username_value;
+
+          //session_start();
+          $password_value = $_SESSION['password'];
+          echo $password_value;
+
+          $con2 = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+          if (mysqli_connect_errno()) {
+            echo "Failed to connect to MySQL: " . mysqli_connect_error();
+          }
+
+          $memberData = mysqli_query($con2, "SELECT * FROM User_register WHERE username = '$username_value' AND password = '$password_value' ");
+
+          while($row = mysqli_fetch_array( $memberData )) {
+            echo "$row[0]". " " ."$row[1]". " " . "$row[2]";
+            $ID = $row[0];
+            echo $ID;
+            echo "<br>";
+          }
+          mysqli_close($con2);
+          ?>
+          <legend>Please enter your first and last name:</legend>
+          <br>
+          <label for="first_name">First Name: </label>
+          <input placeholder="First Name" type="first_name" name="First_Name" tabindex="1" required autofocus/>
+          <br>
+          <label for="last_name">Last Name: </label>
+          <input placeholder="Last Name" type="last_name" name="Last_Name" tabindex="2" required/>
+          <br>
+          <label for="email Address">Email Address: </label>
+          <input placeholder="Email Address" type="email" name="Email_Address" tabindex="2" required/>
+          <br>
+          <label for="card_type">Please enter your card type <b> e.g such as Visa Card, Master Card, American Express etc... </b></label>
+          <input placeholder="Card Type" type="card_type" name="Card_Type" tabindex="2" required/>
+          <br>
+          <label for="card_number">Card Number: </label>
+          <input placeholder="Card Number" type="card_number" name="Card_Number" tabindex="1" required autofocus/>
+          <br>
+          <label for="security_code">Security Code: </label>
+          <input placeholder="Security Code" type="security_code" name="Security_Code" tabindex="1" required autofocus/>
+          <br>
+          <legend>Please enter your expiary month and date of your card. *<b>Please leave the date section as 01</b>*:</legend>
+          <label for="date">Expiary month and year: </label>
+          <input type="date" id="Expiration_Month_Year" name="Expiration_Month_Year" value="yyyy-mm-dd" min="2018-01-01" max="9000-12-21"/>
+          <br>
+          <label for="passport">Passport Number: </label>
+          <input placeholder="Passport Number" type="passport" name="Passport_Number" tabindex="1" required autofocus/>
+          <br>
+          <label for="phone_number">Phone Number: </label>
+          <input placeholder="Phone Number" type="phone_number" name="Phone_Number" tabindex="1" required autofocus/>
+          <br>
+          <label for="textarea">Home Address: </label>
+          <textarea placeholder="Please type in your home address" name="Home_Address" tabindex="5" required></textarea>
+          <br>
+          <p>Please confirm your order. If you would like to cancel the order please click on the "Logout" button on the top right hand corner.</p>
+          <?php
+          // Otherwise we connect to the database
+          $con1 = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+          // Check connection
+          if (mysqli_connect_errno()){
+            echo "Failed to connect to MySQL: " . mysqli_connect_error();
+          }
+
+          $flight_data = mysqli_query($con1, "SELECT * FROM FlightData WHERE Flight_Id = '$Flight_Id' ");
+
+          //And display the results
+
+          while($row = mysqli_fetch_array( $flight_data )) {
+            echo "$row[1]". " | " ."$row[2]". " | " . "$row[3]". " | " . "$row[4]". " | " . "$row[5]". " | " . "$row[6]". " | " . "$row[7]". " | " . "$row[8]". " | " . "$row[9]" . " ";
+            echo "<br>";
+          }
+          $anymatches=mysqli_num_rows($flight_data);
+          if ($anymatches == 0){
+            echo "Sorry, but we can not find an entry to match your query<br><br>";
+          }
+          mysqli_close($con1);
+          ?>
+          <br>
+          <input type="submit" name="submit" value="Submit" />
+        </form>
+
+        <?php
+        #echo "Insert new user";
+        // connect to the database
+        // mysql_connect('localhost', 'root', 'root') or die(mysql_error());
+        // mysql_select_db("Airline_Booking") or die(mysql_error());
+        //
+        // $data1 = mysql_query("INSERT INTO Passenger_Profile (First_Name, Last_Name, Email_Address, Card_Type, Card_Number, Security_Code, Expiration_Month_Year,
+        // Passport_Number, Phone_Number, Home_Address)
+        // VALUES ('$First_Name', '$Last_Name', '$Email_Address', '$Card_Type', '$Card_Number', '$Security_Code','$Expiration_Month_Year', '$Passport_Number', '$Phone_Number', '$Home_Address')");
+        // $data2 = mysql_query("INSERT INTO Payment_Details (First_Name, Last_Name, Card_Type, Card_Number, Security_Code, Expiration_Month_Year)
+        // VALUES ('$First_Name', '$Last_Name', '$Card_Type', '$Card_Number', '$Security_Code','$Expiration_Month_Year')");
+
+        //mysql_query($sql1, $con);
+
+        $con = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+        // Check connection
+        if (mysqli_connect_errno()) {
+          echo "Failed to connect to MySQL: " . mysqli_connect_error();
+        }
+
+        // $Departure = strtoupper($_POST['Departure']);
+        // $Arrival = strtoupper($_POST['Arrival']);
+
+        // $data = mysqli_query($con, "INSERT INTO Passenger_Profile (First_Name, Last_Name, Email_Address, Card_Type, Card_Number, Security_Code, Expiration_Month_Year, Passport_Number, Phone_Number, Home_Address) VALUES ('$First_Name', '$Last_Name', '$Email_Address', '$Card_Type', '$Card_Number', '$Security_Code', '$Expiration_Month_Year', '$Passport_Number', '$Phone_Number', '$Home_Address')");
+
+        //Returning the id that was inserted
+        // $last_id = mysqli_insert_id($con);
+        // $data_2 = mysqli_query($con, "INSERT INTO Ticket_Info (Profile_Id, Flight_Id, First_Name, Last_Name)
+    		// VALUES ('$last_id', '$Flight_Id', '$First_Name', '$Last_Name', '$Email_Address')");
+
+        $data1 = mysqli_query($con, "INSERT INTO Passenger_Profile (First_Name, Last_Name, Email_Address, Card_Type,
+          Card_Number, Security_Code, Expiration_Month_Year, Passport_Number, Phone_Number, Home_Address)
+        VALUES ('$First_Name', '$Last_Name', '$Email_Address', '$Card_Type', '$Card_Number', '$Security_Code',
+          '$Expiration_Month_Year', '$Passport_Number', '$Phone_Number', '$Home_Address')");
+        // $data3 = mysqli_query($con, "INSERT INTO Ticket_Info (Flight_Number, Date_Going, Date_Back)
+        // VALUES ('$Flight_Number', '$Date_Going', '$Date_Back')");
+
+        //Returning the id that was inserted
+        $last_id = mysqli_insert_id($con);
+        $data2 = mysqli_query($con, "INSERT INTO Ticket_Info (Profile_Id, Flight_Id, First_Name, Last_Name)
+        VALUES ('$last_id', '$Flight_Id', '$First_Name', '$Last_Name')");
+        echo $last_id;
+
+        mysqli_close($con);
+
+        echo "Your input:::::::::<br>";
+        echo "".$First_Name. "<br>";
+        echo "".$Last_Name. "<br>";
+        echo "".$Email_Address. "<br>";
+        echo "".$Card_Type. "<br>";
+        echo "".$Card_Number. "<br>";
+        echo "".$Security_Code. "<br>";
+        echo "::::".$Expiration_Month_Year. "<br>";
+        echo "".$Passport_Number. "<br>";
+        echo "".$Phone_Number. "<br>";
+        echo "".$Home_Address. "<br>";
+        echo "".$last_id. "<br>";
+
+        ?>
+
+      </fieldset>
+    </div>
+  </div>
+</body>
+</html>
--- a/query_2.php
+++ b/query_2.php
+<?php
+include('session_admin.php');
+?>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Query Search Up Page</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+  @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+  * {
+      box-sizing: border-box;
+  }
+
+  .header {
+      border: 1px solid #DE584F;
+      padding: 15px;
+  }
+
+  .social a {
+      text-align: center;
+      width: 52px;
+      height: 52px;
+      float: left;
+      background: #fff;
+      border: 1px solid #ccc;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.1);
+      border-radius: 24px;
+      margin: 0 10px 10px 0;
+      padding: 6px;
+      color: #000;
+  }
+
+  .twitter a:hover {
+      background: #00acee;
+      color: #fff;
+  }
+
+  .instagram a:hover {
+      background: #3f729b;
+      color: #fff;
+  }
+
+  .facebook a:hover {
+      background: #3b5998;
+      color: #fff;
+  }
+
+  .header {
+      border: 1px solid #DE584F;
+      padding: 15px;
+  }
+
+  .row::after {
+      content: "";
+      clear: both;
+      display: table;
+  }
+
+
+  /* Paralax animation*/
+
+  .parallax {
+      height: 100vh;
+      background-image: url(../Web-App/logo4-01.svg);
+      background-attachment: fixed;
+      background-repeat: no-repeat;
+      background-position: center center;
+  }
+
+  .row::after {
+      content: "";
+      clear: both;
+      display: table;
+  }
+
+  ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background-color: #333;
+  }
+
+  li {
+      float: left;
+  }
+
+  li a {
+      display: block;
+      color: white;
+      text-align: center;
+      padding: 14px 16px;
+      text-decoration: none;
+  }
+
+  li a:hover {
+      background-color: #111;
+  }
+
+  [class*="col-"] {
+      float: left;
+      padding: 15px;
+  }
+
+
+  /* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+  .col-1 {
+      width: 8.33%;
+  }
+
+  .col-2 {
+      width: 16.66%;
+  }
+
+  .col-3 {
+      width: 0;
+  }
+
+  .col-4 {
+      width: 33.33%;
+  }
+
+  .col-5 {
+      width: 41.66%;
+  }
+
+  .col-6 {
+      width: 50%;
+  }
+
+  .col-7 {
+      width: 58.33%;
+  }
+
+  .col-8 {
+      width: 66.66%;
+  }
+
+  .col-9 {
+      width: 100%;
+      text-align: center;
+  }
+
+  .col-10 {
+      width: 83.33%;
+  }
+
+  .col-11 {
+      width: 91.66%;
+  }
+
+  .col-12 {
+      width: 100%;
+  }
+
+  ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background-color: #333;
+  }
+
+  li {
+      float: left;
+  }
+
+  li a {
+      display: block;
+      color: white;
+      text-align: center;
+      padding: 14px 16px;
+      text-decoration: none;
+  }
+
+  li a:hover:not(.active) {
+      background-color: #111;
+  }
+
+  .active {
+      background-color: #DE584F;
+  }
+
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+  * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      -webkit-font-smoothing: antialiased;
+      -moz-font-smoothing: antialiased;
+      -o-font-smoothing: antialiased;
+      font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+  }
+
+  body {
+      font-family: "Roboto", Helvetica, Arial, sans-serif;
+      font-weight: 100;
+      font-size: 20px;
+      line-height: 40px;
+      color: #777;
+      height: 200vh;
+      background-image: linear-gradient(to top, gray, white 40%);
+  }
+
+  .container {
+      max-width: 600px;
+      margin: 0 auto;
+      position: relative;
+  }
+
+  #search input[type="departure"],
+  #search input[type="arrival"],
+  #search input[type="class"],
+  #search input[type="date"],
+  #search input[type="date"],
+  #search input[type="filters"],
+  #search button[type="submit"] {
+      font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #search {
+      background: #F9F9F9;
+      padding: 25px;
+      margin: 15px 0;
+      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #search h3 {
+      display: block;
+      font-size: 30px;
+      font-weight: 300;
+      margin-bottom: 10px;
+  }
+
+  #search h4 {
+      margin: 5px 0 15px;
+      display: block;
+      font-size: 13px;
+      font-weight: 400;
+  }
+
+  fieldset {
+      border: medium none !important;
+      margin: 0 0 10px;
+      min-width: 100%;
+      padding: 0;
+      width: 100%;
+  }
+
+  #search input[type="departure"],
+  #search input[type="arrival"],
+  #search input[type="class"],
+  #search input[type="date"],
+  #search input[type="date"],
+  #search input[type="filters"] {
+      width: 100%;
+      border: 1px solid #ccc;
+      background: #FFF;
+      margin: 0 0 5px;
+      padding: 10px;
+  }
+
+  #search input[type="departure"]:hover,
+  #search input[type="arrival"]:hover,
+  #search input[type="class"],
+  #search input[type="date"]:hover,
+  #search input[type="date"]:hover,
+  #search input[type="filters"]:hover {
+      -webkit-transition: border-color 0.3s ease-in-out;
+      -moz-transition: border-color 0.3s ease-in-out;
+      transition: border-color 0.3s ease-in-out;
+      border: 1px solid #aaa;
+  }
+
+  #search button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #search button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #search button[type="submit"]:active {
+    box-shadow: inset 0 1px rgba(0, 0, 0, 0.5);
+  }
+
+  #search input:focus,
+  #search textarea:focus {
+      outline: 0;
+      border: 1px solid #aaa;
+  }
+
+  ::-webkit-input-placeholder {
+      color: #888;
+  }
+
+  :-moz-placeholder {
+      color: #888;
+  }
+
+  ::-moz-placeholder {
+      color: #888;
+  }
+
+  :-ms-input-placeholder {
+      color: #888;
+  }
+
+  [class*="button7"] {
+      background-color: #DE584F;
+  }
+
+  .button7 {
+      font-weight: 700;
+      color: white;
+      text-decoration: none;
+      padding: .8em 2em calc(.8em + 3px);
+      border-radius: 3px;
+      background: #DE584F(64, 199, 129);
+      box-shadow: 0 -3px #DE584F(53, 167, 110) inset;
+      transition: 0.2s;
+  }
+
+  .button7:hover {
+      background: #DE584F(206, 211, 208);
+  }
+
+  .button7:active {
+      background: rgb(33, 147, 90);
+      box-shadow: 0 3px rgb(33, 147, 90) inset;
+  }
+  </style>
+</head>
+
+<body>
+  <?php
+  $Subject = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $Subject = test_input($_POST["Subject"]);
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+  <div class="col-9">
+      <h1>Reservation Webpage</h1>
+  </div>
+
+  <div class="col-12">
+    <ul>
+      <li><a href="index1.php">Home</a></li>
+      <li><a href="contact.php">Contact</a></li>
+      <li><a href="index1.php">About</a></li>
+      <li><a href="loginform_for_admin_2.php">Admin place</a></li>
+      <li><a class="active" href="query_2.php">Customer queries</a></li>
+      <li><a href="admin_delete_record.php">Deleting record</a></li>
+      <li><a href="logout_admin.php">Logout</a></li>
+    </ul>
+  </div>
+
+  <div class="container">
+    <fieldset>
+      <form id="search" method="post" action="<?php $PHP_SELF?>">
+        <legend>
+          <h1>Searching customer queries</h1>
+        </legend>
+        <legend>Please select your subject:</legend>
+        <select name="Subject">
+          <option value="Reporting problems in the website">Reporting problems in the website</option>
+          <option value="Questions, queries and problems using the website">Questions, queries and problems using the website</option>
+          <option value="Request">Request in the website</option>
+          <option value="Cancelling a flight">Cancelling a flight</option>
+        </select>
+        <input type="hidden" name="flight_search" value="yes" />
+        <input type="submit" name="submit" class="button7" value="Search" />
+      </form>
+    </fieldset>
+
+    <?php
+    //This is only displayed if the user submitted the form
+    if (isset($_POST['flight_search'])){
+      echo "<h2>Results</h2><p>";
+      //If the user did not enter a search term, they receive an error
+      if ($_POST['Subject'] == ""){
+        echo "<p>Please select a subject";
+        exit;
+      }
+
+      // Otherwise we connect to the database
+      $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+      // Check connection
+      if (mysqli_connect_errno()){
+        echo "Failed to connect to MySQL: " . mysqli_connect_error();
+      }
+
+      if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        $Subject = ($_POST["Subject"]);
+      }
+
+      $data = mysqli_query($con, "SELECT * FROM Contact WHERE Subject = '$Subject'");
+
+      //And display the results
+
+      while($row = mysqli_fetch_array( $data )) {
+        echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+        echo "<br>";
+      }
+
+      //This counts the number or results. If there aren't any, it gives the user a "no match" message
+      $anymatches=mysqli_num_rows($data);
+      if ($anymatches == 0) {
+        echo "Sorry, but we can not find an entry to match your query<br><br>";
+      }
+
+      //And reminds the user what they searched for
+      echo "<b>Searched For:</b> " . "$find";
+    }
+
+    //break;
+
+    if (isset($_GET['Flight_Id#'])) {
+      $Flight_Id = $_GET['Flight_Id'];
+      echo $Flight_Id;
+    }
+    ?>
+  </div>
+
+  <!-- social media block -->
+  <div class="social twitter">
+    <a href="#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+  </div>
+  <div class="social instagram">
+    <a href="#" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+  </div>
+  <div class="social facebook">
+    <a href="#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+  </div>
+</body>
+</html>
--- a/registration.php
+++ b/registration.php
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>payment</title>
+<style>
+* {
+    box-sizing: border-box;
+}
+.header {
+    border: 1px solid green;
+    padding: 15px;
+}
+.row::after {
+    content: "";
+    clear: both;
+    display: table;
+}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover {
+    background-color: #111;
+}
+
+[class*="col-"] {
+    float: left;
+    padding: 15px;
+    border: 3px solid blue;
+}
+
+/* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+.col-1 {width: 8.33%;}
+.col-2 {width: 16.66%;}
+.col-3 {width: 25%;}
+.col-4 {width: 33.33%;}
+.col-5 {width: 41.66%;}
+.col-6 {width: 50%;}
+.col-7 {width: 58.33%;}
+.col-8 {width: 66.66%;}
+.col-9 {width: 75%;}
+.col-10 {width: 83.33%;}
+.col-11 {width: 91.66%;}
+.col-12 {width: 100%;}
+
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    background-color: #333;
+}
+
+li {
+    float: left;
+}
+
+li a {
+    display: block;
+    color: white;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+}
+
+li a:hover:not(.active) {
+    background-color: #111;
+}
+
+.active {
+    background-color: #4CAF50;
+}
+
+@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-font-smoothing: antialiased;
+  -o-font-smoothing: antialiased;
+  font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+
+body {
+  font-family: "Roboto", Helvetica, Arial, sans-serif;
+  font-weight: 100;
+  font-size: 15px;
+  line-height: 30px;
+  color: #777;
+  background: #ffffff;
+}
+
+.container {
+  max-width: 400px;
+  width: 100%;
+  margin: 0 auto;
+  position: relative;
+}
+
+#registration input[type="first_name"],
+#registration input[type="last_name"],
+#registration input[type="username"],
+#registration input[type="password"],
+#registration button[type="submit"] {
+  font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+}
+
+#registration {
+  background: #F9F9F9;
+  padding: 25px;
+  margin: 15px 0;
+  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+}
+
+#registration h3 {
+  display: block;
+  font-size: 30px;
+  font-weight: 300;
+  margin-bottom: 10px;
+}
+
+#registration h4 {
+  margin: 5px 0 15px;
+  display: block;
+  font-size: 13px;
+  font-weight: 400;
+}
+
+fieldset {
+  border: medium none !important;
+  margin: 0 0 10px;
+  min-width: 100%;
+  padding: 0;
+  width: 100%;
+}
+
+#registration input[type="first_name"],
+#registration input[type="last_name"],
+#registration input[type="username"],
+#registration input[type="password"] {
+  width: 100%;
+  border: 1px solid #ccc;
+  background: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+}
+
+#registration input[type="first_name"]:hover,
+#registration input[type="last_name"]:hover,
+#registration input[type="username"]:hover,
+#registration input[type="password"]:hover, {
+  -webkit-transition: border-color 0.3s ease-in-out;
+  -moz-transition: border-color 0.3s ease-in-out;
+  transition: border-color 0.3s ease-in-out;
+  border: 1px solid #aaa;
+}
+
+#registration button[type="submit"] {
+  cursor: pointer;
+  width: 100%;
+  border: none;
+  background: #4CAF50;
+  color: #FFF;
+  margin: 0 0 5px;
+  padding: 10px;
+  font-size: 20px;
+}
+
+#registration button[type="submit"]:hover {
+  background: #43A047;
+  -webkit-transition: background 0.3s ease-in-out;
+  -moz-transition: background 0.3s ease-in-out;
+  transition: background-color 0.3s ease-in-out;
+}
+
+#registration button[type="submit"]:active {
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+#registration input:focus,
+#registration textarea:focus {
+  outline: 0;
+  border: 1px solid #aaa;
+}
+
+::-webkit-input-placeholder {
+  color: #888;
+}
+
+:-moz-placeholder {
+  color: #888;
+}
+
+::-moz-placeholder {
+  color: #888;
+}
+
+:-ms-input-placeholder {
+  color: #888;
+}
+
+</style>
+</head>
+
+<body>
+  <?php
+
+  $First_Name = $Last_Name = $username = $Password = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $First_Name = test_input($_POST["First_Name"]);
+    $Last_Name = test_input($_POST["Last_Name"]);
+    $username = test_input($_POST["username"]);
+    $Password = test_input($_POST["Password"]);
+
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+<div class="col-3">
+  <h1>Logo</h1>
+
+</div>
+
+<div class="col-9">
+  <h1>Payment and confirmation Webpage</h1>
+
+</div>
+
+<div class="col-12">
+	<ul>
+  	<li><a class="active" href="index5.php">Home</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+ 		<li><a href="index5.php">About</a></li>
+	</ul>
+</div>
+
+<div class="row">
+
+<div class="container">
+  <fieldset>
+      <form id="registration" method="post" action="<?php $PHP_SELF?>">
+      	<Legend><h1>Please fill in the form in order to register</h1></Legend>
+        <Ledgend>Please fill in your details:</legend>
+          <br>
+          <label for="first_name">First Name: </label>
+          <input placeholder="First Name" type="first_name" name="First_Name" tabindex="1" required autofocus/>
+                <br>
+          <label for="last_name">Last Name: </label>
+          <input placeholder="Last Name" type="last_name" name="Last_Name" tabindex="2" required/>
+            <br>
+            <p>
+          <label for="username">username Address: </label>
+          <input placeholder="username Address" type="username" name="username" tabindex="2" required/>
+            <br>
+            <p>
+          <label for="password">Password: </label>
+          <input placeholder="Password" type="password" name="Password" tabindex="2" required/>
+            <br>
+            <p>
+     <input type="submit" name="submit" value="Register" />
+     <br />
+     <p>Once you have registered, please go back to the login page in order to access the payment page. Please close go back to the login tab from the tab section.</p>
+     </form>
+
+    <?php
+        #echo "Insert new user";
+		// connect to the database
+    // Establishing Connection with Server by passing server_name, user_id and password as a parameter
+    $con = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+    // Check connection
+    if (mysqli_connect_errno())
+       {
+       echo "Failed to connect to MySQL: " . mysqli_connect_error();
+       }
+
+		$data = mysqli_query($con, "INSERT INTO User_register (First_Name, Last_Name, username, Password)
+		VALUES ('$First_Name', '$Last_Name', '$username', '$Password')");
+		//mysql_query($sql1, $con);
+    mysqli_close($con);
+
+		echo "Your input:::::::::<br>";
+		echo "".$First_Name. "<br>";
+		echo "".$Last_Name. "<br>";
+		echo "".$username. "<br>";
+		echo "".$Password. "<br>";
+    ?>
+
+</div>
+
+</body>
+</html>
--- a/session.php
+++ b/session.php
+<?php
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+session_start();// Starting Session
+// Storing Session
+$user_check=$_SESSION['login_user'];
+// SQL Query To Fetch Complete Information Of User
+$ses_sql=mysqli_query($con, "SELECT username FROM User_register WHERE username='$user_check'");
+$row = mysqli_fetch_assoc($ses_sql);
+$login_session =$row['username'];
+if(!isset($login_session)){
+mysqli_close($con); // Closing Connection
+header('Location: payment1.php'); // Redirecting To Payment Page
+}
+?>
--- a/session_admin.php
+++ b/session_admin.php
+<?php
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+session_start();// Starting Session
+// Storing Session
+$user_check=$_SESSION['login_user'];
+// SQL Query To Fetch Complete Information Of User
+$ses_sql=mysqli_query($con, "SELECT username FROM Admin WHERE username='$user_check'");
+$row = mysqli_fetch_assoc($ses_sql);
+$login_session =$row['username'];
+if(!isset($login_session)){
+mysqli_close($con); // Closing Connection
+header('Location: admin_place.php'); // Redirecting To Payment Page
+}
+?>
--- a/session_for_user_login.php
+++ b/session_for_user_login.php
+<?php
+// Establishing Connection with Server by passing server_name, user_id and password as a parameter
+$con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+// Check connection
+if (mysqli_connect_errno())
+   {
+   echo "Failed to connect to MySQL: " . mysqli_connect_error();
+   }
+// Selecting Database
+$db = mysqli_select_db($con, "Airline_Booking");
+session_start();// Starting Session
+// Storing Session
+$user_check=$_SESSION['login_user'];
+// SQL Query To Fetch Complete Information Of User
+$ses_sql=mysqli_query($con, "SELECT username FROM User_register WHERE username='$user_check'");
+$row = mysqli_fetch_assoc($ses_sql);
+$login_session =$row['username'];
+if(!isset($login_session)){
+mysqli_close($con); // Closing Connection
+header('Location: user_flight_search.php'); // Redirecting To Payment Page
+}
+?>
--- a/user_flight_search.php
+++ b/user_flight_search.php
+<?php
+include('session_for_user_login.php');
+?>
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>Query Search Up Page</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+  @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
+  * {
+      box-sizing: border-box;
+  }
+
+  .header {
+      border: 1px solid #DE584F;
+      padding: 15px;
+  }
+
+  .social a {
+      text-align: center;
+      width: 52px;
+      height: 52px;
+      float: left;
+      background: #fff;
+      border: 1px solid #ccc;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.1);
+      border-radius: 24px;
+      margin: 0 10px 10px 0;
+      padding: 6px;
+      color: #000;
+  }
+
+  .twitter a:hover {
+      background: #00acee;
+      color: #fff;
+  }
+
+  .instagram a:hover {
+      background: #3f729b;
+      color: #fff;
+  }
+
+  .facebook a:hover {
+      background: #3b5998;
+      color: #fff;
+  }
+
+  .header {
+      border: 1px solid #DE584F;
+      padding: 15px;
+  }
+
+  .row::after {
+      content: "";
+      clear: both;
+      display: table;
+  }
+
+
+  /* Paralax animation*/
+
+  .parallax {
+      height: 100vh;
+      background-image: url(../Web-App/logo4-01.svg);
+      background-attachment: fixed;
+      background-repeat: no-repeat;
+      background-position: center center;
+  }
+
+  .row::after {
+      content: "";
+      clear: both;
+      display: table;
+  }
+
+  ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background-color: #333;
+  }
+
+  li {
+      float: left;
+  }
+
+  li a {
+      display: block;
+      color: white;
+      text-align: center;
+      padding: 14px 16px;
+      text-decoration: none;
+  }
+
+  li a:hover {
+      background-color: #111;
+  }
+
+  [class*="col-"] {
+      float: left;
+      padding: 15px;
+  }
+
+
+  /* This is allocating layout spaces for how the website is going to be allocated the spaces for different contencts. */
+
+  .col-1 {
+      width: 8.33%;
+  }
+
+  .col-2 {
+      width: 16.66%;
+  }
+
+  .col-3 {
+      width: 0;
+  }
+
+  .col-4 {
+      width: 33.33%;
+  }
+
+  .col-5 {
+      width: 41.66%;
+  }
+
+  .col-6 {
+      width: 50%;
+  }
+
+  .col-7 {
+      width: 58.33%;
+  }
+
+  .col-8 {
+      width: 66.66%;
+  }
+
+  .col-9 {
+      width: 100%;
+      text-align: center;
+  }
+
+  .col-10 {
+      width: 83.33%;
+  }
+
+  .col-11 {
+      width: 91.66%;
+  }
+
+  .col-12 {
+      width: 100%;
+  }
+
+  ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      background-color: #333;
+  }
+
+  li {
+      float: left;
+  }
+
+  li a {
+      display: block;
+      color: white;
+      text-align: center;
+      padding: 14px 16px;
+      text-decoration: none;
+  }
+
+  li a:hover:not(.active) {
+      background-color: #111;
+  }
+
+  .active {
+      background-color: #DE584F;
+  }
+
+  @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,600,400italic);
+  * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      -webkit-font-smoothing: antialiased;
+      -moz-font-smoothing: antialiased;
+      -o-font-smoothing: antialiased;
+      font-smoothing: antialiased;
+      text-rendering: optimizeLegibility;
+  }
+
+  body {
+      font-family: "Roboto", Helvetica, Arial, sans-serif;
+      font-weight: 100;
+      font-size: 20px;
+      line-height: 40px;
+      color: #777;
+      height: 200vh;
+      background-image: linear-gradient(to top, gray, white 40%);
+  }
+
+  .container {
+      max-width: 600px;
+      margin: 0 auto;
+      position: relative;
+  }
+
+  #search input[type="firstName"],
+  #search input[type="lastName"],
+  #search input[type="email"],
+  #search button[type="submit"] {
+      font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
+  }
+
+  #search {
+      background: #F9F9F9;
+      padding: 25px;
+      margin: 15px 0;
+      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+  }
+
+  #search h3 {
+      display: block;
+      font-size: 30px;
+      font-weight: 300;
+      margin-bottom: 10px;
+  }
+
+  #search h4 {
+      margin: 5px 0 15px;
+      display: block;
+      font-size: 13px;
+      font-weight: 400;
+  }
+
+  fieldset {
+      border: medium none !important;
+      margin: 0 0 10px;
+      min-width: 100%;
+      padding: 0;
+      width: 100%;
+  }
+
+  #search input[type="firstName"],
+  #search input[type="lastName"],
+  #search input[type="email"] {
+    width: 100%;
+    border: 1px solid #ccc;
+    background: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+  }
+
+  #search input[type="firstName"]:hover,
+  #search input[type="lastName"]:hover,
+  #search input[type="email"] {
+    -webkit-transition: border-color 0.3s ease-in-out;
+    -moz-transition: border-color 0.3s ease-in-out;
+    transition: border-color 0.3s ease-in-out;
+    border: 1px solid #aaa;
+  }
+
+  #search button[type="submit"] {
+    cursor: pointer;
+    width: 100%;
+    border: none;
+    background: #4CAF50;
+    color: #FFF;
+    margin: 0 0 5px;
+    padding: 10px;
+    font-size: 20px;
+  }
+
+  #search button[type="submit"]:hover {
+    background: #43A047;
+    -webkit-transition: background 0.3s ease-in-out;
+    -moz-transition: background 0.3s ease-in-out;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  #search button[type="submit"]:active {
+    box-shadow: inset 0 1px rgba(0, 0, 0, 0.5);
+  }
+
+  #search input:focus,
+  #search textarea:focus {
+      outline: 0;
+      border: 1px solid #aaa;
+  }
+
+  ::-webkit-input-placeholder {
+      color: #888;
+  }
+
+  :-moz-placeholder {
+      color: #888;
+  }
+
+  ::-moz-placeholder {
+      color: #888;
+  }
+
+  :-ms-input-placeholder {
+      color: #888;
+  }
+
+  [class*="button7"] {
+      background-color: #DE584F;
+  }
+
+  .button7 {
+      font-weight: 700;
+      color: white;
+      text-decoration: none;
+      padding: .8em 2em calc(.8em + 3px);
+      border-radius: 3px;
+      background: #DE584F(64, 199, 129);
+      box-shadow: 0 -3px #DE584F(53, 167, 110) inset;
+      transition: 0.2s;
+  }
+
+  .button7:hover {
+      background: #DE584F(206, 211, 208);
+  }
+
+  .button7:active {
+      background: rgb(33, 147, 90);
+      box-shadow: 0 3px rgb(33, 147, 90) inset;
+  }
+  </style>
+</head>
+
+<body>
+  <?php
+  $Subject = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $Subject = test_input($_POST["Subject"]);
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+  <ul>
+    <li><a href="index.php">Home</a></li>
+  	<li><a href="booking_page.php">Booking</a></li>
+  	<li><a href="contact.php">Contact</a></li>
+  	<li><a class="active" href="user_login.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+    <li style="float:right"><a href="logout.php">Logout</a></li>
+  </ul>
+
+  <div class="container">
+    <fieldset>
+      <form id="search" method="post" action="<?php $PHP_SELF?>">
+        <legend>
+          <h1>Searching customer queries</h1>
+        </legend>
+        <legend>Please select your subject:</legend>
+        <label for="firstName">First Name: </label>
+        <input placeholder="First Name" type="firstName" name="firstName" tabindex="1" required autofocus/>
+        <label for="lastName">Last Name: </label>
+        <input placeholder="Last Name" type="lastName" name="lastName" tabindex="1" required autofocus/>
+        <label for="email">Email: </label>
+        <input placeholder="Email" type="email" name="email" tabindex="1" required autofocus/>
+        <input type="hidden" name="flights" value="yes" />
+        <input type="submit" name="submit" class="button7" value="Search" />
+      </form>
+      <?php
+      $con = mysqli_connect(localhost, root, root, Airline_Booking, 8889);
+
+      // Check connection
+      if (mysqli_connect_errno()) {
+        echo "Failed to connect to MySQL: " . mysqli_connect_error();
+      }
+
+      if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        $firstName = ($_POST["firstName"]);
+        $lastName = ($_POST["lastName"]);
+        $email = ($_POST["email"]);
+      }
+
+      $data = mysqli_query($con, "SELECT * FROM Passenger_Profile WHERE First_Name = '$firstName' AND Last_Name = '$lastName' AND Email_Address = '$email' ");
+
+      $record = array();
+      //And display the results
+      while ($row = mysqli_fetch_array( $data )) {
+        //echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+        $record[] = $row;
+
+        foreach ($record as $rec) {
+          //echo $rec['Profile_Id'];
+
+          $data1 = mysqli_query($con, "SELECT * FROM Ticket_Info WHERE Profile_Id = '$rec[Profile_Id]'");
+          $record1 = array();
+          while ($row1 = mysqli_fetch_array( $data1 )) {
+            //echo $row1[Flight_Id];
+            $record1[] = $row1;
+
+            foreach ($record1 as $rec1) {
+              //echo $rec[Flight_Id]."<br>";
+
+              $data2 = mysqli_query($con, "SELECT * FROM FlightData WHERE Flight_Id = '$rec1[Flight_Id]'");
+              $record2 = array();
+              while ($row2 = mysqli_fetch_array( $data2 )) {
+                $record2[] = $row2;
+                foreach ($record2 as $rec2) {
+                  //echo $rec2[Airline];
+                  echo $rec2['Airline'] . " | " . $rec2['Flight_Number'] . " | " . $rec2['Departure'] . " | " . $rec2['Arrival'] . " | " . $rec2['Departure_Time'] . " | " . $rec2['Arrival_Time'];
+                  echo "<br>";
+                }
+              }
+
+            }
+          }
+
+        }
+      }
+
+
+
+
+
+        //$data1 = mysqli_query($con, "SELECT * FROM Ticket_Info WHERE Profile_Id = '$ID'");
+
+        // while($row1 = mysqli_fetch_array( $data1 )) {
+          //echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+          // $ID1 = $row1[2];
+
+          // $data2 = mysqli_query($con, "SELECT * FROM FlightData WHERE Flight_Id = '$ID1'");
+          // if($row2 = mysqli_fetch_array( $data2 )) {
+            //echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+
+      //$data1 = mysqli_query($con, "SELECT * FROM Ticket_Info WHERE Profile_Id = '$ID'");
+
+      // while($row1 = mysqli_fetch_array( $data1 )) {
+      //   //echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+      //   $ID1 = $row1[2];
+      //
+      //   $data2 = mysqli_query($con, "SELECT * FROM FlightData WHERE Flight_Id = '$ID1'");
+      //   if($row2 = mysqli_fetch_array( $data2 )) {
+      //     echo "$row[1]". " " ."$row[2]". " " . "$row[3]". " " . "$row[4]". " ";
+      //   }
+
+
+      //This counts the number or results. If there aren't any, it gives the user a "no match" message
+      $anymatches=mysqli_num_rows($data);
+      if ($anymatches == 0) {
+        echo "Sorry, but we can not find an entry to match your query<br><br>";
+      }
+
+      //And reminds the user what they searched for
+      echo "<b>Searched For:</b> " . "$find";
+      ?>
+    </fieldset>
+  </div>
+
+  <!-- social media block -->
+  <div class="social twitter">
+    <a href="#" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
+  </div>
+  <div class="social instagram">
+    <a href="#" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
+  </div>
+  <div class="social facebook">
+    <a href="#" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>
+  </div>
+</body>
+</html>
--- a/user_login.php
+++ b/user_login.php
+<?php
+include('login_script_for_user_login.php'); // Includes Login Script
+
+if(isset($_SESSION['login_user'])){
+  header("location: user_flight_search.php");
+}
+?>
+
+<!DOCTYPE html>
+<html>
+
+<head>
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="css/stylesheet2.css">
+  <script defer src="js/mainjs.js"></script>
+</head>
+
+<body>
+<!--
+  <ul>
+    <li><a href="index.php">Home</a></li>
+    <li><a href="booking_page.php">Booking</a></li>
+    <li><a href="contact.php">Contact</a></li>
+    <li><a class="active" href="user_login.php">Login</a></li>
+    <li><a href="loginform_for_admin_2.php">Admin login</a></li>
+  </ul>
+-->
+  <?php
+
+  $First_Name = $Last_Name = $username = $Password = "";
+
+  if ($_SERVER["REQUEST_METHOD"] == "POST") {
+    $First_Name = test_input($_POST["First_Name"]);
+    $Last_Name = test_input($_POST["Last_Name"]);
+    $username = test_input($_POST["username"]);
+    $Password = test_input($_POST["Password"]);
+
+  }
+
+  function test_input($data) {
+    $data = trim($data);
+    $data = stripslashes($data);
+    $data = htmlspecialchars($data);
+    return $data;
+  }
+
+  ?>
+
+  <div class="container" id="container">
+    <div class="form-container sign-up-container">
+      <form method="post" action="<?php $PHP_SELF?>">
+      <h1>Create Account</h1>
+      <div class="social-container">
+        <a href="#" class="social"><i class="fab fa-facebook fa-2x"></i></a>
+        <a href="#" class="social"><i class="fab fa-twitter fa-2x"></i></a>
+        <a href="#" class="social"><i class="fab fa-instagram fa-2x"></i></a>
+      </div>
+    
+        <input id="FirstName" placeholder="First Name" type="first_name" name="First_Name" tabindex="1" required autofocus/>
+        
+        <input id="LastName" placeholder="Last Name" type="last_name" name="Last_Name" tabindex="2" required/>
+ 
+     
+        <input id="username" placeholder="username Address" type="username" name="username" tabindex="2" required/>
+     
+       
+        <input id="password" placeholder="Password" type="password" name="Password" tabindex="2" required/>
+       
+        <input type="submit" name="submit" value="Register"/>
+      </form>
+
+      <?php
+          #echo "Insert new user";
+  		// connect to the database
+      // Establishing Connection with Server by passing server_name, user_id and password as a parameter
+      $con = mysqli_connect(localhost,root, root, Airline_Booking, 8889);
+
+      // Check connection
+      if (mysqli_connect_errno())
+         {
+         echo "Failed to connect to MySQL: " . mysqli_connect_error();
+         }
+
+  		$data = mysqli_query($con, "INSERT INTO User_register (First_Name, Last_Name, username, Password)
+  		VALUES ('$First_Name', '$Last_Name', '$username', '$Password')");
+  		//mysql_query($sql1, $con);
+      mysqli_close($con);
+
+  		echo "Your input:::::::::<br>";
+  		echo "".$First_Name. "<br>";
+  		echo "".$Last_Name. "<br>";
+  		echo "".$username. "<br>";
+  		echo "".$Password. "<br>";
+
+      ?>
+
+    </div>
+
+    <div class="form-container sign-in-container">
+      <form id="login" action="" method="post">
+      <h1>Sign In</h1>
+        <div class="social-container">
+          <a href="#" class="social"><i class="fab fa-facebook fa-2x"></i></a>
+          <a href="#" class="social"><i class="fab fa-twitter fa-2x"></i></a>
+          <a href="#" class="social"><i class="fab fa-instagram fa-2x"></i></a>
+        </div>
+        
+        
+        <input id="username" name="username" placeholder="Username" type="email">
+        
+        <input id="password" name="password" placeholder="Password" type="password">
+        <input name="submit" type="submit" class="button7" value=" Login ">
+        <span><?php echo $error; ?></span>
+      </form>
+    </div>
+    <div class="overlay-container">
+      <div class="overlay">
+        <div class="overlay-panel overlay-left">
+          <h1>Welcome Back!</h1>
+          <p>To keep connected with us please login with your personal info</p>
+          <button class="ghost" id="signIn">Sign In</button>
+        </div>
+        <div class="overlay-panel overlay-right">
+          <h1>Hello, Friend!</h1>
+          <p>Enter your personal details and start journey with us</p>
+          <button class="ghost" id="signUp">Sign Up</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</body>
+<script src="js/mainjs.js"></script>
+</html>