-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ad15869
commit 0ce7dad
Showing
1 changed file
with
54 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| <html> | ||
| <head> | ||
| <!--Import Google Icon Font--> | ||
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||
| <!--Import materialize.css--> | ||
| <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> | ||
|
|
||
| <!--Let browser know website is optimized for mobile--> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"/> | ||
|
|
||
| <!--JavaScript at end of body for optimized loading--> | ||
| <script type="text/javascript" src="js/materialize.min.js"></script> | ||
| </head> | ||
| <body class="blue-grey lighten-5"> | ||
| <div class="container"> | ||
| <div class="row" style="height: 10%"></div> | ||
| <div class="row" style="overflow: auto; height: 60%"> | ||
| <div class="col s8 offset-s2"> | ||
| <div class="card"> | ||
| <div class="card-content center-align"> | ||
| <span class="card-title activator grey-text text-darken-4">Product Title</span> | ||
| </div> | ||
| <div class="card-reveal"> | ||
| <span class="card-title grey-text text-darken-4"><i class="material-icons right">close</i>Product Title</span> | ||
| <p>Here is some more information about this product that is only revealed once clicked on.</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a> | ||
| <div id="modal1" class="modal"> | ||
| <div class="modal-content"> | ||
| <h4>Modal Header</h4> | ||
| <p>A bunch of text</p> | ||
| </div> | ||
| <div class="modal-footer"> | ||
| <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row" style="height: 2%"></div> | ||
| <div class="row"> | ||
| <div class="col s12 center-align"> | ||
| <a class="waves-effect waves-light btn-small"><i class="material-icons right">done_outline</i>View Accepted</a> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col s12 center-align"> | ||
| <a class="waves-effect waves-light btn-small"><i class="material-icons left">add_circle_outline</i>End Trip</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |