| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame^] | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <title>openBMC</title> |
| 6 | <link rel="icon" href="favicon.ico?v=2"/> |
| 7 | <link rel="stylesheet" href="css/main.css"> |
| 8 | <script src="js/vendor/vendor.min.js"></script> |
| 9 | </head> |
| 10 | <body> |
| 11 | |
| 12 | <div class="login__wrapper" style="height: auto"> |
| 13 | <form id="login__form"> |
| 14 | <div class="row"> |
| 15 | <div class="column column-60"> |
| 16 | <h1>Header 1 Quisque velit nisi, pretium ut lacinia in</h1> |
| 17 | <h2>Header 2 Curabitur aliquet quam id dui</h2> |
| 18 | <h3>Header 3 convallis a pellentesque nec, egestas</h3> |
| 19 | <h4>Header 4 diam sit amet quam vehicula elementum</h4> |
| 20 | <h5>Header 5 ipsum id orci porta dapibus. Curabitur aliquet </h5> |
| 21 | </div> |
| 22 | </div> |
| 23 | <p>Server IP</p> |
| 24 | <p>Quisque velit nisi, pretium ut lacinia in, elementum id enim. Proin eget tortor risus. Praesent sapien massa, |
| 25 | <a href="#">convallis a pellentesque</a> nec, egestas non nisi. Proin eget tortor risus. Pellentesque in ipsum id orci porta |
| 26 | dapibus. Curabitur aliquet quam id dui posuere <span class="disabled">blandit</span>. Vestibulum ac diam sit amet quam vehicula elementum |
| 27 | sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Praesent sapien massa, convallis a |
| 28 | pellentesque nec, egestas non nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere |
| 29 | cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.</p> |
| 30 | <label for="">User Name</label> |
| 31 | <input type="text" name="name" required placeholder="User Name"> |
| 32 | |
| 33 | <label for="">Password <span class="error float-right">error message</span></label> |
| 34 | <input type="password" name="password" required placeholder="Password" class="input__error"> |
| 35 | |
| 36 | |
| 37 | <label for="" class="disabled">Disabled label</label> |
| 38 | <input type="text" name="IP" class="disabled" disabled placeholder="Disabled input"> |
| 39 | <input type="submit" value="Login" style="display: block;"> |
| 40 | |
| 41 | <h2>Text Box</h2> |
| 42 | <div> |
| 43 | <label for="comments" class="">Comments</label> |
| 44 | <textarea id="comments" class="" name="comment" type="textarea"></textarea> |
| 45 | </div> |
| 46 | <h2>Select Box</h2> |
| 47 | <div> |
| 48 | <label for="select" class="">Comments</label> |
| 49 | <select id="select" class="" name="comment" type="select"> |
| 50 | <option>Option 1</option> |
| 51 | <option>Option 2</option> |
| 52 | <option>Option 3</option> |
| 53 | </select> |
| 54 | </div> |
| 55 | <h2>Radio Buttons</h2> |
| 56 | <div> |
| 57 | <input id="radio-1" class="radio-custom" name="radio-group-1" type="radio"> |
| 58 | <label for="radio-1" class="radio-custom-label">First Choice</label> |
| 59 | </div> |
| 60 | <div> |
| 61 | <input id="radio-2" class="radio-custom" name="radio-group-2" type="radio"> |
| 62 | <label for="radio-2" class="radio-custom-label">Second Choice</label> |
| 63 | </div> |
| 64 | <div> |
| 65 | <input id="radio-3" class="radio-custom" name="radio-group-3" type="radio"> |
| 66 | <label for="radio-3" class="radio-custom-label">Third Choice</label> |
| 67 | </div> |
| 68 | |
| 69 | <h2>Checkboxes</h2> |
| 70 | <div> |
| 71 | <input id="checkbox-1" class="checkbox-custom" name="checkbox-1" type="checkbox"> |
| 72 | <label for="checkbox-1" class="checkbox-custom-label">First Choice</label> |
| 73 | </div> |
| 74 | <div> |
| 75 | <input id="checkbox-2" class="checkbox-custom" name="checkbox-2" type="checkbox"> |
| 76 | <label for="checkbox-2" class="checkbox-custom-label">Second Choice tortor eget felis porttitor volutpat. Praesent sapien massa, tortor eget felis porttitor volutpat. Praesent sapien massa,</label> |
| 77 | </div> |
| 78 | <div> |
| 79 | <input id="checkbox-3" class="checkbox-custom" name="checkbox-3" type="checkbox"> |
| 80 | <label for="checkbox-3" class="checkbox-custom-label">Third Choice</label> |
| 81 | </div> |
| 82 | |
| 83 | <div class="alert__error"> Alert<button class="close" aria-label="close">×</button></div> |
| 84 | <div class="alert__warning"> Warning<button class="close" aria-label="close">×</button></div> |
| 85 | <div class="alert__message"> Message<button class="close" aria-label="close">×</button></div> |
| 86 | </form> |
| 87 | </div> |
| 88 | </body> |
| 89 | <script src="js/app.min.js"></script> |
| 90 | </html> |