schedule.html 2.44 KB
Newer Older
1 2 3 4
<!DOCTYPE html>
<html>
	<head>
		<title>uBus | Bus Schedules</title>
Ian De La Cruz's avatar
Ian De La Cruz committed
5
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
6
		<link rel="stylesheet" type="text/css" href="css/style.css">
Ian De La Cruz's avatar
Ian De La Cruz committed
7 8
		<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
		<script src="http://www.parsecdn.com/js/parse-1.6.6.min.js"></script>
9 10 11
	</head>
	
	<body>
Ian De La Cruz's avatar
Ian De La Cruz committed
12 13 14
		<header>
			<nav>
				<a href="index.html"><img src="img/logo.png" width="40px"></a>
Ian De La Cruz's avatar
Ian De La Cruz committed
15

Ian De La Cruz's avatar
Ian De La Cruz committed
16 17 18 19
				<a href="javascript:void(0);"><img src="img/add.png" width="40px"></a>
				<a href="javascript:void(0);"><img src="img/search.png" width="40px"></a>
			</nav>
		</header>
20 21

		<div class="wrapper">
Ian De La Cruz's avatar
Ian De La Cruz committed
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
			<div class="title">
				<img src="img/scheduling.png" width="40px">
				<h1>Bus Schedules</h1>
			</div>
			<div class="card">
				<div class="row">
					<img src="img/scheduling.png" width="60px">
					<form method="post" class="card_schedule" id="create_schedule">
						<fieldset>
							<label for="etd" style="display:block;">Starting Terminal</label>
							<input type="text" id="initial" placeholder="hello">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">Destination</label>
							<input type="text" id="destination" placeholder="hello">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">ETD</label>
							<input type="datetime-local" id="etd" placeholder="hello">
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">ETA</label>
							<input type="datetime-local" id="eta" placeholder="hello">
						</fieldset>
						<fieldset>
47 48
							<label><i class="fa fa-4x fa-bus" style="margin-left:10px;"></i>
							<input type="text" id="bus_company" placeholder="Company" size="10" style="margin-left:15px;"></label>
Ian De La Cruz's avatar
Ian De La Cruz committed
49 50 51 52
							<label>
							<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
						</fieldset>
						<fieldset>
53
							<label><i class="fa fa-4x fa-users"></i>
Ian De La Cruz's avatar
Ian De La Cruz committed
54 55 56
							<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
						</fieldset>
						<fieldset>
57
							<label><i class="fa fa-4x fa-money"></i>
Ian De La Cruz's avatar
Ian De La Cruz committed
58 59
							<input type="text" id="fare" placeholder="Fare" size="10"></label>
						</fieldset>
60
						<fieldset style="margin-top: 40px;">
Ian De La Cruz's avatar
Ian De La Cruz committed
61 62 63
							<input type="submit">
						</fieldset>
					</form>
64 65
				</div>
			</div>
Ian De La Cruz's avatar
Ian De La Cruz committed
66
			<div class="schedules"></div>
67
		</div>
Ian De La Cruz's avatar
Ian De La Cruz committed
68
		<script type="text/javascript" src="js/app.js"></script>
69 70
	</body>
</html>