diff options
| author | Horus3 | 2015-02-25 16:41:52 +0100 |
|---|---|---|
| committer | Horus3 | 2015-02-25 16:41:52 +0100 |
| commit | 49ffcba2c3c4a19d147dd792d7f6c99b7545a491 (patch) | |
| tree | 4fbd8a283ef7ab13f92e11e5030ad5c362be4524 /static/test.html | |
| parent | 9e1d8d0fb2b57903b1c6c0c2765b7808655c74a0 (diff) | |
| download | statuspage-49ffcba2c3c4a19d147dd792d7f6c99b7545a491.tar.gz | |
UX on front end.
Diffstat (limited to 'static/test.html')
| -rw-r--r-- | static/test.html | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/static/test.html b/static/test.html new file mode 100644 index 0000000..8b35fbe --- /dev/null +++ b/static/test.html @@ -0,0 +1,47 @@ +<html> + + <head> + + <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> + <link href="css/ripples.min.css" rel="stylesheet"> + <link href="css/material-wfont.min.css" rel="stylesheet"> + + </head> + + <body> + + <!-- Your site --> + + <h1>You can add your site here.</h1> + + <h2>To ensure that material-design theme is working, check out the buttons below.</h2> + + <h3 class="text-muted">If you can see the ripple effect on clicking them, then you are good to go!</h3> + + + <p class="bs-component"> + <a href="javascript:void(0)" class="btn btn-default">Default</a> + <a href="javascript:void(0)" class="btn btn-primary">Primary</a> + <a href="javascript:void(0)" class="btn btn-success">Success</a> + <a href="javascript:void(0)" class="btn btn-info">Info</a> + <a href="javascript:void(0)" class="btn btn-warning">Warning</a> + <a href="javascript:void(0)" class="btn btn-danger">Danger</a> + <a href="javascript:void(0)" class="btn btn-link">Link</a> + </p> + + <!-- Your site ends --> + + <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> + <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> + + <script src="js/ripples.min.js"></script> + <script src="js/material.min.js"></script> + <script> + $(document).ready(function() { + $.material.init(); + }); + </script> + + </body> + +</html> |