Advertisement
bythestars

Kal Code - Honora

May 1st, 2021
35
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.63 KB | None | 0 0
  1. <body>
  2. <html>
  3. <head>
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  5. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  9. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  10. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  12. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  14. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  15. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  16. <script defer>
  17. window.onload = function() {
  18.  
  19. };
  20. </script>
  21.  
  22. <script type="text/javascript">
  23. $(document).ready(function() {
  24. // Tooltip only Text
  25. $('.masterTooltip').hover(function(){
  26. // Hover over code
  27. var title = $(this).attr('title');
  28. $(this).data('tipText', title).removeAttr('title');
  29. $('<p class="tooltip"></p>')
  30. .text(title)
  31. .appendTo('body')
  32. .fadeIn('slow');
  33. }, function() {
  34. // Hover out code
  35. $(this).attr('title', $(this).data('tipText'));
  36. $('.tooltip').remove();
  37. }).mousemove(function(e) {
  38. var mousex = e.pageX + 20; //Get X coordinates
  39. var mousey = e.pageY + 10; //Get Y coordinates
  40. $('.tooltip')
  41. .css({ top: mousey, left: mousex })
  42. });
  43. });
  44. </script>
  45.  
  46. <style>
  47. @import url('https://fonts.googleapis.com/css?family=Economica|Roboto Condensed|Six Caps');
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58. body { cursor: url(https://i.imgur.com/WIeMSiR.png), auto;background-color: #212121;
  59. background-image: url("https://www.transparenttextures.com/patterns/brilliant.png");
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. width: 4px;
  64. }
  65.  
  66. /* Track */
  67. ::-webkit-scrollbar-track {
  68. background: #;
  69. }
  70.  
  71. /* Handle */
  72. ::-webkit-scrollbar-thumb {
  73. background: #;
  74. }
  75.  
  76. /* Handle on hover */
  77. ::-webkit-scrollbar-thumb:hover {
  78. background: #;
  79. }
  80.  
  81.  
  82.  
  83.  
  84. /* The typing effect */
  85. @keyframes typing {
  86. from { width: 0 }
  87. to { width: 100% }
  88. }
  89.  
  90. /* The typewriter cursor effect */
  91. @keyframes blink-caret {
  92. from, to { border-color: transparent }
  93. 50% { border-color: }
  94. }
  95.  
  96. a {cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
  97.  
  98.  
  99.  
  100. @font-face{
  101. src:url(
  102.  
  103. https://dl.dropbox.com/s/f4rvkr4ybrkqryz/Geomancy%20-%20Extra%20Bold.otf);
  104.  
  105. font-family:'geo';}
  106.  
  107.  
  108.  
  109. @font-face{
  110. src:url(
  111. https://dl.dropbox.com/s/9ln5dag3xxe3du3/staravenue.ttf);
  112.  
  113. font-family:'star';}
  114.  
  115.  
  116. .mainbox {position: fixed; background-color: #;
  117. background-image: url(""); width: 710px; height: 425px; border:0px solid; border-color: #fff; margin: auto; left: -160px; right: 0px; top: 440px; bottom: 80px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #000); }
  118.  
  119. .strike1{position: fixed; background-color: #121212; opacity:1;
  120. background-image: url(""); width: 180px; height: 30px; border:0px solid; border-color: #fff; margin: auto; left: -265px; right: 0px; top:-633px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  121.  
  122.  
  123.  
  124. .strike2{position: fixed; background-color: #121212; opacity:1;
  125. background-image: url(""); width: 180px; height: 30px; border:0px solid; border-color: #fff; margin: auto; left: 525px; right: 0px; top:-633px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  126.  
  127.  
  128.  
  129. .strike3{position: fixed; background-color: #121212; opacity:1;
  130. background-image: url(""); width: 180px; height: 10px; border:0px solid; border-color: #fff; margin: auto; left: -265px; right: 0px; top:-65px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  131.  
  132.  
  133.  
  134. .strike4{position: fixed; background-color: #121212; opacity:1;
  135. background-image: url(""); width: 180px; height: 10px; border:0px solid; border-color: #fff; margin: auto; left: 525px; right: 0px; top:-65px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  136.  
  137.  
  138. .strike5{position: fixed; background-color: #121212; opacity:1;
  139. background-image: url(""); width: 180px; height: 10px; border:0px solid; border-color: #fff; margin: auto; left: -265px; right: 0px; top:-684px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  140.  
  141.  
  142. .strike6{position: fixed; background-color: #121212; opacity:1;
  143. background-image: url(""); width: 180px; height: 10px; border:0px solid; border-color: #fff; margin: auto; left: 525px; right: 0px; top:-684px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  144.  
  145.  
  146. .box1 {position: fixed; background-color: #121212; opacity:1;
  147. background-image: url(""); width: 180px; height: 250px; border:0px solid; border-color: #fff; margin: auto; left: -265px; right: 0px; top:-335px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  148.  
  149.  
  150. .box2 {position: fixed; background-color: #121212; opacity:1;
  151. background-image: url(""); width: 180px; height: 250px; border:0px solid; border-color: #fff; margin: auto; left: 525px; right: 0px; top:-335px; bottom: 29px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  152.  
  153.  
  154. .box3 {position: fixed; background-color: #121212; opacity:1;
  155. background-image: url(""); width: 200px; height: 322px; border:0px solid; border-color: #fff; margin: auto; left: 130px; right: 0px; top:-330px; bottom: 73px; z-index:3; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  156.  
  157.  
  158. .box4 {position: fixed; background-color: #210606;opacity:4;
  159. background-image: url(""); width: 509px; height: 50px; border:0px solid; border-color: #fff; margin: auto; left: 215px; right: 0px; top:-25px; bottom: -135px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
  160.  
  161.  
  162.  
  163. .mainimg{background-image:url(https://i.imgur.com/uAiDDHH.png);
  164. background-repeat:no-repeat;
  165. width:200px;
  166. height:320px;
  167. background-size:100%;
  168. position:absolute;
  169. top:-150;
  170. left:320;
  171. z-index:4;
  172. filter:drop-shadow(0px 0px 2px #);
  173. border: 0px solid; border-color: #; filter: brightness(40%);
  174. opacity:1; transition:0.4s;
  175. }
  176.  
  177. .mainimg:hover {opacity:0; transition:0.4s;}
  178.  
  179. .mainimg:hover ~ .title{opacity:0; transition:0.4s;}
  180.  
  181.  
  182. .mainimg:hover ~ .swash{opacity:0; transition:0.4s;}
  183.  
  184. @font-face{
  185. src:url(https://dl.dropbox.com/s/xinemskhxszaz5e/Charlotte%20Southern.otf?dl=0);
  186. font-family:'namer';}
  187.  
  188.  
  189. @font-face{
  190. src:url(https://dl.dropbox.com/s/i5tbsg5rs8n8itx/Charlotte%20Southern%20Swash.otf?dl=0);
  191. font-family:'samer';}
  192.  
  193.  
  194.  
  195.  
  196. .img3{background-image:url(https://66.media.tumblr.com/ebc5800e7cea170a625938a702330606/tumblr_inline_nv1jb3jT4o1sc3ygs_250.gif);
  197. background-repeat:no-repeat;
  198. width:120px;
  199. height:120px;
  200. background-size:100%;
  201. position:absolute;
  202. top:5;
  203. left:370;
  204. z-index:4;
  205. filter:drop-shadow(0px 0px 1px #fff);
  206. border: 2px solid; border-color: #fff;
  207. opacity:0.61;
  208. }
  209.  
  210.  
  211.  
  212.  
  213. @font-face{
  214. src:url(https://dl.dropbox.com/s/syk80bd7qhcnd62/BebasNeue-Regular.ttf?dl=0);
  215. font-family:'new';}
  216.  
  217.  
  218.  
  219. @font-face{
  220. src:url(https://dl.dropbox.com/s/br2skah67bjh2a9/MORVA.ttf);
  221. font-family:'sign';}
  222.  
  223. .title{ letter-spacing: 0; z-index: 5; position: fixed; left: 343px; bottom: 264px; font-family: 'namer', cursive; font-size:70px; color: #545454; text-shadow: 0px 0px 3px #; position: absolute; width:20px; filter:drop-shadow(0px 0px 4px #000);transform: rotate(0deg); }
  224.  
  225. .swash{ letter-spacing: 0; z-index: 5; position: fixed; left: 345px; bottom: 260px; font-family: 'samer', cursive; font-size:70px; color: #545454; text-shadow: 0px 0px 3px #; position: absolute; width:20px; filter:drop-shadow(0px 0px 4px #000);transform: rotate(0deg); }
  226.  
  227. .statistic{ letter-spacing: 0; z-index: 5; position: fixed; left: 164px; bottom: 514px; font-family: 'sign', cursive; font-size:30px; color: #545454; text-shadow: 0px 0px 3px #; position: absolute; width:0px; filter:drop-shadow(0px 0px 1px #000);transform: rotate(0deg); }
  228.  
  229. .Headcan{ letter-spacing: 0; z-index: 5; position: fixed; left: 410px; bottom: 450px; font-family: 'sign', cursive; font-size:30px; color: #545454; text-shadow: 0px 0px 3px #; position: absolute; width:270px; filter:drop-shadow(0px 0px 2px #000);transform: rotate(0deg); }
  230.  
  231.  
  232. .ooc{ letter-spacing: -1; z-index: 5; position: fixed; left: 532px; bottom: 514px; font-family: 'sign', cursive; font-size:25px; color: #545454; text-shadow: 0px 0px 3px #; position: absolute; width:270px; filter:drop-shadow(0px 0px 2px #000);transform: rotate(0deg); }
  233.  
  234.  
  235. .fr1:hover{ opacity: 0.4; transition:0.3s;}
  236.  
  237. .fr1:hover + .inpic {opacity:1;}
  238. .fr1:hover + .inpic2 {opacity:1;}
  239. .fr1:hover + .inpic3 {opacity:1;}
  240.  
  241. .words {position: absolute; bottom: 0px; left:6px; margin: auto;
  242. opacity:1;
  243. height: 250px;
  244. width: 170px;
  245. padding: 0px;
  246. text-align: justify;
  247. font-size: 13px;
  248. overflow: auto;
  249. text-ident: 10px;
  250. color: #b5b5b5;
  251. font-family: economica;
  252. z-index:20;
  253. }
  254.  
  255. .words2 {position: absolute; bottom: 3px; left: 6px; margin: auto;
  256. opacity:1;
  257. height: 315px;
  258. width: 184px;
  259. padding: 0px;
  260. text-align: justify;
  261. font-size: 13px;
  262. overflow: auto;
  263. text-ident: 10px;
  264. color: #a1a1a1;
  265. font-family: economica;
  266. z-index:20;
  267. }
  268.  
  269.  
  270. p{
  271. font-family: 'Economica';
  272. font-size: 14px;
  273. letter-spacing: 0px;
  274. word-spacing: 0px;
  275. color: #e1e1e1;
  276. text-align: justify;
  277.  
  278. line-height: 20px;
  279. margin: 0px 0px 0px 1px;}
  280.  
  281.  
  282.  
  283.  
  284. b {
  285. letter-spacing: 2px;
  286. font-family: new;
  287. color: #707070;
  288. font-weight: bold;
  289. font-size:12px;
  290. text-transform: uppercase;
  291. font-weight: 100; filter:drop-shadow(0px 0px 1px #000);}
  292.  
  293. .fr1{ width: 45px; height: 45px; margin-bottom: 5px; margin-top: 0px; margin-right: px; margin-left: 2px; border: px solid #000; border-radius: 00px; z-index:9; }
  294.  
  295. strong {
  296. font-family: economica; letter-spacing: 2px;
  297. color: #c2c2c2;
  298. font-weight: bold;
  299. font-size: 12px;
  300. text-transform: uppercase;
  301. font-weight: 100; }
  302.  
  303.  
  304. .put{position: absolute; bottom: 0px; left:5px; margin: auto;
  305. opacity:1;
  306. height: 250px;
  307. width: 180px;
  308. padding: 0px;
  309. text-align: center;
  310. font-size: 1px;
  311. overflow: auto;
  312. text-indent: 0px;
  313. color: #e1e1e1;
  314. font-family: Barlow Condensed;
  315.  
  316. z-index:22;overflow:auto transition: all 0.9s ease-in-out;
  317. -webkit-transition: all 0.4s ease-in-out;
  318. -moz-transition: all 0.4s ease-in-out;
  319. -o-transition: all 0.4s ease-in-out;
  320. -ms-transition: all 0.4s ease-in-out;}
  321.  
  322.  
  323. p.td {
  324. text-align: right;
  325. font-family:economica;
  326. margin-left:-14px;
  327. font-size: 11px;
  328. line-height: 10px;
  329. color: #b5b5b5; }
  330.  
  331. td {
  332. text-align: left;
  333. line-height: 20px; }
  334.  
  335. .img2{position: absolute; width: 30px; height: 30px; border: 0px solid; top:-98px; border-color: #1a6752; left:87.4; background: url(https://i.imgur.com/pDz3cLt.png); background-size: 100%; z-index:5;border-radius:1px; transition: 0.2s;}
  336.  
  337. .img2:hover {filter:drop-shadow(0px 0px 5px #fff);}
  338.  
  339. .put:target{ opacity:1;
  340. z-index:11;transition: all 0.4s ease-in-out;
  341. -webkit-transition: all 0.4s ease-in-out;
  342. -moz-transition: all 0.4s ease-in-out;z
  343. -o-transition: all 0.4s ease-in-out;
  344. -ms-transition: all 0.4s ease-in-out;overflow:auto;}
  345.  
  346. .KAL{
  347. position:fixed;
  348. bottom:10px;
  349. left:97%;
  350.  
  351. width: 50px; height: 30px;
  352. }
  353.  
  354. a {font-family: new;letter-spacing: 2px;
  355. color: #ededed;
  356. font-weight: bold;
  357. font-size: 12px;
  358. text-transform: ;transition: 0.4s;
  359. text-decoration: none;
  360. font-weight: 100; cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
  361.  
  362. a:hover { filter:drop-shadow(0px 0px 1px #ff3333); transition: 0.4s;}
  363.  
  364. .newer{position: absolute; bottom:-12px; left:-34px; margin: auto;
  365. opacity:1;
  366. height: 50px;
  367. width: 560px;
  368. padding:10px;
  369. text-align: center;
  370. font-size: 13px;
  371. overflow: auto;
  372. text-ident: 10px;
  373.  
  374. z-index:20;overflow:auto transition: all 0.9s ease-in-out;
  375. -webkit-transition: all 0.4s ease-in-out;
  376. -moz-transition: all 0.4s ease-in-out;
  377. -o-transition: all 0.4s ease-in-out;
  378. -ms-transition: all 0.4s ease-in-out;}
  379.  
  380. .new{position: absolute; bottom: 5px; left: 5px; margin: auto;
  381. opacity:1;
  382. height: 200px;
  383. width: 27=65px;
  384. padding:10px;
  385. text-align: center;
  386. font-size: 13px;
  387. overflow: auto;
  388. text-ident: 10px;
  389.  
  390.  
  391. z-index:0;overflow:auto transition: all 0.9s ease-in-out;
  392. -webkit-transition: all 0.4s ease-in-out;
  393. -moz-transition: all 0.4s ease-in-out;
  394. -o-transition: all 0.4s ease-in-out;
  395. -ms-transition: all 0.4s ease-in-out;}
  396.  
  397. .new:target{ opacity:1;
  398. z-index:11;transition: all 0.4s ease-in-out;
  399. -webkit-transition: all 0.4s ease-in-out;
  400. -moz-transition: all 0.4s ease-in-out;
  401. -o-transition: all 0.4s ease-in-out;
  402. -ms-transition: all 0.2s ease-in-out;overflow:auto;}
  403.  
  404.  
  405.  
  406.  
  407. #app1{
  408.  
  409.  
  410. -webkit-animation:move 0.0s 1;
  411. animation:move 1.8s 1;
  412. animation-delay:0.0s;
  413. animation-fill-mode:forwards;
  414. -webkit-animation-delay:1s;
  415. -webkit-animation-fill-mode:forwards;
  416. }
  417.  
  418.  
  419.  
  420.  
  421. @keyframes move{
  422. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);
  423.  
  424. width:300px;
  425. height:207px;
  426. background-size:100%;
  427. position:absolute;
  428. top:-207px;
  429. left:145px;
  430. z-index:-1;
  431. filter:drop-shadow(0px 0px 1px #596be3);}
  432. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  433. background-repeat:no-repeat;
  434. width:800px;
  435. height:407px;
  436. background-size:100%;
  437. position:absolute;
  438. top:-407px;
  439. left:-100px;
  440. z-index:3;
  441. filter:drop-shadow(0px 0px 1px #596be3);}
  442. }
  443.  
  444.  
  445.  
  446. @-webkit-keyframes move{
  447. from{ background-image:url(https://i.imgur.com/L3hOOvS.png);;
  448. background-repeat:no-repeat;
  449. width:300px;
  450. background-size:100%;
  451. position:absolute;
  452. top:-207px;
  453. left:145px;
  454. z-index:-1;
  455. filter:drop-shadow(0px 0px 1px #596be3);}
  456. to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
  457. background-repeat:no-repeat;
  458. width:800px;
  459. height:407px;
  460. background-size:100%;
  461. position:absolute;
  462.  
  463. z-index:3;
  464. filter:drop-shadow(0px 0px 1px #596be3);}
  465. }
  466.  
  467.  
  468.  
  469.  
  470. #music-bg {
  471. position:absolute;
  472. background-color:#210606;
  473. left:710px;
  474. top:-120px;
  475. width:200;
  476. height:20; opacity:1;
  477. }
  478.  
  479. #music{
  480. position:absolute;
  481. background-image:
  482. url('https://i.imgur.com/N3ScMZd.png');
  483. background-repeat: no-repeat;
  484. background-size: 10px;
  485. width:195px;
  486. height:16px;
  487. z-index:99;
  488. left:6;
  489. top:4;
  490. -webkit-transition: all 0.5s ease-in-out;
  491. -moz-transition: all 0.5s ease-in-out;
  492. -o-transition: all 0.5s ease-in-out;
  493. }
  494.  
  495. #music-title-bg {
  496. position:absolute;
  497. background-color:#210606;
  498. width:195;
  499. height:20;
  500. left:25;
  501. top:0;
  502. }
  503.  
  504. #music-title-bg2 {
  505. position:absolute;
  506. background-color:#;
  507. width:200;
  508. height:20px;
  509. left:-7;
  510. top:3;
  511. }
  512.  
  513. #music-title {
  514. position:absolute;
  515. color:#bf6d6d;
  516. font-family:new;
  517. font-size:12px;
  518. text-transform:uppercase;
  519. text-align:justify;
  520. width:195;
  521. left:2;
  522. top:2;
  523. }
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530. </style>
  531. </head>
  532. <body>
  533.  
  534.  
  535.  
  536. <div class="mainbox">
  537. <div class="mainimg"></div>
  538.  
  539. <div class="title">Honora.</div>
  540. <div class="swash">r</div>
  541.  
  542. <div class="strike1"></div>
  543.  
  544.  
  545. <div class="strike2"></div>
  546.  
  547.  
  548. <div class="strike3"></div>
  549.  
  550. <div class="strike4"></div>
  551.  
  552. <div class="strike5"></div>
  553.  
  554. <div class="strike6"></div>
  555.  
  556. <div class="statistic">Statistics</div>
  557. <div class="ooc">Out of Character</div>
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565. <div class="box1">
  566. <div class="put">
  567.  
  568. <table border="0" cellspacing="0">
  569.  
  570.  
  571.  
  572.  
  573.  
  574. <tr>
  575. <td><b>Name</b></td>
  576. <td>
  577. <p class="td">Honora Trocar</p>
  578. </td>
  579. </tr><br>
  580.  
  581.  
  582. <tr>
  583. <td><b>Alias/s</b></td>
  584. <td>
  585. <p class="td">Nora</p>
  586. </td>
  587. </tr><br>
  588.  
  589. <tr>
  590. <td><b>Birthdate</b></td>
  591. <td>
  592. <p class="td">February 15, 1897</p>
  593. </td>
  594. </tr>
  595.  
  596.  
  597. <tr>
  598. <td><b>Hometown</b></td>
  599. <td>
  600. <p class="td">London, England</p>
  601. </td>
  602. </tr>
  603.  
  604. <tr>
  605. <td><b>Marital</b></td>
  606. <td>
  607. <p class="td"><a target="_blank" href="link here">Single</a></p>
  608. </td>
  609. </tr>
  610.  
  611. <tr>
  612. <td><b>Orientation</b></td>
  613. <td>
  614. <p class="td">Demisexual</p>
  615. </td>
  616. </tr>
  617.  
  618. <tr>
  619. <td><b>Blood Status</b></td>
  620. <td>
  621. <p class="td">Half-Blood</p>
  622. </td>
  623. </tr><br>
  624.  
  625. <tr>
  626. <td><b>Ethnicity</b></td>
  627. <td>
  628. <p class="td">Italian, Hungarian</p>
  629. </td>
  630. </tr>
  631.  
  632. <tr>
  633. <td><b>Species</b></td>
  634. <td>
  635. <p class="td">Vampire (Turned)</p>
  636. </td>
  637. </tr>
  638.  
  639. <tr>
  640. <td><b>Height</b></td>
  641. <td>
  642. <p class="td">5'8"</p>
  643. </td>
  644. </tr>
  645.  
  646. <tr>
  647. <td><b>Weight</b></td>
  648. <td>
  649. <p class="td">125 lbs</p>
  650. </td>
  651. </tr>
  652.  
  653. <tr>
  654. <td><b>Eye Color</b></td>
  655. <td>
  656. <p class="td">Blue</p>
  657. </td>
  658. </tr>
  659.  
  660. <tr>
  661. <td><b>Hair Color</b></td>
  662. <td>
  663. <p class="td">Brown</p>
  664. </td>
  665. </tr>
  666.  
  667. <tr>
  668. <td><b>Scent</b></td>
  669. <td>
  670. <p class="td">Rose Oil, Jasmine, Ambrette</p>
  671. </td>
  672. </tr>
  673.  
  674. <tr>
  675. <td><b>Occupation</b></td>
  676. <td>
  677. <p class="td">Professor of Ghoul Studies</p>
  678. </td>
  679. </tr><br>
  680.  
  681. <tr>
  682. <td><b></b></td>
  683. <td>
  684. <p class="td">Unspeakable</p>
  685. </td>
  686. </tr><br>
  687.  
  688.  
  689. <tr>
  690. <td><b>Alumni</b></td>
  691. <td>
  692. <p class="td">Ravenclaw</p>
  693. </td>
  694. </tr><br>
  695.  
  696. <tr>
  697. <td><b>Wand</b></td>
  698. <td>
  699. <p class="td">Cypress, 12", Threstrail Tail Hair</p>
  700. </td>
  701. </tr><br>
  702.  
  703. <tr>
  704. <td><b>Familiar</b></td>
  705. <td>
  706. <p class="td"><a target="_blank" href="https://i.imgur.com/BowYBMi.jpg">Adler</a> & <a target="_blank" href="https://i.imgur.com/HDbikFl.jpg">Moriarty</a></p>
  707. </td>
  708. </tr>
  709.  
  710.  
  711. <tr>
  712. <td><b>Patronus</b></td>
  713. <td>
  714. <p class="td"><a title="The blackbird Patronus appears to those who try to help themselves. Blackbirds are mysterious and intuitive, appearing when needed most. Blackbirds keep their secrets and will protect yours fiercely. While they may not be the most ferocious protectors, they are one of the most mysterious and magical. Keep well your own counsel, and you may have a blackbird to help protect you in the darkest of times.">Blackbird</a></p>
  715. </td>
  716. </tr>
  717.  
  718.  
  719. <tr>
  720. <td><b>Boggart</b></td>
  721. <td>
  722. <p class="td">Unknown</p>
  723. </td>
  724. </tr>
  725.  
  726.  
  727. <tr>
  728. <td><b>Amortentia</b></td>
  729. <td>
  730. <p class="td">Dark Chocolate, Blood</p>
  731. </td>
  732. </tr>
  733.  
  734. <tr>
  735. <td><b></b></td>
  736. <td>
  737. <p class="td">Almonds, Petrichor</p>
  738. </td>
  739. </tr>
  740.  
  741.  
  742. </table>
  743. </div>
  744.  
  745.  
  746. </div>
  747.  
  748.  
  749. <div class="box2">
  750. <div class="words"><br>
  751.  
  752. <strong>☾</strong> This code was made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal">KAL</a> for <b>Honora</b>. Please do not steal, or alter this code. If you want one, please <b>DM</B> or send <b>MAIL</b>.</b><br><br>
  753. <strong>☾</strong> <b>Hover</b> over the image to read <b>Headcanons</b> and additional descriptions. </b><br><br>
  754. <strong>☾</strong> The face claim is Jessica De Gouw. Feel free to check out the <a target="_blank" href="https://imgur.com/a/P5kNfyK">gallery</a>, it'll be updated fairly often. <br><br>
  755. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  756. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  757. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  758. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  759. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  760. <strong>☾</strong> Your other <b>OOC</b> stuff goes here. <br><br>
  761.  
  762.  
  763. </div>
  764.  
  765.  
  766. </div>
  767.  
  768. <div class="box3"><div class="words2">
  769. <strong>☾</strong> Your other <b>Headcanon</b> stuff goes here. Don't add too much! <br><br>
  770. <strong>☾</strong> Your other <b>Headcanon</b> stuff goes here. Don't add too much! <br><br>
  771. <strong>☾</strong> Your other <b>Headcanon</b> stuff goes here. Don't add too much! <br><br>
  772.  
  773. <strong>☾</strong> Your other <b>Headcanon</b> stuff goes here. Don't add too much! <br><br>
  774. <strong>☾</strong> Your other <b>Headcanon</b> stuff goes here. Don't add too much! <br><br>
  775.  
  776.  
  777.  
  778.  
  779.  
  780. </div>
  781. </div>
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790. </div>
  791.  
  792.  
  793. </div>
  794.  
  795.  
  796.  
  797. </body>
  798. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement