| <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
| pageEncoding="ISO-8859-1"%>
|
| <%@page import="javax.servlet.http.HttpSession;" %>
|
| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
| <html>
|
| <head>
|
| <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
| <meta charset="UTF-8">
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <link rel="stylesheet" href="home.css">
|
| <title>AMS Home</title>
|
| <style> body {
|
| font-family: "Verdana", sans-serif;
|
| margin: 0;
|
| padding: 0;
|
| background-color: #f4f4f4;
|
| background-image: url("https://www.sita.aero/globalassets/images/banners/airlines-1137400812.jpg");
|
| background-repeat: no-repeat;
|
| background-size:cover;
|
| }
|
|
|
| .nav-menu {
|
| background-color: #006B6C;
|
| padding: 10px 0;
|
| text-align: left;
|
|
|
|
|
| }
|
|
|
| .nav-menu ul {
|
| list-style: none;
|
| margin: 0;
|
|
|
|
|
| }
|
|
|
|
|
|
|
|
|
|
|
| .nav-menu li {
|
| display: inline-block;
|
| margin: 0 15px;
|
|
|
| }
|
|
|
| .nav-menu a {
|
| color: white;
|
| text-decoration: none;
|
| font-size: 16px;
|
| }
|
|
|
| .nav-menu a.active {
|
| font-weight: bold;
|
| text-decoration: underline;
|
| }
|
|
|
| .dropdown-content {
|
| display: none;
|
| position: absolute;
|
| background-color: #444;
|
| box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
|
| z-index: 1;
|
| }
|
|
|
| .dropdown-content a {
|
| color: white;
|
| padding: 8px 12px;
|
| text-decoration: none;
|
| display: block;
|
| }
|
|
|
| .dropdown-content a:hover {
|
| background-color: #555;
|
| }
|
|
|
| .dropdown:hover .dropdown-content {
|
| display: block;
|
| }
|
|
|
| .welcome-header {
|
| text-align: center;
|
| padding: 5px 15px;
|
| background-color: #007F80;
|
| color: white;
|
| opacity: 0.7;
|
| }
|
|
|
| .title {
|
| text-align: center;
|
| color: teal;
|
| margin-top: 20px;
|
| }
|
|
|
| .search-form {
|
| max-width: 600px;
|
| margin: 40px auto;
|
| padding: 20px;
|
| background: white;
|
| border-radius: 8px;
|
| box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
|
| opacity: 0.85;
|
| }
|
|
|
| .search-form form {
|
| display: grid;
|
| gap: 10px;
|
| }
|
|
|
| .search-form label {
|
| font-weight: bold;
|
| }
|
|
|
| .search-form select,
|
| .search-form input,
|
| .search-form button {
|
| padding: 10px;
|
| font-size: 14px;
|
| border: 1px solid #ddd;
|
| border-radius: 4px;
|
| }
|
|
|
| .search-form button {
|
| background-color: #007F80;
|
| color: white;
|
| border: none;
|
| cursor: pointer;
|
| }
|
|
|
| .search-form button:hover {
|
| background-color:#005F60;
|
| }
|
|
|
| </style>
|
| </head>
|
| <body>
|
| <header class="main-header">
|
| <nav class="nav-menu">
|
| <ul>
|
| <li><a href="home.jsp" class="active">Home</a></li>
|
| <li><a href="profile.jsp">Profile</a></li>
|
| <li>
|
| <div class="dropdown">
|
| <a href="mytrips.jsp">Trips</a>
|
| <!-- <div class="dropdown-content">
|
| <a href="upcoming.html">Upcoming</a>
|
| <a href="cancelled.html">Cancelled</a>
|
| <a href="completed.html">Completed</a>
|
| </div> -->
|
|
|
| </div>
|
| </li>
|
| <li><a href="logout.html">Logout</a></li>
|
|
|
| </ul>
|
|
|
| </nav>
|
| <div class="welcome-header">
|
| <h3>Hello, Srushti Patil! </h3>
|
| <h2>Welcome to EasyGo - AMS</h2>
|
| </div>
|
| </header>
|
|
|
| <main>
|
| <%-- <h1 class="title">Welcome to EasyGo - AMS</h1> --%>
|
| <section class="search-form">
|
| <form>
|
| <label for="origin">From</label>
|
| <select id="origin" name="origin">
|
| <option value="Chennai">Chennai</option>
|
| <option value="Mumbai">Mumbai</option>
|
| <option value="Delhi">Delhi</option>
|
| </select>
|
|
|
| <label for="destination">To</label>
|
| <select id="destination" name="destination">
|
| <option value="Bangalore">Bangalore</option>
|
| <option value="Pune">Pune</option>
|
| <option value="Kolkata">Kolkata</option>
|
| </select>
|
|
|
| <label for="departure-date">Departure Date</label>
|
| <input type="date" id="departure-date" name="departure-date" required>
|
|
|
| <label for="travelers">No. of Travellers</label>
|
| <input type="number" id="travelers" name="travelers" min="1" max="10" required>
|
|
|
| <label for="class">Class</label>
|
| <select id="class" name="class">
|
| <option value="Economy">Economy</option>
|
| <option value="Executive">Executive</option>
|
| <option value="Business">Business</option>
|
| </select>
|
|
|
| <button type="submit">Search</button>
|
| </form>
|
| </section>
|
| </main>
|
| </body>
|
| </html>
|