NecromancerCoding

Hermione Thread Tracker

Oct 23rd, 2019
783
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.63 KB | None | 0 0
  1. <div class="hermione">
  2. <input id="h1" type="radio" name="hermione" checked></input>
  3. <input id="h2" type="radio" name="hermione"></input>
  4. <input id="h3" type="radio" name="hermione"></input>
  5. <input id="h4" type="radio" name="hermione"></input>
  6. <div class="hbody">
  7. <div class="h1">
  8. <div class="himg" style="background:url(http://placehold.it/240x340);"></div>
  9. <div class="htext">
  10. <h>N</h>
  11. <p>A quote goes here.</p>
  12. </div>
  13. </div>
  14. <div class="h2">
  15. <h><i class="sf sf-check-o"></i></h>
  16. <div class="henv">
  17. <h1>2018</h1>
  18. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  19. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  20. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  21. <h1>2019</h1>
  22. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  23. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  24. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  25. </div>
  26. </div>
  27. <div class="h3">
  28. <h><i class="sf sf-clock-3-o"></i></h>
  29. <div class="henv">
  30. <h1>2018</h1>
  31. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  32. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  33. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  34. <h1>2019</h1>
  35. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  36. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  37. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  38. </div>
  39. </div>
  40. <div class="h4">
  41. <h><i class="sf sf-lock-o"></i></h>
  42. <div class="henv">
  43. <h1>2018</h1>
  44. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  45. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  46. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  47. <h1>2019</h1>
  48. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  49. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  50. <a href="">Nombre del tema</a> / 00-00 / Con quién.
  51. </div>
  52. </div>
  53. </div>
  54. <div class="hheader">
  55. <h>Name of Character</h>
  56. <div class="hlinks">
  57. <label for="h1"><i class="sf sf-home-o"></i></label>
  58. <label for="h2"><i class="sf sf-check-o"></i></label>
  59. <label for="h3"><i class="sf sf-clock-3-o"></i></label>
  60. <label for="h4"><i class="sf sf-lock-o"></i></label>
  61. </div>
  62. </div>
  63. </div>
  64. <a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a>
  65. <style>.hermione {--bckg-1: #fafafa;--bckg-2: #f4f4f4;--border-1: #f4f4f4;--border-2: #cfcfcf;--accent-1: #91a6ae;--accent-2: #67777e;--shadow: #fff;--txt: #666;}</style><link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"/><link href="https://dl.dropbox.com/s/pxanj21qaxbsdf4/Signerica.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/7zorsku56rzfyu2/hermione.css" rel="stylesheet"/>
Add Comment
Please, Sign In to add comment