Commit 4ca541382d852b1d21f97f9ad0b045b667729920
1 parent
49613e9eff
Exists in
master
Update UI for travel selection buttons
Showing 1 changed file with 3 additions and 3 deletions Inline Diff
views/pages/index.ejs
View file @
4ca5413
| <!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 | |||
| <!-- Homepage --> | 7 | 7 | <!-- Homepage --> | |
| 8 | 8 | |||
| <body> | 9 | 9 | <body> | |
| <div class="container-fluid"> | 10 | 10 | <div class="container-fluid"> | |
| <div class="jumbotron text-center"> | 11 | 11 | <div class="jumbotron text-center"> | |
| <h1>Safe Routes</h1> | 12 | 12 | <h1>Safe Routes</h1> | |
| <p>The best way to find the safest routes.</p> | 13 | 13 | <p>The best way to find the safest routes.</p> | |
| </div> | 14 | 14 | </div> | |
| 15 | 15 | |||
| <!--What are for and type for?--> | 16 | 16 | <!--What are for and type for?--> | |
| <!-- current submit button takes you to the landing page --> | 17 | 17 | <!-- current submit button takes you to the landing page --> | |
| <form action="/landing"> | 18 | 18 | <form action="/landing"> | |
| <!-- First text field and label above the text field for current location --> | 19 | 19 | <!-- First text field and label above the text field for current location --> | |
| <div class="form-group text-center"> | 20 | 20 | <div class="form-group text-center"> | |
| <label for="currentLocation">From</label> | 21 | 21 | <label for="currentLocation">From</label> | |
| <input type="currentLocation" class="form-control" placeholder="Enter Current Location"> | 22 | 22 | <input type="currentLocation" class="form-control" placeholder="Enter Current Location"> | |
| </div> | 23 | 23 | </div> | |
| 24 | 24 | |||
| <!-- Second text field and label above the text field for destination --> | 25 | 25 | <!-- Second text field and label above the text field for destination --> | |
| <div class="form-group text-center"> | 26 | 26 | <div class="form-group text-center"> | |
| <label for="destination">To</label> | 27 | 27 | <label for="destination">To</label> | |
| <input type="destination" class="form-control" placeholder="Enter Destination"> | 28 | 28 | <input type="destination" class="form-control" placeholder="Enter Destination"> | |
| </div> | 29 | 29 | </div> | |
| 30 | 30 | |||
| <!-- First travel option button, walking | 31 | 31 | <!-- First travel option button, walking | |
| This contains a row that holds buttons of type button. Buttons are highlighted upon selection. | 32 | 32 | This contains a row that holds buttons of type button. Buttons are highlighted upon selection. | |
| --> | 33 | 33 | --> | |
| <div class="row"> | 34 | 34 | <div class="row"> | |
| <button type="button" class="btn-default col-xs-4"> | 35 | 35 | <button type="button" class="btn-default img-thumbnail col-xs-4"> | |
| <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40"> | 36 | 36 | <img class="img-responsive" src="images/pedestrian-walking.svg" alt="Walking Option" width="40" height="40"> | |
| </button> | 37 | 37 | </button> | |
| 38 | 38 | |||
| <!-- Second travel button, driving --> | 39 | 39 | <!-- Second travel button, driving --> | |
| <button type="button" class="btn-default col-xs-4"> | 40 | 40 | <button type="button" class="btn-default img-thumbnail col-xs-4"> | |
| <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40"> | 41 | 41 | <img class="img-responsive" src="images/car-compact.svg" alt="Walking Option" width="40" height="40"> | |
| </button> | 42 | 42 | </button> | |
| 43 | 43 | |||
| <!-- Third travel button, bus --> | 44 | 44 | <!-- Third travel button, bus --> | |
| <button type="button" class="btn-default col-xs-4" onclick="javascript:autofill();"> | 45 | 45 | <button type="button" class="btn-default img-thumbnail col-xs-4" onclick="javascript:autofill();"> | |
| <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40"> | 46 | 46 | <img class="img-responsive" src="images/bus.svg" alt="Walking Option" width="40" height="40"> | |
| </button> | 47 | 47 | </button> | |
| </div> | 48 | 48 | </div> | |
| <div class="text-center"> | 49 | 49 | <div class="text-center"> | |
| <button type="submit" class="btn btn-primary btn-space">Go</button> | 50 | 50 | <button type="submit" class="btn btn-primary btn-space">Go</button> | |
| 51 | 51 |