API tools faq
paste
Advertisement
Guest User

layout

a guest
Jun 24th, 2019
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.33 KB | None | 0 0
raw download clone embed print report
  1. About Me
  2.  
  3.  
  4.  
  5. <body
  6. oncontextmenu="alert('Created by Queen of Chaos @ /kamikazeresources');
  7. return false;">
  8.  
  9. <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  10.  
  11. Thanks to Candice at EOF for Nav Coding
  12. <style type="text/css">
  13. .Queen of Chaos { Created using MyGen 2.5 by Katherine Pierce @ /kamikazeresources }
  14.  
  15. .Queen of Chaos { Background Properties }
  16.  
  17. body {
  18. background:url('') #0b1b35;
  19. background-attachment: fixed;
  20. background-position:center;
  21. background-repeat:repeat;}
  22.  
  23.  
  24. .Queen of Chaos { Scrollbar }
  25.  
  26. ::-webkit-scrollbar-thumb:vertical {background-color:#778695;}
  27. ::-webkit-scrollbar-thumb:horizontal {background-color:#778695;}
  28. ::-webkit-scrollbar {width:5px; height:5px; background-color:#505559;}
  29.  
  30. ::selection { background:#505559; color:#778695; }
  31. ::-moz-selection { background:#505559; color:#778695; }
  32. ::-webkit-selection { background:#505559; color:#778695; }
  33.  
  34.  
  35. .Queen of Chaos { Table Properties }
  36.  
  37. table { position:relative; margin-bottom:0px; }
  38. table, tr, td { background-color:transparent; border:none; }
  39. table table { margin:0px; }
  40. table table table table td { width:0px; border:none; }
  41. table table table td { border:none; margin:0px; padding:0px;}
  42. table table br { display:none; margin:0px; padding:0px;}
  43. table table table br { display:block; margin:0px; padding:0px;}
  44. table table table table { border:0; margin:0; padding:0; }
  45. table table table {
  46. padding:0px;
  47. margin-top:5px;
  48. margin-left:-10px;
  49. border:1px solid #778695;
  50. background-color:#010c18;}
  51.  
  52. td.text table {position:relative; top:-11px;}
  53. td.text table table {position:static;}
  54.  
  55.  
  56. .Queen of Chaos {main links}
  57.  
  58. a:link, a:visited, a:active{
  59. font-family:consolas;
  60. font-size:10px;
  61. color:#517278;
  62. text-transform:lowercase;
  63. line-height:10px;
  64. text-decoration:none;
  65. font-weight:lighter; }
  66.  
  67. a:hover{
  68. text-transform:uppercase;}
  69.  
  70.  
  71. .Queen of Chaos { class links }
  72.  
  73. a.first, a.first:link, a.first:active, a.first:visited {
  74. font-family:calibri;
  75. font-size:9px;
  76. line-height:10px;
  77. letter-spacing:2px;
  78. color:#000000;
  79. text-decoration:none;
  80. text-transform:uppercase;
  81. letter-spacing:-1px;
  82. background-color:#747FBC;
  83. text-align:center;
  84. display:block;
  85. height:10px;
  86. border-left:30px solid #FB7F9F;
  87. border-right:30px solid #FB7F9F;
  88. margin:0px 5px 5px 0px;
  89. -webkit-transition: all 0.8s linear;
  90. -moz-transition: all 0.8s linear;
  91. transition: all 0.8s linear;}
  92.  
  93. a.first:hover {
  94. letter-spacing:3px;
  95. border-left:3px solid #E95DD0;
  96. border-right:3px solid #E95DD0;}
  97.  
  98. a.second, a.second:link, a.second:active, a.second:visited
  99. {font-family:calibri;
  100. font-size:8px;
  101. line-height:90px;
  102. letter-spacing:2px;
  103. font-weight: normal;
  104. width: 90px;
  105. height: 90px;
  106. color:627c97;
  107. text-decoration:none;
  108. text-transform:uppercase;
  109. background-color:455673;
  110. text-align:center;
  111. display:block;
  112. border: 4px solid;
  113. border-color:010c18;
  114. margin-bottom:1px; -webkit-transition: all .9s ease-in-out;
  115. -moz-transition: all .9s ease-in-out;
  116. -o-transition: all .9s ease-in-out; }
  117.  
  118. a.second:hover {font-family:calibri;
  119. font-size:10px;
  120. line-height:90px;
  121. letter-spacing:3px;
  122. font-weight: normal;
  123. width: 90px;
  124. height: 90px;
  125. color:627c97;
  126. text-decoration:none;
  127. text-transform:uppercase;
  128. background-color:455673;
  129. text-align:center;
  130. display:block;
  131. border: 4px solid;
  132. border-color:010c18;
  133. margin-bottom:1px; -webkit-transition: all .9s ease-in-out;
  134. -moz-transition: all .9s ease-in-out;
  135. -o-transition: all .9s ease-in-out; }
  136.  
  137. a.third, a.third:link, a.third:active, a.third:visited
  138. {font-family:calibri;
  139. font-size:8px;
  140. line-height:20px;
  141. letter-spacing:2px;
  142. font-weight: normal;
  143. width: 180px;
  144. height: 20px;
  145. color:627c97;
  146. text-decoration:none;
  147. text-transform:uppercase;
  148. background-color:455673;
  149. text-align:center;
  150. display:block;
  151. border: 4px solid;
  152. border-color:010c18;
  153. margin-bottom:1px; -webkit-transition: all .9s ease-in-out;
  154. -moz-transition: all .9s ease-in-out;
  155. -o-transition: all .9s ease-in-out; }
  156.  
  157. a.third:hover {font-family:calibri;
  158. font-size:10px;
  159. line-height:20px;
  160. letter-spacing:3px;
  161. font-weight: normal;
  162. width: 180px;
  163. height: 20px;
  164. color:627c97;
  165. text-decoration:none;
  166. text-transform:uppercase;
  167. background-color:455673;
  168. text-align:center;
  169. display:block;
  170. border: 4px solid;
  171. border-color:010c18;
  172. margin-bottom:1px; -webkit-transition: all .9s ease-in-out;
  173. -moz-transition: all .9s ease-in-out;
  174. -o-transition: all .9s ease-in-out; }
  175.  
  176.  
  177. .Queen of Chaos { Text Properties }
  178. .text, table, tr, td, li, p, div {
  179. font-family:georgia;
  180. color:#b2b2b3;
  181. font-size:9px;
  182. line-height:10px;
  183. letter-spacing:0px; }
  184.  
  185. I {
  186. font-style:italic;
  187. font-size: 9px;
  188. font-family:georgia;
  189. text-transform:lowercase;
  190. letter-spacing:1px;
  191. color:#778695;}
  192.  
  193. B{
  194. color:#627c97;
  195. font-family:cambria;
  196. font-size:10px;
  197. letter-spacing:2px;
  198. font-weight:bold;
  199. text-transform:uppercase;}
  200.  
  201. strong{
  202. font-family:courier new;
  203. font-size:10px;
  204. font-weight:lighter;
  205. text-align:center;
  206. color:#778695;}
  207.  
  208. em {
  209. font-family:georgia;
  210. font-size:12px;
  211. font-weight:lighter;
  212. text-style:italics;
  213. text-transform:lowercase;
  214. color:#8EA5FD;
  215. letter-spacing:-1px;}
  216.  
  217. U {
  218. font-family:calibri;
  219. font-size:9px;
  220. line-height:11px;
  221. text-transform:uppercase;
  222. color:#fab6c8;
  223. padding:0px 0px 0px 4px;
  224. letter-spacing:1px;
  225. text-decoration:none;}
  226.  
  227.  
  228.  
  229. .Queen of Chaos { Headers }
  230.  
  231. h1{
  232. font-family:arial;
  233. font-weight:bold;
  234. font-size:20px;
  235. text-align:left;
  236. color:#778695;
  237. text-transform:uppercase;
  238. letter-spacing:-2px;
  239. height:20px;
  240. margin:0px;
  241. border-bottom:1px solid #2e373d;
  242. padding:0px 0px 0px 5px;
  243. line-height:20px;}
  244.  
  245.  
  246. h2{
  247. font-family:courier new;
  248. font-size:14px;
  249. font-weight:lighter;
  250. text-align:center;
  251. color:#2e373d;
  252. text-transform:lowercase;
  253. margin:0px 0px 5px 0px;
  254. height:16px;
  255. letter-spacing:-2px;
  256. padding:0px;
  257. line-height:14px;}
  258.  
  259.  
  260. h3{
  261. color:#2e373d;
  262. font-family:cambria;
  263. font-size:10px;
  264. line-height:10px;
  265. margin:0px;
  266. text-align:center;
  267. font-weight:lighter;
  268. text-transform:uppercase;
  269. letter-spacing:-.5px;
  270. word-spacing:10px;}
  271.  
  272.  
  273. h4{
  274. color:#778695;
  275. font-family: 'Pacifico';
  276. font-size:32px;
  277. line-height:32px;
  278. height:38px;
  279. margin:0px;
  280. text-align:center;
  281. font-weight:bold;
  282. text-transform:lowercase;
  283. letter-spacing:-3px;
  284. text-shadow:1.5px 1.5px 0px #2e373d;}
  285.  
  286. h5{
  287. color:#2e373d;
  288. font-family: 'Pacifico';
  289. font-size:45px;
  290. line-height:45px;
  291. height:38px;
  292. margin:0px;
  293. text-align:center;
  294. font-weight:bold;
  295. text-transform:lowercase;
  296. letter-spacing:-3px;
  297. text-shadow:1.5px 1.5px 0px #778695;}
  298.  
  299. h6{
  300. font-family:courier new;
  301. font-size:14px;
  302. font-weight:lighter;
  303. text-align:center;
  304. color:#627c97;
  305. text-transform:lowercase;
  306. margin:0px 0px 5px 0px;
  307. height:16px;
  308. letter-spacing:-2px;
  309. padding:0px;
  310. line-height:14px;}
  311.  
  312. h7{
  313. color:#778695;
  314. font-family: 'Pacifico';
  315. font-size:50px;
  316. line-height:52px;
  317. height:38px;
  318. margin:0px;
  319. text-align:center;
  320. font-weight:bold;
  321. text-transform:lowercase;
  322. letter-spacing:-3px;
  323. text-shadow:1.5px 1.5px 0px #2e373d;}
  324.  
  325. .Queen of Chaos {div links}
  326.  
  327. .sidenav{
  328. position: fixed;
  329. top: 0%;
  330. left: 50%;
  331. margin-left: -585px;
  332. background-color: transparent;
  333. margin-top: 20px;
  334. overflow:hidden;
  335. height: 700px;
  336. width: 100px;
  337. text-align: center; }
  338.  
  339. @import url(https://fonts.googleapis.com/css?family=Indie+Flower);
  340. @import url(https://fonts.googleapis.com/css?family=Pacifico);
  341.  
  342.  
  343. .Queen of Chaos {hide codes}
  344.  
  345. .lightbluetext8 { display:none; }
  346. .whitetext12 { display:none; }
  347. .contacttable { display:none; }
  348. .interestsanddetails { display:none; }
  349. .userProfiledetail { display:none; }
  350. .friendSpace { display:none; }
  351. .friendsComments { display:none; }
  352. .latestBlogEntry { display:none; }
  353. .orangetext15 { display:none; }
  354. .userProfileURL { display:none; }
  355. .extendedNetwork { display:none; }
  356. .blurbs { display:none; }
  357. .userAlbums { display:none; }
  358. .profileInfo { display:none; }
  359. .clearfix { display:none; }
  360. #footerWarpper { display:none; }
  361. </style>
  362.  
  363. Like to Meet
  364.  
  365. </table>
  366. </td>
  367. </tr>
  368. </table>
  369. <table cellspacing="0" cellpadding="0" width="550">
  370. <td>
  371. <table cellspacing="0" cellpadding="0" width="550">
  372. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  373. <h7>Jasper Hale</h7>
  374.  
  375. </table>
  376. </td>
  377. </tr>
  378. </table>
  379. <table cellspacing="0" cellpadding="0" width="550">
  380. <td>
  381. <table cellspacing="0" cellpadding="0" width="550">
  382. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  383. <img style="width:550px; height:325px;" src="https://i.imgur.com/u3K3cmM.png">
  384.  
  385.  
  386. </table>
  387. </td>
  388. </tr>
  389. </table>
  390. <table cellspacing="0" cellpadding="0" width="550">
  391. <td>
  392. <table cellspacing="0" cellpadding="0" width="550">
  393. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  394.  
  395. <h1>Early History</h1>
  396. <h3>le quote of lyric shall go in this area</h3>
  397.  
  398. <img style="float:right; width: 250px; height:200px;" src="https://i.imgur.com/Dv1rmL2.png">
  399.  
  400. <div style="background:#2e373d; overflow:auto; float:left; width:295px; height:200px; text-align:justify;">
  401. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  402.  
  403. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  404.  
  405. Ut volutpat pulvinar euismod. Quisque quis tincidunt erat. Vestibulum id mauris ac erat vulputate iaculis. Phasellus elementum est nunc, at tempus justo facilisis in. Fusce eget nisi eget ligula ullamcorper posuere. Nulla blandit euismod maximus. Vivamus ac rhoncus quam. Fusce a justo maximus, vehicula est sit amet, molestie felis. Donec eget quam id felis pulvinar ultrices. Fusce eget lorem orci. Phasellus ac sapien sagittis, sollicitudin tortor a, tincidunt ante. Donec malesuada aliquet diam congue vulputate. Cras ac cursus est. Vestibulum et velit vitae justo porta vestibulum ullamcorper ultricies felis. Nam ac orci congue, mollis arcu non, blandit nunc.
  406.  
  407. Aliquam et tempor est, vel accumsan velit. Cras efficitur dui quis porta posuere. Ut dictum faucibus convallis. Etiam dignissim neque vitae tincidunt malesuada. In id eros feugiat, faucibus turpis aliquam, euismod sapien. Suspendisse potenti. Aliquam eu neque risus.
  408.  
  409. Cras ullamcorper, arcu rutrum rhoncus eleifend, purus enim tincidunt urna, vitae suscipit eros quam eget nulla. Duis porttitor arcu tortor, ut auctor velit congue at. Suspendisse et eros gravida, pellentesque nisl vel, fringilla leo. Nunc ultrices nisi quis eros hendrerit tristique. Aenean vitae felis sapien. Phasellus lectus nulla, rhoncus sollicitudin semper a, consectetur nec libero. Phasellus blandit tristique pharetra.</div>
  410.  
  411.  
  412. </table>
  413. </td>
  414. </tr>
  415. </table>
  416. <table cellspacing="0" cellpadding="0" width="550">
  417. <td>
  418. <table cellspacing="0" cellpadding="0" width="550">
  419. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  420. <h1>Twilight</h1>
  421. <h3>le quote of lyric shall go in this area</h3>
  422.  
  423. <img style="float:left; width: 250px; height:200px;" src="https://i.imgur.com/oLopVRC.png">
  424.  
  425. <div style="background:#2e373d; overflow:auto; float:right; width:295px; height:200px; text-align:justify;">
  426. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  427.  
  428. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  429.  
  430. Ut volutpat pulvinar euismod. Quisque quis tincidunt erat. Vestibulum id mauris ac erat vulputate iaculis. Phasellus elementum est nunc, at tempus justo facilisis in. Fusce eget nisi eget ligula ullamcorper posuere. Nulla blandit euismod maximus. Vivamus ac rhoncus quam. Fusce a justo maximus, vehicula est sit amet, molestie felis. Donec eget quam id felis pulvinar ultrices. Fusce eget lorem orci. Phasellus ac sapien sagittis, sollicitudin tortor a, tincidunt ante. Donec malesuada aliquet diam congue vulputate. Cras ac cursus est. Vestibulum et velit vitae justo porta vestibulum ullamcorper ultricies felis. Nam ac orci congue, mollis arcu non, blandit nunc.
  431.  
  432. Aliquam et tempor est, vel accumsan velit. Cras efficitur dui quis porta posuere. Ut dictum faucibus convallis. Etiam dignissim neque vitae tincidunt malesuada. In id eros feugiat, faucibus turpis aliquam, euismod sapien. Suspendisse potenti. Aliquam eu neque risus.
  433.  
  434. Cras ullamcorper, arcu rutrum rhoncus eleifend, purus enim tincidunt urna, vitae suscipit eros quam eget nulla. Duis porttitor arcu tortor, ut auctor velit congue at. Suspendisse et eros gravida, pellentesque nisl vel, fringilla leo. Nunc ultrices nisi quis eros hendrerit tristique. Aenean vitae felis sapien. Phasellus lectus nulla, rhoncus sollicitudin semper a, consectetur nec libero. Phasellus blandit tristique pharetra.</div>
  435.  
  436. </table>
  437. </td>
  438. </tr>
  439. </table>
  440. <table cellspacing="0" cellpadding="0" width="550">
  441. <td>
  442. <table cellspacing="0" cellpadding="0" width="550">
  443. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  444.  
  445. <h1>New Moon</h1>
  446. <h3>le quote of lyric shall go in this area</h3>
  447.  
  448. <img style="float:right; width: 250px; height:200px;" src="https://i.imgur.com/K5swGJD.png">
  449.  
  450. <div style="background:#2e373d; overflow:auto; float:left; width:295px; height:200px; text-align:justify;">
  451. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  452.  
  453. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  454.  
  455. Ut volutpat pulvinar euismod. Quisque quis tincidunt erat. Vestibulum id mauris ac erat vulputate iaculis. Phasellus elementum est nunc, at tempus justo facilisis in. Fusce eget nisi eget ligula ullamcorper posuere. Nulla blandit euismod maximus. Vivamus ac rhoncus quam. Fusce a justo maximus, vehicula est sit amet, molestie felis. Donec eget quam id felis pulvinar ultrices. Fusce eget lorem orci. Phasellus ac sapien sagittis, sollicitudin tortor a, tincidunt ante. Donec malesuada aliquet diam congue vulputate. Cras ac cursus est. Vestibulum et velit vitae justo porta vestibulum ullamcorper ultricies felis. Nam ac orci congue, mollis arcu non, blandit nunc.
  456.  
  457. Aliquam et tempor est, vel accumsan velit. Cras efficitur dui quis porta posuere. Ut dictum faucibus convallis. Etiam dignissim neque vitae tincidunt malesuada. In id eros feugiat, faucibus turpis aliquam, euismod sapien. Suspendisse potenti. Aliquam eu neque risus.
  458.  
  459. Cras ullamcorper, arcu rutrum rhoncus eleifend, purus enim tincidunt urna, vitae suscipit eros quam eget nulla. Duis porttitor arcu tortor, ut auctor velit congue at. Suspendisse et eros gravida, pellentesque nisl vel, fringilla leo. Nunc ultrices nisi quis eros hendrerit tristique. Aenean vitae felis sapien. Phasellus lectus nulla, rhoncus sollicitudin semper a, consectetur nec libero. Phasellus blandit tristique pharetra.</div>
  460.  
  461. </table>
  462. </td>
  463. </tr>
  464. </table>
  465. <table cellspacing="0" cellpadding="0" width="550">
  466. <td>
  467. <table cellspacing="0" cellpadding="0" width="550">
  468. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  469. <img style="width:550px; height:180px;" src="https://i.imgur.com/IBYtM2X.png">
  470.  
  471.  
  472. </table>
  473. </td>
  474. </tr>
  475. </table>
  476. <table cellspacing="0" cellpadding="0" width="550">
  477. <td>
  478. <table cellspacing="0" cellpadding="0" width="550">
  479. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  480. <h1>Eclipse</h1>
  481. <h3>le quote of lyric shall go in this area</h3>
  482.  
  483. <img style="float:left; width: 250px; height:200px;" src="https://i.imgur.com/QzvDGXh.png">
  484.  
  485. <div style="background:#2e373d; overflow:auto; float:right; width:295px; height:200px; text-align:justify;">
  486. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  487.  
  488. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  489.  
  490. Ut volutpat pulvinar euismod. Quisque quis tincidunt erat. Vestibulum id mauris ac erat vulputate iaculis. Phasellus elementum est nunc, at tempus justo facilisis in. Fusce eget nisi eget ligula ullamcorper posuere. Nulla blandit euismod maximus. Vivamus ac rhoncus quam. Fusce a justo maximus, vehicula est sit amet, molestie felis. Donec eget quam id felis pulvinar ultrices. Fusce eget lorem orci. Phasellus ac sapien sagittis, sollicitudin tortor a, tincidunt ante. Donec malesuada aliquet diam congue vulputate. Cras ac cursus est. Vestibulum et velit vitae justo porta vestibulum ullamcorper ultricies felis. Nam ac orci congue, mollis arcu non, blandit nunc.
  491.  
  492. Aliquam et tempor est, vel accumsan velit. Cras efficitur dui quis porta posuere. Ut dictum faucibus convallis. Etiam dignissim neque vitae tincidunt malesuada. In id eros feugiat, faucibus turpis aliquam, euismod sapien. Suspendisse potenti. Aliquam eu neque risus.
  493.  
  494. Cras ullamcorper, arcu rutrum rhoncus eleifend, purus enim tincidunt urna, vitae suscipit eros quam eget nulla. Duis porttitor arcu tortor, ut auctor velit congue at. Suspendisse et eros gravida, pellentesque nisl vel, fringilla leo. Nunc ultrices nisi quis eros hendrerit tristique. Aenean vitae felis sapien. Phasellus lectus nulla, rhoncus sollicitudin semper a, consectetur nec libero. Phasellus blandit tristique pharetra.</div>
  495.  
  496. </table>
  497. </td>
  498. </tr>
  499. </table>
  500. <table cellspacing="0" cellpadding="0" width="550">
  501. <td>
  502. <table cellspacing="0" cellpadding="0" width="550">
  503. <td valign="top" align="center" width="550" style="word-wrap:break-word;">
  504.  
  505. <h1>Breaking Dawn</h1>
  506. <h3>le quote of lyric shall go in this area</h3>
  507.  
  508. <img style="float:right; width: 250px; height:200px;" src="https://i.imgur.com/vFu0foA.png">
  509.  
  510. <div style="background:#2e373d; overflow:auto; float:left; width:295px; height:200px; text-align:justify;">
  511. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  512.  
  513. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  514.  
  515. Ut volutpat pulvinar euismod. Quisque quis tincidunt erat. Vestibulum id mauris ac erat vulputate iaculis. Phasellus elementum est nunc, at tempus justo facilisis in. Fusce eget nisi eget ligula ullamcorper posuere. Nulla blandit euismod maximus. Vivamus ac rhoncus quam. Fusce a justo maximus, vehicula est sit amet, molestie felis. Donec eget quam id felis pulvinar ultrices. Fusce eget lorem orci. Phasellus ac sapien sagittis, sollicitudin tortor a, tincidunt ante. Donec malesuada aliquet diam congue vulputate. Cras ac cursus est. Vestibulum et velit vitae justo porta vestibulum ullamcorper ultricies felis. Nam ac orci congue, mollis arcu non, blandit nunc.
  516.  
  517. Aliquam et tempor est, vel accumsan velit. Cras efficitur dui quis porta posuere. Ut dictum faucibus convallis. Etiam dignissim neque vitae tincidunt malesuada. In id eros feugiat, faucibus turpis aliquam, euismod sapien. Suspendisse potenti. Aliquam eu neque risus.
  518.  
  519. Cras ullamcorper, arcu rutrum rhoncus eleifend, purus enim tincidunt urna, vitae suscipit eros quam eget nulla. Duis porttitor arcu tortor, ut auctor velit congue at. Suspendisse et eros gravida, pellentesque nisl vel, fringilla leo. Nunc ultrices nisi quis eros hendrerit tristique. Aenean vitae felis sapien. Phasellus lectus nulla, rhoncus sollicitudin semper a, consectetur nec libero. Phasellus blandit tristique pharetra.</div>
  520.  
  521. Interests
  522.  
  523. </table>
  524. </td>
  525. </tr>
  526. </table>
  527. <table cellspacing="0" cellpadding="0" width="350">
  528. <td>
  529. <table cellspacing="0" cellpadding="0" width="350">
  530. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  531.  
  532. <div class="sidenav"><center>
  533. <a href="/home.php" class="second">LEAVE</a><br>
  534. <a href="/send_message.php?member_id=XXXXXX" class="second">Inbox</a><br>
  535. <a href="/add_comment.php?member_id=XXXXXX" class="second">COMMENT</a><br>
  536. <a href="/gallery.php?member_id=XXXXXX" class="second">Gallery</a><br>
  537. <a href="/" class="second">Drabble</a><br>
  538. <a href="/1441276" class="second">CREDIT</a></center>
  539. </div>
  540.  
  541. </table>
  542. </td>
  543. </tr>
  544. </table>
  545. <table cellspacing="0" cellpadding="0" width="350">
  546. <td>
  547. <table cellspacing="0" cellpadding="0" width="350">
  548. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  549.  
  550. <h1>Basic</h1>
  551. <h2>le quote of lyric shall go in this area</h2>
  552.  
  553. <img style="float:left; width: 148px; height:200px;" src="https://i.imgur.com/xL2Y0O8.gif">
  554.  
  555. <div style="float:right; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;">
  556. <B>Name:</B> Full Middle Last<br>
  557. <Strong>Alas:</Strong> Nickname </I>(Who gave it to you?)</I><br>
  558. <B>Species:</B> Human<br>
  559. <Strong>Eye Color:</Strong> Eye Color<br>
  560. <B>Hair Color:</B> Hair Color<br>
  561. <Strong>Origin:</Strong> This is where I live...<br>
  562. <B>Spouse:</B> place love here<br>
  563. <Strong>Favorite Holiday:</Strong> Halloween<br>
  564. <B>Personality:</B> Lorem ipsum dolor sit amet, consectetur adipisicing 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>
  565. <Strong>Physical Appearance:</Strong> Lorem ipsum dolor sit amet, consectetur adipisicing 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>
  566. <Strong>Nationality:</Strong> What are youuuu?</br>
  567. <B>Goal:</B> If you're character is NORMAL they have goals. So list them. ;D<br>
  568. <Strong>Pet(s):</Strong> You got pets? If not change this to children.<br>
  569. </div>
  570. </div>
  571.  
  572. </table>
  573. </td>
  574. </tr>
  575. </table>
  576. <table cellspacing="0" cellpadding="0" width="350">
  577. <td>
  578. <table cellspacing="0" cellpadding="0" width="350">
  579. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  580.  
  581. <h1>Personality and traits</h1>
  582. <h2>le quote of lyric shall go in this area</h2>
  583.  
  584. <img style="float:right; width: 148px; height:200px;" src="https://i.imgur.com/85bXN9O.png">
  585.  
  586. <div style="float:left; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;">
  587. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  588.  
  589. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  590.  
  591. </div>
  592. </div>
  593.  
  594.  
  595. </table>
  596. </td>
  597. </tr>
  598. </table>
  599. <table cellspacing="0" cellpadding="0" width="350">
  600. <td>
  601. <table cellspacing="0" cellpadding="0" width="350">
  602. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  603.  
  604. <h1>Physical</h1>
  605. <h2>le quote of lyric shall go in this area</h2>
  606.  
  607. <img style="float:left; width: 148px; height:200px;" src="https://i.imgur.com/xbsPjct.png">
  608.  
  609. <div style="float:right; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  610.  
  611. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  612.  
  613. </div>
  614. </div>
  615.  
  616. </table>
  617. </td>
  618. </tr>
  619. </table>
  620. <table cellspacing="0" cellpadding="0" width="350">
  621. <td>
  622. <table cellspacing="0" cellpadding="0" width="350">
  623. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  624.  
  625. <h1>Powers and abilities</h1>
  626. <h2>le quote of lyric shall go in this area</h2>
  627.  
  628. <img style="float:right; width: 148px; height:200px;" src="https://i.imgur.com/X24m5GR.png">
  629.  
  630. <div style="float:left; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non justo vitae leo finibus vehicula. Fusce euismod tincidunt elementum. Morbi ultrices sollicitudin tempus. Nunc quis diam efficitur augue consequat posuere. Donec blandit, nisi a imperdiet porttitor, arcu diam consequat elit, nec cursus nulla urna non leo. Cras sagittis ligula ex, at pretium nibh tempus vitae. Mauris non ligula ut sem congue maximus a et neque.
  631.  
  632. Ut mattis blandit nisi quis fermentum. Maecenas fermentum erat at libero pulvinar, ut finibus felis varius. Nullam a massa sit amet nisi dapibus luctus sed et elit. Nulla bibendum, eros non facilisis dignissim, dui enim vestibulum erat, ut fermentum nibh metus nec tellus. Cras in augue ut ipsum efficitur feugiat. Vestibulum ac auctor mi. Praesent mollis vel neque non sagittis. Nunc vulputate aliquam est, vel aliquet erat blandit in.
  633.  
  634. </div>
  635. </div>
  636.  
  637.  
  638. </table>
  639. </td>
  640. </tr>
  641. </table>
  642. <table cellspacing="0" cellpadding="0" width="350">
  643. <td>
  644. <table cellspacing="0" cellpadding="0" width="350">
  645. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  646.  
  647. <h1>Love</h1>
  648. <h2>le quote of lyric shall go in this area</h2>
  649.  
  650. <img style="float:left; width: 148px; height:200px;" src="https://i.imgur.com/dubGeBF.png">
  651.  
  652. <div style="float:right; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;">
  653. <p><B>Whom:</B> <a href="">Clairvoyant</a><br>
  654. <Strong>Status:</Strong> Taken<br>
  655. <b>Sexual Orientation:</b> Heterosexual<br>
  656. <Strong>First Started Dating:</Strong> 00/00/0000<BR>
  657. <B>Official:</B> 00/00/0000<BR>
  658. <Strong>First Kiss:</Strong> 00/00/0000 | Where at?<BR>
  659. <b>Song Dedication:</b> Song Title - Artist<BR>
  660. <BR>
  661.  
  662. <h6>comments</h6>
  663.  
  664. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipisicing 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. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  665.  
  666. </div>
  667. </div>
  668.  
  669.  
  670.  
  671. </table>
  672. </td>
  673. </tr>
  674. </table>
  675. <table cellspacing="0" cellpadding="0" width="350">
  676. <td>
  677. <table cellspacing="0" cellpadding="0" width="350">
  678. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  679.  
  680. <h1>Connections</h1>
  681. <h2>le quote of lyric shall go in this area</h2>
  682.  
  683. <img style="float:right; width: 148px; height:200px;" src="https://i.imgur.com/4ssbnNc.png">
  684.  
  685. <div style="float:left; text-align:justify; overflow-y:auto; overflow-x:hidden; width: 200px; height:200px; background:#2e373d;"><a href="/home.php" class="third">Connection</a>
  686. <a href="/home.php" class="third">Connection</a>
  687. <a href="/home.php" class="third">Connection</a>
  688. <a href="/home.php" class="third">Connection</a>
  689. <a href="/home.php" class="third">Connection</a>
  690. <a href="/home.php" class="third">Connection</a>
  691. <a href="/home.php" class="third">Connection</a>
  692. <a href="/home.php" class="third">Connection</a>
  693. <a href="/home.php" class="third">Connection</a>
  694. <a href="/home.php" class="third">Connection</a>
  695. <a href="/home.php" class="third">Connection</a>
  696. <a href="/home.php" class="third">Connection</a>
  697. </div>
  698. </div>
  699.  
  700.  
  701. </table>
  702. </td>
  703. </tr>
  704. </table>
  705. <table cellspacing="0" cellpadding="0" width="350">
  706. <td>
  707. <table cellspacing="0" cellpadding="0" width="350">
  708. <td valign="top" align="center" width="350" style="word-wrap:break-word;">
  709.  
  710. <h1>Relationships</h1>
  711. <h2>le quote of lyric shall go in this area</h2>
  712.  
  713.  
  714. <div style=" text-align:justify; overflow-y:auto; overflow-x:hidden; width: 348px; height:220px; background:#2e373d;">
  715.  
  716.  
  717. <img src="https://i.imgur.com/uxLqWYo.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="left">
  718.  
  719. <a href=""><B>Alice Cullen-Hale</B></a>
  720.  
  721. Lorem ipsum dolor sit amet, consectetur adipisicing 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..
  722.  
  723. <br><br>
  724.  
  725.  
  726. <img src="https://i.imgur.com/E1VY6IY.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="right">
  727.  
  728. <a href=""><B>Carlisle Cullen</B></a>
  729.  
  730. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  731.  
  732. <br><br>
  733.  
  734. <img src="https://i.imgur.com/AxaA5jY.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="left">
  735.  
  736. <a href=""><B>Esme Cullen</B></a>
  737.  
  738. Lorem ipsum dolor sit amet, consectetur adipisicing 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..
  739.  
  740. <br><br>
  741.  
  742.  
  743. <img src="https://i.imgur.com/1iC0Iwg.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="right">
  744.  
  745. <a href=""><B>Rosalie Hale-Cullen</B></a>
  746.  
  747. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  748.  
  749. <BR><BR>
  750. <img src="https://i.imgur.com/o6jBuJV.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="left">
  751.  
  752. <a href=""><B>Emmett Cullen</B></a>
  753.  
  754. Lorem ipsum dolor sit amet, consectetur adipisicing 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..
  755.  
  756. <br><br>
  757.  
  758.  
  759. <img src="https://i.imgur.com/oAv1Y9Z.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="right">
  760.  
  761. <a href=""><B>Edward Cullen</B></a>
  762.  
  763. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  764.  
  765. <br><br>
  766. <img src="https://i.imgur.com/bbW4N30.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="left">
  767.  
  768. <a href=""><B>Bella Swan-Cullen</B></a>
  769.  
  770. Lorem ipsum dolor sit amet, consectetur adipisicing 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..
  771.  
  772. <br><br>
  773.  
  774.  
  775. <img src="https://i.imgur.com/1qXWmCB.png" style="border: 1px solid #0f1b2e; margin:2px 2px 2px 2px;" width="70" height="70" align="right">
  776.  
  777. <a href=""><B>Renesmee Cullen</B></a>
  778.  
  779. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
  780.  
  781.  
  782.  
  783. </div></div>
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!