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 1.2KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  8. <script src="/scripts/notes_app.js"></script>
  9. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  10. <link rel="stylesheet" href="/css/notes_app.css" type="text/css">
  11. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  12. </head>
  13. <body>
  14. <div id=mainHeader>
  15. <h1>
  16. Quick Notes
  17. </h1>
  18. <h6>
  19. A simple note web app to demonstrate the usage of Promises/Async/Await.
  20. </h6>
  21. </div>
  22. <div id=storageBrowser>
  23. <div id=storageBrowserHeader>All Notes</div>
  24. <div class=right>
  25. <button class="btn btn-default btn-xs" id="refreshButton"><span class="glyphicon glyphicon-refresh"></span></button>
  26. </div>
  27. <div id=noteStorage></div>
  28. </div>
  29. <div id=addNoteDiv>
  30. <button type="button" id=addNoteButton>+</button>
  31. </div>
  32. <div id=allNotesDiv>
  33. </div>
  34. </body>
  35. </html>