API tools faq
paste
Advertisement
cvndythemes

zcilovs_characterpage

cvndythemes
May 21st, 2020
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>BLOG TITLE</title>
  6.  
  7.  
  8.  
  9.  
  10. <!--
  11.  
  12. >> ETHEREAL THEMES // CUSTOM THEME for @zcilovs
  13.  
  14. Designed by etherealthemes
  15. etherealthemes.tumblr.com
  16. ⓒ 2016 - 2020
  17. //
  18.  
  19.  
  20. Background Image by Ahmed Sharyaan @sharyaan at unsplash.com
  21. Fonts by Google Fonts
  22. Icons by Jam Icons @ jam-icons.com
  23. Tumblr controls styling by cyantists @ cyantists.tumblr.com
  24. PXU Photosets by chloethemes @ bychloethemes.tumblr.com
  25.  
  26. >> TIPS AND HOW TO'S
  27.  
  28. Please feel free to contact me for any questions or help
  29.  
  30. -->
  31.  
  32.  
  33.  
  34.  
  35. <!-- SCRIPTS -->
  36.  
  37. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  38.  
  39. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  40.  
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("[title]").style_my_tooltips({
  45. tip_delay_time:200,
  46. tip_fade_speed:300,
  47. tip_follows_cursor:true
  48. }
  49. );
  50. });
  51. })(jQuery);
  52. </script>
  53.  
  54. <script>
  55. $container.infinitescroll({
  56. itemSelector: '.posts',
  57. navSelector: '.pagination',
  58. nextSelector: '.pagination a',
  59. loadingImg: '',
  60. loadingText: '<em></em>',
  61. bufferPx: 2000
  62. },
  63. function( newElements ) {
  64. var $newElems = $(newElements);
  65. var $newElemsIDs = $newElems.map(function(){
  66. return this.id;
  67. }).get();
  68. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  69. });
  70. </script>
  71.  
  72. <!-- TIPPY JS -->
  73. <script src="https://unpkg.com/popper.js@1"></script>
  74. <script src="https://unpkg.com/tippy.js@5"></script>
  75. <script>
  76. $(document).ready(function(){
  77. tippy('[title]', {
  78. arrow: false,
  79. placement: 'top',
  80. delay: 5,
  81. distance: 10,
  82. maxWidth: 300,
  83.  
  84. followCursor: true,
  85. allowHTML: true,
  86. theme: 'custom',
  87. ignoreAttributes: true,
  88. content(reference) {
  89. const title = reference.getAttribute('title');
  90. reference.removeAttribute('title');
  91. return title;
  92. },
  93. });
  94. });
  95. </script>
  96.  
  97. <link rel="stylesheet" href="https://unpkg.com/jam-icons/css/jam.min.css">
  98.  
  99. <link href="https://fonts.googleapis.com/css?family=DM+Serif+Text|Karla:400,400i,700,700i&display=swap" rel="stylesheet">
  100.  
  101.  
  102.  
  103. <!-- STYLESHEET -->
  104. <style type="text/css">
  105.  
  106. @font-face { font-family: "redstockscript"; src: url('https://dl.dropboxusercontent.com/s/sf70f80r3vdtxr2/redstockscript-wf.ttf'); }
  107.  
  108. /* --- SELECTION ---*/
  109.  
  110. ::-moz-selection {
  111. color:#ffffff;
  112. background:#1d7898;
  113. opacity:1;
  114. }
  115.  
  116. ::selection {
  117. color:#ffffff;
  118. background:#1d7898;
  119. opacity:1;
  120. }
  121.  
  122. /* --- TOOLTIPS ---*/
  123.  
  124. .tippy-tooltip.custom-theme {
  125. $tooltipBg:#ffffff;
  126. background-color:#ffffff;
  127. color:#000000;
  128. border-radius:5%;
  129. font-size:10pt;
  130. margin-left:15px;
  131. }
  132.  
  133. .tippy-content {padding:4px 5px 4px 5px!important;}
  134.  
  135. /* --- SCROLLBAR ---*/
  136.  
  137. ::-webkit-scrollbar {width:0px;}
  138.  
  139. ::-webkit-scrollbar-track {width:0px;}
  140.  
  141. ::-webkit-scrollbar-thumb {width:0px;}
  142.  
  143. /* --- TUMBLR TOOLS --- */
  144.  
  145. iframe.tmblr-iframe {
  146. top:16px!important;
  147. right:25!important;
  148. opacity:1;
  149. padding:0px;
  150. z-index:4!important;
  151. transform:scale(0.5);
  152. transform-origin:100% 0;
  153. -webkit-transform:scale(0.5);
  154. -webkit-transform-origin:100% 0;
  155. -o-transform:scale(0.5);
  156. -o-transform-origin:100% 0;
  157. -moz-transform:scale(0.5);
  158. -moz-transform-origin:100% 0;
  159. -ms-transform:scale(0.5);
  160. -ms-transform-origin:100% 0;
  161. transition:0.2s ease-in-out;
  162. -webkit-transition:0.2s ease-in-out;
  163. -moz-transition:0.2s ease-in-out;
  164. filter:invert(1);
  165. -webkit-filter:invert(1);
  166. -o-filter:invert(1);
  167. -moz-filter:invert(1);
  168. -ms-filter:invert(1);
  169. }
  170.  
  171. /* --- BODY --- */
  172.  
  173. body {
  174. background-color:#ffffff;
  175. margin:0px;
  176. color:#000000;
  177. text-transform:normal;
  178. font-style:normal;
  179. font-weight:400;
  180. font-family: 'Karla', sans-serif;
  181. font-size:9pt;
  182. text-decoration:none;
  183. line-height:150%;
  184. }
  185.  
  186.  
  187. .cover {
  188. position:fixed;
  189. top:0px;
  190. left:0px;
  191. margin:0px;
  192. height:100%;
  193. width:100%;
  194. background-image:url('https://static.tumblr.com/zvesamf/6mFq9kgzl/background.jpg');
  195. background-position:bottom center;
  196. -webkit-background-size: cover;
  197. -moz-background-size: cover;
  198. -o-background-size: cover;
  199. background-size: cover;
  200. z-index:-1;
  201. }
  202.  
  203.  
  204. a {color:#000000;text-decoration:none;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;}
  205.  
  206. b, bold, strong {color:#000000;!important;font-weight:700;}
  207. i, em, italic {color:#000000;letter-spacing:0.5px;}
  208. sub, sup {border:0px;}
  209. small {font-size:10.5pt;color:#000000;}
  210.  
  211.  
  212. hr.divider, hr, hr.separator {
  213. display:block;
  214. margin-top:0.5em;
  215. margin-bottom:0.5em;
  216. margin-left:auto;
  217. margin-right:auto;
  218. border-style:inset;
  219. border-color:#000000;
  220. border-bottom:1px;
  221. }
  222.  
  223. pre {
  224. white-space:pre-wrap;
  225. white-space:-moz-pre-wrap;
  226. white-space:-pre-wrap;
  227. white-space:-o-pre-wrap;
  228. word-wrap:break-word;
  229. }
  230.  
  231. /* --- CONTAINER --- */
  232.  
  233. .container {
  234. position:fixed;
  235. top:50%;
  236. left:50%;
  237. width:950px;
  238. height:620px;
  239. margin:-310px 0px 0px -470px;
  240. background:rgba(255,255,255,0.65);
  241. }
  242.  
  243. .border {
  244. position:relative;
  245. top:60px;
  246. left:90px;
  247. width:930px;
  248. height:540px;
  249. background:#94d3e0;
  250. }
  251.  
  252. /* --- CONTENT --- */
  253.  
  254. .content {
  255. position:relative;
  256. top:-440px;
  257. left:60px;
  258. width:915px;
  259. height:480px;
  260. background:#ffffff;
  261. }
  262.  
  263.  
  264. /* --- TAGS --- */
  265.  
  266. .tags {
  267. position:relative;
  268. top:-54px;
  269. left:40px;
  270. float:left;
  271. height:55px;
  272. text-align:center;
  273. }
  274.  
  275. .tags_icons {position:relative;top:38px;left:0px;}
  276.  
  277. .tags_icons a {
  278. display:inline-block;
  279. height:36px;
  280. width:36px;
  281. line-height:36px;
  282. text-align:center;
  283. vertical-align:middle;
  284. border-radius:50%;
  285. color:#ffffff;
  286. background:#1d7898;
  287. font-size:12pt;
  288. margin:0px 8px;
  289. }
  290.  
  291. .tags_icons span {position:relative;top:8px;}
  292.  
  293. /* --- CHARACTER NAME --- */
  294.  
  295. .charactername {float:right;text-align:right;}
  296.  
  297. .print {
  298. position:relative;
  299. top:-135px;
  300. left:-50px;
  301. line-height:50pt;
  302. text-align:right;
  303. text-transform:lowercase;
  304. font-family: 'DM Serif Text', serif;
  305. color:#000000;
  306. font-size:50pt;
  307. z-index:5;
  308. }
  309.  
  310. .print h1 {
  311. position:relative;
  312. top:0px;
  313. left:80px;
  314. margin:-70px 0px 45px 0px;
  315. text-transform:lowercase;
  316. font-family: redstockscript;
  317. color:#1d7898;
  318. font-size:140pt;
  319. line-height:140pt;
  320. font-weight:400;
  321. z-index:6;
  322. }
  323.  
  324. /* --- PAGE CONTENT --- */
  325.  
  326. .page_container {
  327. position:relative;
  328. top:0px;
  329. left:0px;
  330. width:765px;
  331. height:460px;
  332. }
  333.  
  334. /* --- CHARACTER BIOGRAPHY --- */
  335.  
  336. .character_details {
  337. position:relative;
  338. float:left;
  339. top:-250px;
  340. left:-150px;
  341. display:inline-block;
  342. overflow-x:hidden;
  343. padding:20px 20px 0px 20px;
  344. overflow-y:scroll;
  345. width:335px;
  346. height:415px;
  347. }
  348.  
  349. .character_portrait img {width:205px;margin:0px 13px 0px 0px;}
  350.  
  351. .character_details h1 {
  352. display:inline-block;
  353. font-weight:400;
  354. text-transform:lowercase;
  355. font-family: 'DM Serif Text', serif;
  356. color:#000000;
  357. font-size:17pt;
  358. border-bottom:7px solid #94d3e0;
  359. line-height:5pt;
  360. padding:0px 10px 0px 5px;
  361. margin:0px 0px 10px 0px;
  362. }
  363.  
  364. /* --- CHARACTER STATS --- */
  365.  
  366. .character_stats {
  367. position:relative;
  368. float:left;
  369. top:-248px;
  370. left:-150px;
  371. display:inline-block;
  372. overflow-x:hidden;
  373. padding:20px;
  374. overflow-y:hidden;
  375. width:210px;
  376. height:395px;
  377. background:#1d7898;
  378. }
  379.  
  380. .character_stats h1 {
  381. display:inline-block;
  382. font-weight:400;
  383. text-transform:lowercase;
  384. font-family: 'DM Serif Text', serif;
  385. color:#000000;
  386. font-size:17pt;
  387. border-bottom:7px solid #94d3e0;
  388. line-height:5pt;
  389. padding:0px 10px 0px 5px;
  390. margin:0px 0px 3px 0px;
  391. }
  392.  
  393. ul.stats_one {
  394. width:210px;
  395. margin-left:-40px;
  396. list-style-type:none;
  397. text-align:left;
  398. }
  399.  
  400. .stats_one li {
  401. margin:0px 0px 5px 0px;
  402. padding:5px 10px;
  403. color:#000000;
  404. background:#ffffff;
  405. }
  406.  
  407. .stats_one li:last-of-type {margin-bottom:0px!important;}
  408.  
  409. .stats_one li b {color:#000000;}
  410.  
  411. /* --- CHARACTER RELATIONSHIPS --- */
  412.  
  413. .character_relationships {
  414. position:relative;
  415. float:left;
  416. top:-682px;
  417. left:495px;
  418. display:inline-block;
  419. overflow-x:hidden;
  420. padding:10px 20px;
  421. text-align:left;
  422. overflow-y:scroll;
  423. width:210px;
  424. height:315px;
  425. z-index:6;
  426. }
  427.  
  428. .character_relationships h1 {
  429. display:inline-block;
  430. font-weight:400;
  431. text-transform:lowercase;
  432. font-family: 'DM Serif Text', serif;
  433. color:#000000;
  434. font-size:17pt;
  435. text-align:center;
  436. border-bottom:7px solid #94d3e0;
  437. line-height:5pt;
  438. padding:0px 10px 0px 5px;
  439. margin:0px 0px 15px 0px;
  440. }
  441.  
  442. .relation {margin-bottom:30px;}
  443.  
  444. .relation:last-of-type {margin-bottom:0px!important;}
  445.  
  446. .relation img {height:60px;width:60px;margin:0px 10px 0px 0px;}
  447.  
  448. .relation b {
  449. display:inline-block;
  450. color:#ffffff;
  451. background:#1d7898;
  452. padding:0px 4px 0px 4px;
  453. margin:0px 3px 0px 0px;
  454. font-weight:400;
  455. }
  456.  
  457. .relation a {text-decoration:none;border-bottom:1px solid #000000;margin:0px;}
  458.  
  459. /* --- CHARACTER FAVES --- */
  460.  
  461. .character_faves {
  462. position:relative;
  463. float:left;
  464. top:-333px;
  465. left:245px;
  466. display:inline-block;
  467. padding:20px;
  468. width:210px;
  469. height:45px;
  470. background:#94d3e0;
  471. }
  472.  
  473. .character_faves h1 {
  474. display:inline-block;
  475. font-weight:400;
  476. text-transform:lowercase;
  477. font-family: 'DM Serif Text', serif;
  478. color:#000000;
  479. font-size:17pt;
  480. border-bottom:7px solid #ffffff;
  481. line-height:5pt;
  482. padding:0px 10px 0px 5px;
  483. margin:0px 0px 17px 0px;
  484. }
  485.  
  486. ul.faves {
  487. width:230px;
  488. margin:-10px 0px 0px -45px;
  489. list-style-type:none;
  490. text-align:left;
  491. }
  492.  
  493. .faves li {
  494. display:inline-block;
  495. margin:0px 0px 10px 0px;
  496. text-align:center;
  497. padding:5px 0px;
  498. color:#000000;
  499. }
  500.  
  501. .faves li b {color:#000000;}
  502.  
  503. .faves .jam {
  504. display:inline-block;
  505. color:#000000;
  506. background:#ffffff;
  507. border-radius:50%;
  508. padding:8px;
  509. margin:0px 7px 0px 0px;
  510. vertical-align:middle;
  511. }
  512.  
  513. /* --- NAVIGATION --- */
  514.  
  515. .icon_container {
  516. position:relative;
  517. top:20px;
  518. left:30px;
  519. height:25px;
  520. width:784px;
  521. border-right:1px solid #ffffff;
  522. border-bottom:1px solid #ffffff;
  523. padding:0px;
  524. text-align:right;
  525. }
  526.  
  527. .icons {
  528. position:absolute;
  529. top:4px;
  530. left:542px;
  531. padding:0px!important;
  532. text-align:right!important;
  533. z-index:50!important;
  534. }
  535.  
  536. .icons a {
  537. display:inline-block;
  538. line-height:36px;
  539. border-radius:50%;
  540. color:#000000;
  541. padding:10px;
  542. background:#ffffff;
  543. font-size:14pt;
  544. margin:0px 10px;
  545. }
  546.  
  547.  
  548. </style>
  549. </head>
  550.  
  551.  
  552. <body>
  553.  
  554.  
  555.  
  556. <div class="cover"></div>
  557.  
  558.  
  559.  
  560. <!-- START CONTAINER -->
  561. <div class="container">
  562. <div class="border"></div>
  563.  
  564.  
  565.  
  566.  
  567. <!-- START CONTENT -->
  568. <div class="content">
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575. <!-------------------------------
  576.  
  577. ---------------------------------
  578.  
  579. START CHARACTER LINKS
  580.  
  581. ---------------------------------
  582.  
  583. -------------------------------->
  584.  
  585. <div class="tags"><div class="tags_icons">
  586. <a title="home" href="/"><span class="jam jam-home"></span></a>
  587. <a title="contact" href="/ask"><span class="jam jam-envelope"></span></a>
  588. <a title="muses" href="/"><span class="jam jam-user"></span></a>
  589.  
  590. <a title="HOVER TITLE HERE" href="/"><span class="jam jam-hashtag"></span></a>
  591. <a title="HOVER TITLE HERE" href="/"><span class="jam jam-tag"></span></a>
  592. <a title="HOVER TITLE HERE" href="/"><span class="jam jam-calendar-alt"></span></a>
  593. <a title="HOVER TITLE HERE" href="/"><span class="jam jam-bookmark"></span></a>
  594. </div></div>
  595. <!-- END CHARACTER LINKS -->
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602. <!-------------------------------
  603.  
  604. ---------------------------------
  605.  
  606. START CHARACTER NAME
  607.  
  608. ---------------------------------
  609.  
  610. -------------------------------->
  611. <div class="charactername">
  612. <div class="print">Chaeyoung
  613. <h1>Son</h1>
  614. </div>
  615. <!-- END CHARACTER NAME -->
  616.  
  617.  
  618. <div class="page_container">
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630. <!-------------------------------
  631.  
  632. ---------------------------------
  633.  
  634. START CHARACTER INFORMATION
  635.  
  636. ---------------------------------
  637.  
  638. -------------------------------->
  639. <div class="character_details">
  640. <div class="character_portrait">
  641. <!--------------------- Character Portrait ---------------------->
  642. <img align="left" src="https://66.media.tumblr.com/1a6299cc3b470eb4cbcba62f80302f14/f323c62e8cd69d79-39/s250x400/37fddfaf4658d5ab258785bfb20f1f486dac0185.jpg" />
  643. </div>
  644.  
  645. <!--------------------- Character Biography ---------------------->
  646. <center><h1>Biography</h1></center>
  647.  
  648. chaeyoung grew up in a troublesome household. her parents never cared much about her and were more interested in giving all her attention to her older sister or given the chance alcohol. chaeyoung never felt loved and always put behind everything. nothing she did was ever good enough and even when she was proud of herself she ended up being compared to her sister. no matter what her sister did, he never did anything wrong, always lived a perfect life according to her parents. that he got involved with things that he might should not have was never really a big thing for the family itself but it left chaeyoung upset. always being compared to her sister, left the female feel alone more than she actually needed and felt worth less than she was ever supposed to.
  649.  
  650. <p>
  651.  
  652. figuring that no mater what she would do, it would not be good enough, chaeyoung decided to do the things that she wanted. she started hanging out with the wrong girls, started stealing a few candies here and there, a bit make up here and there and sooner or later she ended up hating herself for the things that she did. trying to get her life straight as she was only sixteen years old, the female stopped every illegal activity, even stopped smoking for the time being.
  653.  
  654. <p>
  655.  
  656. when the female met chaewon everything seemed to change for the better. she was happier with someone around who understood her and tried to be there for her whenever it was needed. she felt like chaewon was the person in her life that she needed to be stable. someone one could always lean onto and someone who was always there giving advice when needed. she felt just ore secure with chaewon in her life and finally started to move on from her past. with her new friend chaeyoung grew more confident and livelier than she had ever been before.
  657.  
  658. <p>
  659.  
  660. meeting the other girl was something that chaeyoung even now still considers the best thing that could have happened to her. she even finally found something that she wanted to do for a living as the two females often had been shopping and going out as long as it was possible for them. even with jonghee joining their life, nothing dramatically changed. it was as if the three were made for each other.
  661.  
  662. <p>
  663.  
  664. graduating high school, chaeyoung got immediately accepted into yonsei university for fashion design and ever since then studies hard to achieve her dreams. her friendship to the other two girls never wavered and even up until now they’re very close and hang out a lot. surprisingly the three of them never had a fight because of a guy, all of them convinced that friendship is more important.
  665.  
  666. <!--------------------- Character Biography End ---------------------->
  667. </div>
  668. <!------- END CHARACTER INFORMATION ------->
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681.  
  682. <!-------------------------------
  683.  
  684. ---------------------------------
  685.  
  686. START CHARACTER STATS : TO CHANGE THE ICONS GO TO JAM-ICONS AND SEARCH FOR THE ICON YOU WANT AND COPY THE NAME. THEN GO TO THE RELATED STAT BELOW AND REPLACE THE NAME AFTER JAM- WITH YOUR ICON NAME
  687.  
  688. ---------------------------------
  689.  
  690. -------------------------------->
  691. <div class="character_stats">
  692.  
  693. <!--------------------- Character Stats ---------------------->
  694. <center><h1>Stats Title</h1></center>
  695.  
  696.  
  697.  
  698. <ul class="stats_one">
  699. <li><b>full name:</b> son chaeyoung</li>
  700. <li><b>age/dob:</b> 23/25 (95/12/20)</li>
  701. <li><b>height:</b> 156cm ( 5’1” )</li>
  702. <li><b>orientation:</b> heterosexual/-romantic</li>
  703. <li><b>relationship:</b> single</li>
  704. <li><b>residence:</b> seoul, south korea</li>
  705. <li><b>occupation:</b> fashion designer</li>
  706. <li><b>piercings:</b> ears</li>
  707. <li><b>tattoos:</b> none</li>
  708. <li><b>smoke/drinks/drugs:</b> no/yes/no</li>
  709. <li><b>faceclaim:</b> lee hayi</li>
  710. </ul>
  711.  
  712.  
  713.  
  714.  
  715. <!--------------------- Character Stats End ---------------------->
  716. </div>
  717. <!------- END CHARACTER STATS ------->
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731. <!-------------------------------
  732.  
  733. ---------------------------------
  734.  
  735. START CHARACTER RELATIONSHIPS
  736.  
  737. ---------------------------------
  738.  
  739. -------------------------------->
  740. <div class="character_relationships">
  741. <!--------------------- Character Relationships ---------------------->
  742. <center><h1>Relationships</h1></center>
  743. <!------- Relationships Start ------->
  744. <div class="relation_one">
  745.  
  746.  
  747.  
  748.  
  749.  
  750. <!------------ Relation Start ------------>
  751. <div class="relation">
  752. <a href="https://zcilovs.tumblr.com/chaewon"><img title="Best Friend" src="https://placehold.it/60X60" align="left" /></a>
  753. <b>Chaewon</b> her crazy best friend who she adores more than anything else in the world. unsure what she would do without her as chaewon just seems to get her at all times. often enough due to their personalities they clash but go on like nothing happened a few moments later. loves her a lot and wouldn't know what to do without her.
  754. </div>
  755. <!-- Relation End ------------>
  756.  
  757.  
  758.  
  759.  
  760. <!------------ Relation Start ------------>
  761. <div class="relation">
  762. <a href="https://zcilovs.tumblr.com/jonghee"><img title="Best Friend" src="https://placehold.it/60X60" align="left" /></a>
  763. <b>Jonghee</b> her soft best friend that often seems to be needing protection. or someone to kick her ass when she hasn't really rested because of a big performance coming up. loves her like no other and is glad that she balances chaewon's and her energy easily. is the peacemaker of her little group.
  764. </div>
  765. <!-- Relation End ------------>
  766.  
  767.  
  768.  
  769.  
  770.  
  771. <!------------ Relation Start ------------>
  772. <div class="relation">
  773. <a href="https://zcilovs.tumblr.com/jonghee"><img title="Close Friend" src="https://placehold.it/60X60" align="left" /></a>
  774. <b>Nayeon</b> someone she met in university who reminds her an awful lot of jonghee. both seeming very soft and need to be protected at all costs. would fight anyone for nayeon to be happy and safe. sees her less now that they both have graduated but loves her non the less.
  775. </div>
  776. <!-- Relation End ------------>
  777.  
  778.  
  779.  
  780.  
  781. <!------------ Relation Start ------------>
  782. <div class="relation">
  783. <a href="https://zcilovs.tumblr.com/jonghee"><img title="Close Friend" src="https://placehold.it/60X60" align="left" /></a>
  784. <b>Yumi</b> a really cute junior who she would always love to take care of. only met her through jonghee as both of them attend the same university with different majors. hopes the female can achieve her dreams and hopes one day they'll find each other again, both living their dreams, working together for the newest collectionsand runaways.
  785. </div>
  786. <!-- Relation End ------------>
  787.  
  788.  
  789.  
  790. <!------- Relationships End ------->
  791. </div>
  792. <!--------------------- Character Relationships End ---------------------->
  793. </div>
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810. <!-------------------------------
  811.  
  812. ---------------------------------
  813.  
  814. START CHARACTER FAVES
  815.  
  816. ---------------------------------
  817.  
  818. -------------------------------->
  819. <div class="character_faves">
  820.  
  821. <!--------------------- Character Faves ---------------------->
  822. <center><h1>Favourites</h1></center>
  823.  
  824. <ul class="faves">
  825. <li><span title="music: pop" class="jam jam-headset"></span> </li>
  826.  
  827. <li><span title="food: peaches" class="jam jam-pizza-slice"></span></li>
  828.  
  829. <li><span title="place: seoul" class="jam jam-map-marker"></span></li>
  830.  
  831. <li><span title="weather: summer heat" class="jam jam-sun"></span></li>
  832.  
  833. <li><span title="movie: american honey" class="jam jam-movie"></span></li>
  834.  
  835. <li><span title="color: blue" class="jam jam-rainbow"></span></li>
  836.  
  837. </ul>
  838. <!--------------------- Character Faves End ---------------------->
  839.  
  840. </div>
  841. <!------- END CHARACTER FAVES ------->
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855.  
  856. </div>
  857. <!------- END CONTENT ------->
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866. </div>
  867. <!-- END CONTENT -->
  868.  
  869. </div>
  870. <!-- END CONTAINER -->
  871.  
  872. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!