You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 3.5KB

4 years ago
4 years ago
4 years ago
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>My Hoodie App</title>
  6. <link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
  7. </head>
  8. <body>
  9. <nav class="navbar navbar-default">
  10. <div class="container-fluid">
  11. <div class="navbar-header">
  12. <a class="navbar-brand" href="#"> Hoodie</a>
  13. </div>
  14. <div id="navbar" class="navbar-collapse collapse">
  15. <div id="authenticated" class="nav navbar-form navbar-right">
  16. <span id="username"></span>
  17. <button id="signout" type="button" class="btn btn-default">Sign out</button>
  18. </div>
  19. <div id="anonymous" class="nav navbar-form navbar-right">
  20. <button id="signup" type="button" class="btn btn-default">Sign up</button>
  21. <button id="signin" type="button" class="btn btn-default">Sign in</button>
  22. </div>
  23. </div>
  24. </div>
  25. </nav>
  26. <div class="container">
  27. <div class="row">
  28. <div class="col-md-10">
  29. <h2>Add new contact </h2>
  30. <hr />
  31. <form id="contactForm" class="form-horizontal">
  32. <div class="form-group">
  33. <label for="name" class="col-sm-2 control-label">Name</label>
  34. <div class="col-sm-10">
  35. <input type="text" class="form-control" id="name" placeholder="Name">
  36. </div>
  37. </div>
  38. <div class="form-group">
  39. <label for="mobile" class="col-sm-2 control-label">Mobile</label>
  40. <div class="col-sm-10">
  41. <input type="text" class="form-control" id="mobile" placeholder="Mobile">
  42. </div>
  43. </div>
  44. <div class="form-group">
  45. <label for="email" class="col-sm-2 control-label">Email</label>
  46. <div class="col-sm-10">
  47. <input type="email" class="form-control" id="email" placeholder="Email">
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <div class="col-sm-offset-2 col-sm-10">
  52. <button type="submit" class="btn btn-default">Save Contact</button>
  53. </div>
  54. </div>
  55. </form>
  56. <hr />
  57. </div>
  58. </div>
  59. <div class="row">
  60. <div class="col-md-10">
  61. <h2>Contact List</h2>
  62. <hr />
  63. <table id="contactList" class="table table-bordered">
  64. <thead>
  65. <tr>
  66. <th>Name</th>
  67. <th>Mobile</th>
  68. <th>Email</th>
  69. <th></th>
  70. </tr>
  71. </thead>
  72. <tbody>
  73. </tbody>
  74. </table>
  75. </div>
  76. </div>
  77. <script src="assets/vendor/jquery.min.js"></script>
  78. <script src="assets/vendor/bootstrap/bootstrap.min.js"></script>
  79. <!-- Load the dynamic version of hoodie.js that includes all the plugin code-->
  80. <script src="/hoodie/client.js"></script>
  81. <script src="assets/js/index.js"></script>
  82. </body>
  83. </html>