schedule.html 2.64 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">
7
		<link rel="icon" type="image/x-icon" href="img/favicon.ico">
Ian De La Cruz's avatar
Ian De La Cruz committed
8
		<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.js"></script>
9
		<script src="js/parse-1.6.7.js"></script>
10 11 12
	</head>
	
	<body>
Ian De La Cruz's avatar
Ian De La Cruz committed
13 14 15
		<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
16

17 18
				<a href="javascript:void(0);"><i class="fa fa-2x  fa-plus" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
				<a href="javascript:void(0);"><i class="fa fa-2x fa-search" style="color:white; padding-top:5px; padding-right:10px;"></i></a>
Ian De La Cruz's avatar
Ian De La Cruz committed
19 20
			</nav>
		</header>
21
		<div id="parent"></div>
22
		<div class="wrapper">
Ian De La Cruz's avatar
Ian De La Cruz committed
23 24 25 26 27 28
			<div class="title">
				<img src="img/scheduling.png" width="40px">
				<h1>Bus Schedules</h1>
			</div>
			<div class="card">
				<div class="row">
29
					<img class="img-placeholder" src="img/scheduling.png" width="60px">
Ian De La Cruz's avatar
Ian De La Cruz committed
30 31 32
					<form method="post" class="card_schedule" id="create_schedule">
						<fieldset>
							<label for="etd" style="display:block;">Starting Terminal</label>
33
							<input type="text" id="initial" placeholder="Current Terminal">
Ian De La Cruz's avatar
Ian De La Cruz committed
34 35 36
						</fieldset>
						<fieldset>
							<label for="etd" style="display:block;">Destination</label>
37
							<input type="text" id="destination" placeholder="End Terminal">
Ian De La Cruz's avatar
Ian De La Cruz committed
38 39 40 41 42 43 44 45 46 47
						</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>
48 49
							<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
50 51 52 53
							<label>
							<input type="text" id="plate_number" placeholder="Plate Number" size="10"></label>
						</fieldset>
						<fieldset>
54
							<label><i class="fa fa-4x fa-users"></i>
Ian De La Cruz's avatar
Ian De La Cruz committed
55 56 57
							<input type="text" id="seats_available" placeholder="Seats Available" size="10"></label>
						</fieldset>
						<fieldset>
58
							<label><i class="fa fa-4x fa-money"></i>
Ian De La Cruz's avatar
Ian De La Cruz committed
59 60
							<input type="text" id="fare" placeholder="Fare" size="10"></label>
						</fieldset>
61
						<fieldset style="margin-top: 40px;">
Ian De La Cruz's avatar
Ian De La Cruz committed
62 63 64
							<input type="submit">
						</fieldset>
					</form>
65 66
				</div>
			</div>
Ian De La Cruz's avatar
Ian De La Cruz committed
67
			<div class="schedules"></div>
68
		</div>
Ian De La Cruz's avatar
Ian De La Cruz committed
69
		<script type="text/javascript" src="js/app.js"></script>
70 71
	</body>
</html>