<!DOCTYPE html> <html lang="en"> <head> <title>uBus | Admin System</title> <meta charset="utf-8"> <meta name="description" content="uBus Ticket Reservation System administrator tools."> <link rel="icon" type="image/x-icon" href="img/favicon.ico"> <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jquery-2.1.4.js"></script> <script src="js/parse-1.6.7.js"></script> <script type="text/javascript" src="js/moment.js"></script> <script type="text/javascript" src="js/app.js"></script> </head> <body> <header class="header"> <a href="index.html" class="header__logo"><img src="img/logo.png" width="40px"></a> <nav class="header__nav" id="navigation"> <a href=""></a> <a href=""></a> </nav> </header> <main class="container"> <p><a href="home.html"><span class="fa fa-arrow-left fa-2x"></span> Go back</a></p> <h2>Search for Trips</h2> <form class="tripSearch"> <label> <span>Search by: </span> <select id="searchOptions" > <option>--</option> <option>Day</option> <option>Date</option> <option>Time</option> </select> </label> <label> <span id="timeError" style="display:none; color: red;">Please follow the format 12:00 AM/PM</span> <input type="text" id="tripSearch" placeholder="Search"> </label> <button id="searchBtn"><span class="fa fa-search"></span></button> </form> <ul class="tripList" id="tripList"> </ul> </main> </body> </html>