Advertisement
NecromancerCoding

Hermione Thread Tracker (2)

Nov 2nd, 2019
443
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.65 KB | None | 0 0
  1. <div class="hermione">
  2. <input id="he1" type="radio" name="hermione" checked></input>
  3. <input id="he2" type="radio" name="hermione"></input>
  4. <input id="he3" type="radio" name="hermione"></input>
  5. <input id="he4" type="radio" name="hermione"></input>
  6. <div class="hebody">
  7. <div class="he1">
  8. <div class="heimg" style="background:url(http://placehold.it/240x340);"></div>
  9. <div class="hetext">
  10. <h>N</h>
  11. <p>A quote goes here.</p>
  12. </div>
  13. </div>
  14. <div class="he2">
  15. <h><i class="sf sf-check-o"></i></h>
  16. <div class="heenv">
  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="he3">
  28. <h><i class="sf sf-clock-3-o"></i></h>
  29. <div class="heenv">
  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="he4">
  41. <h><i class="sf sf-lock-o"></i></h>
  42. <div class="heenv">
  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="heheader">
  55. <h>Name of Character</h>
  56. <div class="helinks">
  57. <label for="he1"><i class="sf sf-home-o"></i></label>
  58. <label for="he2"><i class="sf sf-check-o"></i></label>
  59. <label for="he3"><i class="sf sf-clock-3-o"></i></label>
  60. <label for="he4"><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/rypz1jmvrmqa1vt/hermione2.css" rel="stylesheet"/>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement