API tools faq
paste
wcrmtails

Character Page 01

wcrmtails
Jan 28th, 2019 (edited)
8,589
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!-----page by arithemes/darthvcder
  7.  
  8. CREDITS
  9.  
  10. icon font by suiomi
  11. filter tutorial by cyantists
  12. control fix by cyantists
  13.  
  14. ----->
  15.  
  16. <head>
  17.  
  18.  
  19.  
  20. <title>characters</title> <!-----change the title on the tab here----->
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  25. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  28. <script src="https://static.tumblr.com/xd6ujov/9Rpouml9f/imagesloaded.pkgd.min.js"></script>
  29. <script src="https://static.tumblr.com/f6blkfc/3khouzw5b/masonry.pkgd.min.js"></script>
  30.  
  31. <script>$(document).ready(function(){
  32. var $grid = $(".container"); $grid.imagesLoaded(function() {
  33. $grid.masonry({
  34. itemSelector: ".chara",
  35. columnWidth: 10
  36. });
  37. });
  38. $(".button").click(function(){
  39. $(this).addClass("selected");
  40. $(".button").not($(this)).removeClass("selected");
  41. var ssf = $(this).attr("filter");
  42. $(".chara." + ssf).show();
  43. $(".chara").not("." + ssf).hide();
  44. $grid.masonry();
  45. });
  46. });</script>
  47.  
  48.  
  49.  
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. /*FIX BY CYANTISTS*/
  55. iframe.tmblr-iframe {
  56. z-index:99999999999999!important;
  57. top:0!important;
  58. right:0!important;
  59. opacity:0.4;
  60. /* delete from here */
  61. filter:invert(1);
  62. -webkit-filter:invert(1);
  63. -o-filter:invert(1);
  64. -moz-filter:invert(1);
  65. -ms-filter:invert(1);
  66. /* to here if your blog has a dark background */
  67. transform:scale(0.6);
  68. transform-origin:100% 0;
  69. -webkit-transform:scale(0.6);
  70. -webkit-transform-origin:100% 0;
  71. -o-transform:scale(0.6);
  72. -o-transform-origin:100% 0;
  73. -moz-transform:scale(0.6);
  74. -moz-transform-origin:100% 0;
  75. -ms-transform:scale(0.6);
  76. -ms-transform-origin:100% 0;}
  77.  
  78. iframe.tmblr-iframe:hover {
  79. opacity:0.6!important;}
  80.  
  81.  
  82. ::-webkit-scrollbar-thumb {
  83. background-color: #eeeeee; /*change the scrollbar*/
  84. height:auto;
  85. border-bottom:none;
  86. }
  87. ::-webkit-scrollbar {
  88. height:9px;
  89. width:5px;
  90. background-color: transparent;
  91.  
  92. }
  93.  
  94. ::selection {
  95. background-color: #acd4e6; /*selection bg*/
  96. color: #fcfcfc; /*selection text*/
  97. }
  98.  
  99. body {
  100. background-color: #fcfcfc; /*background color*/
  101. background-image: url(/); /*background image url if you want one*/
  102. background-repeat: repeat;
  103. font-family: 'Karla', sans-serif;
  104. line-height: 110%;
  105. font-size: 11px;
  106. color: #9c9c9c; /*tag/categories color*/
  107. }
  108.  
  109.  
  110. #sidebar {
  111. width: 100px;
  112. height: 100%;
  113. margin-left: 0px;
  114. background-color: #eee; /*sidebar background color*/
  115. padding: 20px;
  116. margin-top: -30px;
  117. position: fixed;
  118. }
  119.  
  120. #title {
  121. font-size: 15px;
  122. color: #9c9c9c; /*page title color*/
  123. text-transform: uppercase;
  124. letter-spacing: 2px;
  125. font-weight: bold;
  126. margin-top: 100px;
  127. text-align: center;
  128. }
  129.  
  130. #nav {
  131. font-size: 13px;
  132. margin-top: 10px;
  133. text-align: center;
  134. }
  135.  
  136. #nav a {
  137. height: relative;
  138. color: #9c9c9c; /*home/ask/archive links color*/
  139. padding-right: 2px;
  140. padding-left: 2px;
  141. letter-spacing: 1px;
  142. text-decoration: none;
  143. }
  144.  
  145. #nav a:hover {
  146. color: #4c4c4c; /*home/ask/archive links hover color*/
  147. }
  148.  
  149. #buttons {
  150. width: 60px;
  151. height: relative;
  152. padding: 20px;
  153. background-color: #fcfcfc; /*filter container background color*/
  154. border-radius: 5px;
  155. margin-top: 50px;
  156. }
  157.  
  158. .button{
  159. color: #a6a6a6; /*filter text color*/
  160. cursor: help;
  161. font-size: 12px;
  162. display: block;
  163. margin-top: 20px;
  164. }
  165.  
  166. .button.selected {
  167. color: #acd4e6; /*selected filter color*/
  168. }
  169.  
  170. .button.selected a {
  171. color: #a6a6a6; /*selected filter bubble color*/
  172. }
  173.  
  174. .button a {
  175. color: #acd4e6; /*filter bubble color*/
  176. }
  177.  
  178. .container {
  179. width: 1100px;
  180. height: auto;
  181. margin-left: 150px;
  182. margin-bottom: 20px;
  183. margin-top: 30px;
  184. }
  185.  
  186. .chara {
  187. width: 300px;
  188. height: relative;
  189. background-color: white; /*character bg color*/
  190. padding: 10px;
  191. border: 1px solid #eeeeee; /*character border color*/
  192. border-radius: 5px;
  193. margin-top: 20px;
  194. margin-left: 20px;
  195. }
  196.  
  197. .chara img {
  198. width: 150px;
  199. height: 330px;
  200. margin-left: 150px;
  201. margin-top: 10px;
  202. border-radius: 5px;
  203. }
  204.  
  205. .name {
  206. font-size: 15px;
  207. color: #9c9c9c; /*character name color*/
  208. text-transform: uppercase;
  209. margin-left: 100px;
  210. font-weight: bold;
  211. }
  212.  
  213. #info {
  214. font-size: 13px;
  215. margin-top: -350px;
  216. }
  217.  
  218. .info {
  219. display: block;
  220. margin-top: 20px;
  221. background-color: #eee;
  222. border-radius: 5px;
  223. padding: 10px;
  224. color: #9c9c9c; /*info like url, age, etc text color*/
  225. width: 40%;
  226. }
  227.  
  228. .info a {
  229. color: #9c9c9c; /*info link color like for blog urls*/
  230. text-decoration: underline;
  231. }
  232.  
  233. .info a:hover {
  234. color: #4c4c4c; /*info link hover color*/
  235. }
  236.  
  237. .info span {
  238. color: #acd4e6; /*info icon color like the birthday cake/heart/etc*/
  239. }
  240.  
  241. .bio {
  242. width: 260px;
  243. height: relative;
  244. background-color: #eee; /*bio bg color*/
  245. padding: 20px;
  246. border-radius: 5px;
  247. margin-top: 20px;
  248. color: #9c9c9c; /*bio text color*/
  249. text-align: justify;
  250. }
  251.  
  252. .bio h1 {
  253. text-align: left;
  254. font-size: 14px;
  255. text-transform: lowercase;
  256. letter-spacing: 2px;
  257. color: #acd4e6; /*heading color*/
  258. border-bottom: 1px solid #acd4e6; /*heading border color*/
  259. padding-bottom: 5px;
  260. width: 50%;
  261. }
  262.  
  263. .title {
  264. font-size: 15px;
  265. color: #9c9c9c; /*bio title color*/
  266. text-transform: uppercase;
  267. margin-left: 100px;
  268. font-weight: bold;
  269. }
  270.  
  271. </style>
  272. </head>
  273.  
  274. <body>
  275.  
  276.  
  277.  
  278. <div id="sidebar">
  279.  
  280. <div id="title">
  281. characters <!--page title-->
  282. </div>
  283.  
  284. <div id="nav">
  285. <a href="/" class="th th-home" title="home"></a> <!--home link-->
  286. <a href="/faq" class="th th-paper-plane" title="ask"></a> <!--ask link-->
  287. <a href="/archive" class="th th-calendar-2" title="archive"></a> <!--archive link-->
  288. </div>
  289.  
  290. <div id="buttons">
  291. <div class="button selected" filter="chara" style="margin-top: 0px"><a class="th th-circle"></a> all</div> <!--all categories. only change the name "all categories"-->
  292. <div class="button" filter="cat1"><a class="th th-circle"></a> filter 1</div>
  293. <div class="button" filter="cat2"><a class="th th-circle"></a> filter 2</div>
  294. <div class="button" filter="cat3"><a class="th th-circle"></a> filter 3</div>
  295. <div class="button" filter="cat4"><a class="th th-circle"></a> filter 4</div>
  296. <div class="button" filter="cat5"><a class="th th-circle"></a> filter 5</div>
  297. <div class="button" filter="cat6"><a class="th th-circle"></a> filter 6</div>
  298.  
  299. <!--don't delete this--></div><!--don't delete this-->
  300.  
  301. <!--to edit the above, replace "cat1" "cat2" etc with the category labels you would like to use. for example, "active" "archive". then replace "category 1" "category 2" etc with the label you want to give those things.-->
  302.  
  303. </div>
  304.  
  305.  
  306. <div class="container">
  307.  
  308.  
  309.  
  310. <!--character 1-->
  311.  
  312. <div class="chara cat1 cat6"> <!--here replace "cat1" and "cat6" with whatever labels you created above for your groups. i.e i'd put "active" for mine. no quotation marks, commas, or periods are needed-->
  313.  
  314. <div class="name">character one</div> <!--character name-->
  315.  
  316. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  317.  
  318. <div id="info">
  319. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  320. <div class="info"><span class="th th-cake-3"></span> age</div>
  321. <div class="info"><span class="th th-heart-1"></span> gender</div>
  322. <div class="info"><span class="th th-location-1"></span> more info</div>
  323. <div class="info"><span class="th th-information"></span> more info</div>
  324. <div class="info"><span class="th th-quote-up"></span>
  325.  
  326. short quote. lorem ipsum dolor sit amet.
  327.  
  328. <span class="th th-quote-down"></div>
  329. </div>
  330.  
  331.  
  332. <!--biography section-->
  333.  
  334. <div class="bio">
  335. <div class="title">biography</div> <!--biography section title-->
  336.  
  337. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  338.  
  339. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br><br> <!--add the two <br> brackets any time you want a break between paragraphs-->
  340.  
  341. <h1>heading 2</h1>
  342.  
  343. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  344.  
  345.  
  346. <!--don't delete this--></div><!--don't delete this-->
  347.  
  348. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  349.  
  350. </div>
  351.  
  352. <!--end character 1. repeat the above for every character-->
  353.  
  354.  
  355. <!--character 2-->
  356.  
  357. <div class="chara cat2 cat5">
  358.  
  359. <div class="name">character two</div> <!--character name-->
  360.  
  361. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  362.  
  363. <div id="info">
  364. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  365. <div class="info"><span class="th th-cake-3"></span> age</div>
  366. <div class="info"><span class="th th-heart-1"></span> gender</div>
  367. <div class="info"><span class="th th-location-1"></span> more info</div>
  368. <div class="info"><span class="th th-information"></span> more info</div>
  369. <div class="info"><span class="th th-quote-up"></span>
  370.  
  371. short quote. lorem ipsum dolor sit amet.
  372.  
  373. <span class="th th-quote-down"></div>
  374. </div>
  375.  
  376. <!--biography section-->
  377.  
  378.  
  379. <div class="bio">
  380. <div class="title">biography</div> <!--biography section title-->
  381.  
  382. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  383.  
  384. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  385.  
  386. <!--don't delete this--></div><!--don't delete this-->
  387.  
  388. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  389.  
  390. </div>
  391.  
  392. <!--end character 2-->
  393.  
  394. <!--character 3-->
  395.  
  396. <div class="chara cat3 cat4">
  397.  
  398. <div class="name">character three</div> <!--character name-->
  399.  
  400. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  401.  
  402. <div id="info">
  403. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  404. <div class="info"><span class="th th-cake-3"></span> age</div>
  405. <div class="info"><span class="th th-heart-1"></span> gender</div>
  406. <div class="info"><span class="th th-location-1"></span> more info</div>
  407. <div class="info"><span class="th th-information"></span> more info</div>
  408. <div class="info"><span class="th th-quote-up"></span>
  409.  
  410. short quote. lorem ipsum dolor sit amet.
  411.  
  412. <span class="th th-quote-down"></div>
  413. </div>
  414.  
  415. <!--biography section-->
  416.  
  417.  
  418. <div class="bio">
  419. <div class="title">biography</div> <!--biography section title-->
  420.  
  421. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  422.  
  423. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br><br> <!--add the two <br> brackets any time you want a break between paragraphs-->
  424.  
  425. <h1>heading 2</h1>
  426.  
  427. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  428. <!--don't delete this--></div><!--don't delete this-->
  429.  
  430.  
  431. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  432.  
  433. </div>
  434.  
  435. <!--end character 3-->
  436.  
  437. <!--character 4-->
  438.  
  439. <div class="chara cat3 cat4">
  440.  
  441. <div class="name">character four</div> <!--character name-->
  442.  
  443. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  444.  
  445. <div id="info">
  446. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  447. <div class="info"><span class="th th-cake-3"></span> age</div>
  448. <div class="info"><span class="th th-heart-1"></span> gender</div>
  449. <div class="info"><span class="th th-location-1"></span> more info</div>
  450. <div class="info"><span class="th th-information"></span> more info</div>
  451. <div class="info"><span class="th th-quote-up"></span>
  452.  
  453. short quote. lorem ipsum dolor sit amet.
  454.  
  455. <span class="th th-quote-down"></div>
  456. </div>
  457.  
  458. <!--biography section-->
  459.  
  460.  
  461. <div class="bio">
  462. <div class="title">biography</div> <!--biography section title-->
  463.  
  464. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  465.  
  466. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  467. </div>
  468.  
  469.  
  470. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  471.  
  472. </div>
  473.  
  474. <!--end character 4-->
  475.  
  476. <!--character 5-->
  477.  
  478. <div class="chara cat2 cat5">
  479.  
  480. <div class="name">character five</div> <!--character name-->
  481.  
  482. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  483.  
  484. <div id="info">
  485. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  486. <div class="info"><span class="th th-cake-3"></span> age</div>
  487. <div class="info"><span class="th th-heart-1"></span> gender</div>
  488. <div class="info"><span class="th th-location-1"></span> more info</div>
  489. <div class="info"><span class="th th-information"></span> more info</div>
  490. <div class="info"><span class="th th-quote-up"></span>
  491.  
  492. short quote. lorem ipsum dolor sit amet.
  493.  
  494. <span class="th th-quote-down"></div>
  495. </div>
  496.  
  497. <!--biography section-->
  498.  
  499.  
  500. <div class="bio">
  501. <div class="title">biography</div> <!--biography section title-->
  502.  
  503. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  504.  
  505. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  506. <!--don't delete this--></div><!--don't delete this-->
  507.  
  508.  
  509. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  510.  
  511. </div>
  512.  
  513. <!--end character 5-->
  514.  
  515. <!--character 6-->
  516.  
  517. <div class="chara cat1 cat6">
  518.  
  519. <div class="name">character six</div> <!--character name-->
  520.  
  521. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg"> <!--put your character icon here. 150x330px-->
  522.  
  523. <div id="info">
  524. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  525. <div class="info"><span class="th th-cake-3"></span> age</div>
  526. <div class="info"><span class="th th-heart-1"></span> gender</div>
  527. <div class="info"><span class="th th-location-1"></span> more info</div>
  528. <div class="info"><span class="th th-information"></span> more info</div>
  529. <div class="info"><span class="th th-quote-up"></span>
  530.  
  531. short quote. lorem ipsum dolor sit amet.
  532.  
  533. <span class="th th-quote-down"></div>
  534. </div>
  535.  
  536. <!--biography section-->
  537.  
  538.  
  539. <div class="bio">
  540. <div class="title">biography</div> <!--biography section title-->
  541.  
  542. <h1>heading</h1> <!--you can make these subheadings just by adding the <h1></h1> brackets-->
  543.  
  544. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br><br> <!--add the two <br> brackets any time you want a break between paragraphs-->
  545.  
  546. <h1>heading 2</h1>
  547.  
  548. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  549. <!--don't delete this--></div><!--don't delete this-->
  550.  
  551.  
  552. <!--end biography section. if you're just doing a network page or something similar then you can delete this section if you don't need it-->
  553.  
  554. </div>
  555.  
  556. <!--end character 6-->
  557.  
  558. <!--to add more characters copy and paste the following:
  559.  
  560. <div class="chara cat1 cat6">
  561.  
  562. <div class="name">character six</div>
  563.  
  564. <img src="https://static.tumblr.com/gru63qm/KCvplpghb/character_icon.jpg">
  565.  
  566. <div id="info">
  567. <div class="info"><span class="th th-link"></span> <a href="https://url.tumblr.com">blog url</a></div>
  568. <div class="info"><span class="th th-cake-3"></span> age</div>
  569. <div class="info"><span class="th th-heart-1"></span> gender</div>
  570. <div class="info"><span class="th th-location-1"></span> more info</div>
  571. <div class="info"><span class="th th-information"></span> more info</div>
  572. <div class="info"><span class="th th-quote-up"></span>
  573.  
  574. short quote. lorem ipsum dolor sit amet.
  575.  
  576. <span class="th th-quote-down"></div>
  577. </div>
  578.  
  579.  
  580. <div class="bio">
  581. <div class="title">biography</div>
  582.  
  583. <h1>heading</h1>
  584.  
  585. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum<br><br>
  586.  
  587. <h1>heading 2</h1>
  588.  
  589. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
  590.  
  591. </div>
  592.  
  593. </div>
  594.  
  595. -->
  596.  
  597. </div>
  598.  
  599. <!--DON'T TOUCH ANYTHING HERE EXCEPT FOR #acd4e6 TO CHANGE LINK COLOR-->
  600.  
  601. <div style="position:fixed; bottom:8px; right:15px; font-size: 15px;"><a style="color:#acd4e6; text-decoration:none; font-weight: bold" class= "th th-stars" href="http://arithemes.tumblr.com/"></a></center></div>
  602.  
  603. </body>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!