index.tpl 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5. <title>Pwman3 Web</title>
  6. <meta name="description" content="">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  9. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  10. <link rel="stylesheet" href="/static/css/milligram.css">
  11. <link rel="stylesheet" href="/static/css/style.css">
  12. </head>
  13. <main class="wrapper">
  14. <nav class="navigation" >
  15. <section class="container container-nav">
  16. <a class="navigation-title" href="https://pwman3.github.io/">
  17. <img class="img" src="https://openclipart.org/download/190821/Cles-de-serrure-lock-keys.svg" height="30" alt="pwman3" title="pwman3">
  18. <h1 class="title">Pwman3</h1>
  19. </a>
  20. <span class="float-right" style="display: inline-block; float: right; padding-top: 0.5rem;">
  21. <div style="padding-right: 0rem; padding-left: 60px; float: right">
  22. <form id="show" class="">
  23. <input id="" class="" type="password" name="auth-pwd" placeholder="Password" style="width:60%" >
  24. <input id="" class="" value="Submit" type="submit" style="float: right; width:33.%; display: inline-block">
  25. </form>
  26. <div>
  27. </span>
  28. </section>
  29. </nav>
  30. <section class="container password-box" style="margin-top: 7rem; ">
  31. <div class="">
  32. </div>
  33. </section>
  34. <section class="container password-box">
  35. Login: <strong>oz.tiram@gmail.com</strong>
  36. <br>Website:<strong><a href="stackoverflow.com">http://stackoverflow.com</a></strong>
  37. <br>Password: <strong>********</strong><br>
  38. Notes: Some notes about this entry
  39. <br>
  40. <div class="tags">
  41. Tags:
  42. <button>net</button>
  43. <button>learning</button>
  44. </div>
  45. </section>
  46. <section class="container password-box">
  47. kkkkkkkkkkkkkkk
  48. </section>
  49. <section class="container password-box">
  50. kkkkkkkkkk
  51. </section>
  52. </main>
  53. <script type="text/javascript">
  54. $("#auth-btn").click(function () {
  55. $("#show").show('fast');
  56. });
  57. $("#auth-btn").click(function () {
  58. $("#auth-btn").hide(1000);
  59. });
  60. </script>
  61. </html>