Azusa Kawakami / CSE 170 Group Project

Download as
Browse Code ยป

Commit 49613e9effe56886bca2ccc3288e611e91525dd1

Authored by Paul Wallace
1 parent 07e7dee015
Exists in master

Comments for index.ejs

Showing 1 changed file with 22 additions and 12 deletions Inline Diff

views/pages/index.ejs View file @ 49613e9
<!DOCTYPE html> 1 1 <!DOCTYPE html>
<html lang="en"> 2 2 <html lang="en">
<head> 3 3 <head>
<!-- <% include ../partials/header %> --> 4 4 <!-- <% include ../partials/header %> -->
</head> 5 5 </head>
6 6
7 <!-- Homepage -->
7 8
<body> 8 9 <body>
<div class="container-fluid"> 9 10 <div class="container-fluid">
<div class="jumbotron text-center"> 10 11 <div class="jumbotron text-center">
<h1>Safe Routes</h1> 11 12 <h1>Safe Routes</h1>
<p>The best way to find the safest routes.</p> 12 13 <p>The best way to find the safest routes.</p>
</div> 13 14 </div>
14 15
<!--What are for and type for?--> 15 16 <!--What are for and type for?-->
16 17 <!-- current submit button takes you to the landing page -->
<form action="/landing"> 17 18 <form action="/landing">
19 <!-- First text field and label above the text field for current location -->
<div class="form-group text-center"> 18 20 <div class="form-group text-center">
<label for="currentLocation">From</label> 19 21 <label for="currentLocation">From</label>
<input type="currentLocation" class="form-control" placeholder="Enter Current Location"> 20 22 <input type="currentLocation" class="form-control" placeholder="Enter Current Location">
</div> 21 23 </div>
22 24
25 <!-- Second text field and label above the text field for destination -->
<div class="form-group text-center"> 23 26 <div class="form-group text-center">
<label for="destination">To</label> 24 27 <label for="destination">To</label>
<input type="destination" class="form-control" placeholder="Enter Destination"> 25 28 <input type="destination" class="form-control" placeholder="Enter Destination">
</div> 26 29 </div>
27 30
<div class="row"> 28 31 <!-- First travel option button, walking
<button type="button" class="btn-default col-xs-4"> 29 32 This contains a row that holds buttons of type button. Buttons are highlighted upon selection.
<img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40"> 30 33 -->
</button> 31 34 <div class="row">
<button type="button" class="btn-default col-xs-4"> 32 35 <button type="button" class="btn-default col-xs-4">
<img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40"> 33 36 <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40">
</button> 34 37 </button>
<button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();"> 35 38
<img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40"> 36 39 <!-- Second travel button, driving -->
</button> 37 40 <button type="button" class="btn-default col-xs-4">
</div> 38 41 <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40">
42 </button>
43
44 <!-- Third travel button, bus -->
45 <button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();">
46 <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40">
47 </button>
48 </div>
<div class="text-center"> 39 49 <div class="text-center">
<button type="submit" class="btn btn-primary btn-space">Go</button> 40 50 <button type="submit" class="btn btn-primary btn-space">Go</button>
41 51
</div> 42 52 </div>
43 53
</form> 44 54 </form>
45 55
</div> 46 56 </div>
47 57
</body> 48 58 </body>
</html> 49 59 </html>