Abyss90

Jessica Whitly

Oct 8th, 2019
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.95 KB | None | 0 0
  1. -----------------------------------------------------------------
  2. -----------------------------------------------------------------
  3. ABOUT ME:
  4. -----------------------------------------------------------------
  5. -----------------------------------------------------------------
  6.  
  7.  
  8.  
  9. <body
  10. oncontextmenu="alert('girl bye');
  11. return false;">
  12.  
  13. <style type="text/css">
  14.  
  15. @import url('https://fonts.googleapis.com/css?family=Cinzel');
  16.  
  17. .obsidianxx { property of Obsidian at High Times }
  18.  
  19. .obsidianxx { BACKGROUND P R O P E R T I E S }
  20. body {
  21. background:url("") #000000;
  22. background-position:center;
  23. background-attachment:fixed;
  24. background-repeat:no-repeat;
  25. margin-left:0px;}
  26.  
  27. .obsidianxx { TABLE P R O P E R T I E S }
  28. table { position:relative; }
  29. table, tr, td { background-color:transparent; }
  30. table table table table td { width:0px; border:0px; }
  31. table table table td { border:0px; margin:0px; padding:0px;}
  32. table table br { display:none; margin:0px; padding:0px;}
  33. table table table br { display:block; margin:0px; padding:0px;}
  34. table table table table, table table { border:0px; margin:0px; padding:0px; }
  35. table table table {
  36. background-color:#0e0e0e;
  37. padding-top:8px;
  38. margin-top:4px;
  39. margin-left:0px;}
  40.  
  41. td.text table {position:relative; top:-10px;}
  42. td.text table table {position:static;}
  43.  
  44. .obsidianxx { MAIN T E X T PROPERTIES }
  45. .text, table, tr, td, p, div, li {
  46. font-family:georgia;
  47. text-align:justify;
  48. font-size:8.5px;
  49. line-height:10px;
  50. color:#939291;}
  51.  
  52.  
  53. .obsidianxx { S C R O L L Y }
  54. ::-webkit-scrollbar-thumb:vertical {
  55. background-color: #0e0e0e;
  56. width:8px;
  57. border: 1px solid #000000;
  58. height: 7px;}
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {
  61. background-color: #0e0e0e;
  62. width:8px;
  63. border: 1px solid #000000;
  64. height: 7px;}
  65.  
  66. ::-webkit-scrollbar {
  67. background-color: transparent;
  68. border: 2px solid transparent;
  69. height:5px;
  70. width:5px;}
  71.  
  72.  
  73.  
  74. .obsidianxx { HEADER P R O P E R T I E S }
  75.  
  76. h1 {
  77. font-family: 'Cinzel', cursive;
  78. font-size: 20px;
  79. color: #2b3234;
  80. line-height: 20px;
  81. letter-spacing: 0px;
  82. font-weight: lighter;
  83. text-align: left;
  84. text-transform: uppercase;
  85. display: block;
  86. margin-left: 8px;
  87. margin-right: 8px;
  88. }
  89.  
  90. h2 {
  91. font-family: calibri;
  92. font-size: 12px!important;
  93. color: #939291!important;
  94. line-height: 12px!important;
  95. letter-spacing: 1px!important;
  96. text-align: right!important;
  97. font-weight: lighter!important;
  98. text-transform: uppercase!important;
  99. display: block!important;
  100. margin-left: 8px;
  101. margin-right: 8px;
  102. }
  103.  
  104.  
  105. h3 {
  106. font-family: calibri;
  107. font-size: 12px!important;
  108. color: #939291!important;
  109. line-height: 12px!important;
  110. letter-spacing: 1px!important;
  111. text-align: left!important;
  112. font-weight: lighter!important;
  113. text-transform: uppercase!important;
  114. display: block!important;
  115. margin-left: 8px;
  116. margin-right: 8px;
  117. }
  118.  
  119.  
  120. h4 {
  121. font-family: calibri;
  122. font-size: 9px;
  123. font-weight: lighter;
  124. text-align: center;
  125. color: #2f3b44;
  126. background-color: #0e0e0e;
  127. border-bottom: 1px solid #2f3b44;
  128. text-transform: uppercase;
  129. letter-spacing: 1px;
  130. line-height: 22px;
  131. display: block;
  132. margin-top: 0px;
  133. margin-bottom: 4px;
  134. }
  135.  
  136.  
  137. h5 {
  138. font-family: calibri!important;
  139. font-size: 9px!important;
  140. font-weight: lighter!important;
  141. text-align: left!important;
  142. color: #939291!important;
  143. background-color: #0e0e0e!important;
  144. border-bottom: 1px solid #939291;
  145. text-transform: uppercase!important;
  146. letter-spacing: 1px!important;
  147. line-height: 12px!important;
  148. display: block!important;
  149. margin-bottom: 6px;
  150. margin-left: 8px;
  151. margin-right: 8px;
  152. }
  153.  
  154. h6 {
  155. font-family: sans serif!important;
  156. font-size: 12px;
  157. font-weight: normal;
  158. text-align: center;
  159. color: #2f3b44;
  160. background-color: transparent;
  161. padding: 4px;
  162. text-transform: lowercase;
  163. letter-spacing: -.5px;
  164. line-height: 12px;
  165. display: block;
  166. margin-left: 8px;
  167. margin-right: 8px;
  168. }
  169.  
  170. .obsidianxx { L I N K Y L I N K S }
  171.  
  172.  
  173. a:active, a:visited, a:link {
  174. font-family: "arial narrow";
  175. font-size: 8.5px;
  176. line-height: 11px;
  177. text-transform: uppercase;
  178. color: #c3c3c3;
  179. font-weight: lighter;
  180. text-decoration: none;
  181. filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
  182. transition:all 1s ease; -o-transition:all 1s ease; z-index:999;
  183. }
  184.  
  185. a:hover {
  186. color: transparent;
  187. background-color: transparent;
  188. text-shadow:0px 0px #c3c3c3, 0px 0px #c3c3c3; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
  189. transition:all 1s ease; z-index:999;
  190. }
  191.  
  192. a.navi1, a.navi1:link, a.navi1:active, a.navi1:visited
  193. {
  194. font-size:10px;
  195. font-family: 'Cinzel', cursive;
  196. color:#2b3234;
  197. width: 74px;
  198. height: 10px;
  199. line-height: 15px;
  200. padding: 5px;
  201. text-align:center;
  202. background-color:transparent;
  203. font-weight:lighter;
  204. font-style: italic;
  205. text-transform: uppercase;
  206. letter-spacing:-1px;
  207. margin-bottom:8px;
  208. margin-right:8px;
  209. margin-left:8px;
  210. display:inline-block;
  211. filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
  212. transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
  213.  
  214. a.navi1:hover {
  215. font-size: 10px;
  216. color:transparent;
  217. background-color:transparent;
  218. line-height:15px;
  219. text-shadow:0px 0px #496478, 0px 0px #496478; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
  220. transition:all 1s ease; z-index:999; }
  221.  
  222.  
  223.  
  224. a.first, a.first:link, a.first:active, a.first:visited
  225. {
  226. font-size:10px;
  227. font-family:arial narrow;
  228. color:#2b3234;
  229. line-height: 10px;
  230. padding: 5px;
  231. text-align:center;
  232. background-color:#0e0e0e;
  233. font-weight:lighter;
  234. font-style: italic;
  235. text-transform: uppercase;
  236. letter-spacing:-1px;
  237. margin-bottom:1px;
  238. margin-right:1px;
  239. margin-left:1px;
  240. margin-top:1px;
  241. display:block;
  242. filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
  243. transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
  244.  
  245. a.first:hover {
  246. font-size: 10px;
  247. color:transparent;
  248. background-color:transparent;
  249. line-height:10px;
  250. text-shadow:0px 0px #939291, 0px 0px #939291; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
  251. transition:all 1s ease; z-index:999; }
  252.  
  253.  
  254.  
  255.  
  256. a.second, a.second:link, a.second:active, a.second:visited
  257. {
  258. font-size:10px;
  259. font-family:arial narrow;
  260. color:#000000;
  261. line-height: 10px;
  262. padding: 5px;
  263. text-align:center;
  264. background-color:#2b3234;
  265. font-weight:lighter;
  266. font-style: italic;
  267. text-transform: uppercase;
  268. letter-spacing:-1px;
  269. margin-bottom:1px;
  270. margin-right:1px;
  271. margin-left:1px;
  272. margin-top:1px;
  273. display:block;
  274. filter:alpha(opacity=90); text-shadow:-12px 0px transparent, 12px 0px transparent; -webkit-transition:all 1s ease; -moz-
  275. transition:all 1s ease; -o-transition:all 1s ease; z-index:999; }
  276.  
  277. a.second:hover {
  278. font-size: 10px;
  279. color:transparent;
  280. background-color:transparent;
  281. line-height:10px;
  282. text-shadow:0px 0px #939291, 0px 0px #939291; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-
  283. transition:all 1s ease; z-index:999; }
  284.  
  285.  
  286.  
  287. .obsidianxx { MORE T E X T SH*T }
  288. b {
  289. color: #2f3b44;
  290. font-weight: bold;
  291. font-style: none;
  292. }
  293.  
  294. i {
  295. font-family: times new;
  296. font-size: 11px;
  297. font-weight: normal;
  298. text-align: center;
  299. color: #c9c9c9;
  300. text-transform: none;
  301. margin: 1px;
  302. letter-spacing: -1px;
  303. line-height: 7px;
  304. }
  305.  
  306.  
  307. strong {
  308. color: #2b3234;
  309. font-weight: bold;
  310. font-style: none;
  311. }
  312.  
  313. .dropcap {
  314. color: #2f3b44;
  315. float: left;
  316. font-family: 'Cinzel', cursive;
  317. font-size: 40px;
  318. line-height: 30px;
  319. padding-top: 4px;
  320. padding-right: 8px;
  321. padding-left: 3px;
  322. }
  323.  
  324.  
  325.  
  326.  
  327.  
  328. .obsidianxx { RPER.ME H I D E CODES }
  329. .clearfix { display: none; }
  330. .lightbluetext8 { display:none; }
  331. .contacttable { display:none; }
  332. .whitetext12 { display:none; }
  333. .interestsanddetails { display:none; }
  334. .userProfiledetail { display:none; }
  335. .friendSpace { display:none; }
  336. .friendsComments { display:none; }
  337. .latestBlogEntry { display:none; }
  338. .orangetext15 { display:none; }
  339. .profileinfo { display:none; }
  340. .userProfileURL { display:none; }
  341. .extendedNetwork { display:none; }
  342. .blurbs { display:none; }
  343. .userAlbums { display:none; }
  344. #footerWarpper{ display:none; }
  345. </style>
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352. -----------------------------------------------------------------
  353. -----------------------------------------------------------------
  354. LIKE TO MEET:
  355. -----------------------------------------------------------------
  356. -----------------------------------------------------------------
  357.  
  358.  
  359.  
  360.  
  361. </table>
  362. </td>
  363. </tr>
  364. </table>
  365. <br />
  366. <table cellspacing="0" cellpadding="0" width="500">
  367. <td>
  368. <table cellspacing="0" cellpadding="0" width="500">
  369. <td valign="top" align="center" width="500">
  370.  
  371. <img src="https://via.placeholder.com/483x300/000000/474747" style="padding: 0px 8px 8px 8px;">
  372.  
  373.  
  374. </table>
  375. </td>
  376. </tr>
  377. </table>
  378. <br />
  379. <table cellspacing="0" cellpadding="0" width="500">
  380. <td>
  381. <table cellspacing="0" cellpadding="0" width="500">
  382. <td valign="top" align="center" width="500">
  383.  
  384. <center><a class="navi1" href="/home.php?">home</a><a class="navi1" href="/send_message.php?member_id=1561602">message</a><a class="navi1" href="/add_comment.php?member_id=1561602">comment</a><a class="navi1" href="/gallery.php?member_id=1561602">gallery</a><a class="navi1" href="/hightimes">credit</a></center>
  385.  
  386.  
  387. </table>
  388. </td>
  389. </tr>
  390. </table>
  391. <br />
  392. <table cellspacing="0" cellpadding="0" width="500">
  393. <td>
  394. <table cellspacing="0" cellpadding="0" width="500">
  395. <td valign="top" align="center" width="500">
  396.  
  397. <div style="float: left; width: 228px; height: 140px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 0px 8px 8px;">
  398. <h4>title here</h4>
  399.  
  400.  
  401. <h1>header one</h1>
  402. <h2>header two</h2>
  403. <h3>header three</h3>
  404. <h4>header four</h4>
  405. <h5>header five</h5>
  406. <h6>header six</h6>
  407.  
  408. <b>bold text</b> <i>italic text</i> <strong>strong text</strong>
  409.  
  410. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  411. <br><br>
  412. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  413. </div>
  414.  
  415.  
  416. <div style="float: left; width: 228px; height: 140px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 8px 8px 8px;">
  417. <h11>title here</h11>
  418.  
  419. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  420. <br><br>
  421. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  422.  
  423. </div>
  424.  
  425.  
  426. </table>
  427. </td>
  428. </tr>
  429. </table>
  430. <br />
  431. <table cellspacing="0" cellpadding="0" width="500">
  432. <td>
  433. <table cellspacing="0" cellpadding="0" width="500">
  434. <td valign="top" align="center" width="500">
  435.  
  436.  
  437.  
  438. <img src="https://via.placeholder.com/483x200/000000/474747" style="padding: 0px 8px 8px 8px;">
  439.  
  440.  
  441.  
  442. </table>
  443. </td>
  444. </tr>
  445. </table>
  446. <br />
  447. <table cellspacing="0" cellpadding="0" width="500">
  448. <td>
  449. <table cellspacing="0" cellpadding="0" width="500">
  450. <td valign="top" align="center" width="500">
  451.  
  452. <div style="float: left; width: 228px; height: 140px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 0px 8px 8px;">
  453. <h4>title here</h4>
  454.  
  455. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  456. <br><br>
  457. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  458.  
  459. </div>
  460.  
  461.  
  462. <div style="float: left; width: 228px; height: 140px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 8px 8px 8px;">
  463. <h4>title here</h4>
  464.  
  465. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  466. <br><br>
  467. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  468.  
  469. </div>
  470.  
  471.  
  472.  
  473. </table>
  474. </td>
  475. </tr>
  476. </table>
  477. <br />
  478. <table cellspacing="0" cellpadding="0" width="500">
  479. <td>
  480. <table cellspacing="0" cellpadding="0" width="500">
  481. <td valign="top" align="center" width="500">
  482.  
  483. <img src="https://via.placeholder.com/100x180/000000/474747" align="left" style="margin: 0px 8px 8px 8px;">
  484.  
  485. <div style="float: left; width: 257px; height: 170px; padding: 5px; overflow: auto; background-color: #000000;">
  486. <h4>title here</h4>
  487.  
  488. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  489. <br><br>
  490. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  491.  
  492. </div>
  493.  
  494.  
  495. <img src="https://via.placeholder.com/100x180/000000/474747" align="right" style="margin-right: 8px; margin-bottom: 8px;">
  496.  
  497.  
  498. </table>
  499. </td>
  500. </tr>
  501. </table>
  502. <br />
  503. <table cellspacing="0" cellpadding="0" width="500">
  504. <td>
  505. <table cellspacing="0" cellpadding="0" width="500">
  506. <td valign="top" align="center" width="500">
  507.  
  508.  
  509.  
  510. <img src="https://via.placeholder.com/483x200/000000/474747" style="padding: 0px 8px 8px 8px;">
  511.  
  512. </table>
  513. </td>
  514. </tr>
  515. </table>
  516. <br />
  517. <table cellspacing="0" cellpadding="0" width="500">
  518. <td>
  519. <table cellspacing="0" cellpadding="0" width="500">
  520. <td valign="top" align="center" width="500">
  521.  
  522. <img src="https://via.placeholder.com/260x150/000000/474747" align="left" style="margin: 0px 8px 8px 8px;">
  523.  
  524. <div style="float: left; width: 205px; height: 140px; padding: 5px; overflow: auto; background-color: #000000;">
  525. <h4>title here</h4>
  526.  
  527. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  528. <br><br>
  529. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  530.  
  531. </div>
  532.  
  533.  
  534. </table>
  535. </td>
  536. </tr>
  537. </table>
  538. <br />
  539. <table cellspacing="0" cellpadding="0" width="500">
  540. <td>
  541. <table cellspacing="0" cellpadding="0" width="500">
  542. <td valign="top" align="center" width="500">
  543.  
  544. <img src="https://via.placeholder.com/260x150/000000/474747" align="right" style="margin: 0px 8px 8px 8px;">
  545.  
  546. <div style="float: left; width: 205px; height: 140px; padding: 5px; overflow: auto; background-color: #000000; margin-left: 8px;">
  547. <h4>title here</h4>
  548.  
  549. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  550. <br><br>
  551. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  552.  
  553. </div>
  554.  
  555.  
  556. </table>
  557. </td>
  558. </tr>
  559. </table>
  560. <br />
  561. <table cellspacing="0" cellpadding="0" width="500">
  562. <td>
  563. <table cellspacing="0" cellpadding="0" width="500">
  564. <td valign="top" align="center" width="500">
  565.  
  566. <img src="https://via.placeholder.com/483x150/000000/474747" style="padding: 0px 8px 8px 8px;">
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574. -----------------------------------------------------------------
  575. -----------------------------------------------------------------
  576. INTERESTS:
  577. -----------------------------------------------------------------
  578. -----------------------------------------------------------------
  579.  
  580.  
  581.  
  582.  
  583.  
  584. </table>
  585. </td>
  586. </tr>
  587. </table>
  588. <br />
  589. <table cellspacing="0" cellpadding="0" width="300">
  590. <td>
  591. <table cellspacing="0" cellpadding="0" width="300">
  592. <td valign="top" align="center" width="300">
  593.  
  594. <img src="https://via.placeholder.com/283x150/000000/474747" style="padding: 0px 0px 8px 8px;">
  595.  
  596.  
  597. </table>
  598. </td>
  599. </tr>
  600. </table>
  601. <br />
  602. <table cellspacing="0" cellpadding="0" width="300">
  603. <td>
  604. <table cellspacing="0" cellpadding="0" width="300">
  605. <td valign="top" align="center" width="300">
  606.  
  607. <div style="float: left; width: 275px; height: 170px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 0px 8px 8px;">
  608. <h4>basic information</h4>
  609. <b>✗ FULL NAME:</b> xxx<br>
  610. <strong>✗ MEANING:</strong> xxx<br>
  611. <b>✗ DATE OF BIRTH | AGE:</b> xxx | xxx<br>
  612. <strong>✗ PLACE OF BIRTH:</strong> xxx<br>
  613. <b>✗ CURRENT RESIDENCE:</b> xxx<br>
  614. <strong>✗ OCCUPATION:</strong> xxx<br>
  615. <b>✗ GENDER:</b> xxx<br>
  616. <strong>✗ SEXUAL ORIENTATION:</strong> xxx<br>
  617. <b>✗ EYE COLOUR | HAIR COLOUR:</b> xxx | xxx<br>
  618. <strong>✗ BIRTHMARKS OR SCARS:</strong> xxx<br>
  619. <b>✗ FAMILY:</b> Name here ( <i>relation</i> ), Name here ( <i>relation</i> ), Name here ( <i>relation</i> ), Name here ( <i>relation</i> ), Name here ( <i>relation</i> ), Name here ( <i>relation</i> ), Name here ( <i>relation</i> )<br>
  620. <strong>✗ PHOBIAS:</strong> xxx<br>
  621. <b>✗ ADDICTIONS:</b> xxx<br>
  622. <strong>✗ MENTAL DISORDERS:</strong> xxx<br>
  623. </div>
  624.  
  625. </table>
  626. </td>
  627. </tr>
  628. </table>
  629. <br />
  630. <table cellspacing="0" cellpadding="0" width="300">
  631. <td>
  632. <table cellspacing="0" cellpadding="0" width="300">
  633. <td valign="top" align="center" width="300">
  634.  
  635. <img src="https://via.placeholder.com/100x100/000000/474747" align="left" style="margin: 0px 0px 8px 8px;">
  636. <div style="float: left; width: 165px; height: 90px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 0px 8px 8px;">
  637.  
  638. <h4>title here</h4>
  639.  
  640. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  641. <br><br>
  642. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  643.  
  644. </div>
  645.  
  646.  
  647.  
  648. </table>
  649. </td>
  650. </tr>
  651. </table>
  652. <br />
  653. <table cellspacing="0" cellpadding="0" width="300">
  654. <td>
  655. <table cellspacing="0" cellpadding="0" width="300">
  656. <td valign="top" align="center" width="300">
  657.  
  658. <img src="https://via.placeholder.com/94x100/000000/474747" style="margin-left: 8px; margin-bottom: 8px;"><img src="https://via.placeholder.com/94x100/000000/474747" style="margin-bottom: 8px;"><img src="https://via.placeholder.com/94x100/000000/474747" style="margin-bottom: 8px; margin-right: 8px;">
  659.  
  660.  
  661.  
  662. </table>
  663. </td>
  664. </tr>
  665. </table>
  666. <br />
  667. <table cellspacing="0" cellpadding="0" width="300">
  668. <td>
  669. <table cellspacing="0" cellpadding="0" width="300">
  670. <td valign="top" align="center" width="300">
  671.  
  672.  
  673. <h1>short quote here</h1>
  674. <h2>another short quote</h2>
  675.  
  676.  
  677.  
  678. </table>
  679. </td>
  680. </tr>
  681. </table>
  682. <br />
  683. <table cellspacing="0" cellpadding="0" width="300">
  684. <td>
  685. <table cellspacing="0" cellpadding="0" width="300">
  686. <td valign="top" align="center" width="300">
  687.  
  688. <img src="https://via.placeholder.com/100x140/000000/474747" align="right" style="margin-right: 8px; margin-bottom: 8px;">
  689. <div style="float: left; width: 165px; height: 130px; padding: 5px; overflow: auto; background-color: #000000; margin-left: 8px;">
  690.  
  691. <a href="/" class="first">Loving Husband</a>
  692.  
  693. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  694. <br><br>
  695. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  696.  
  697. </div>
  698.  
  699.  
  700. </table>
  701. </td>
  702. </tr>
  703. </table>
  704. <br />
  705. <table cellspacing="0" cellpadding="0" width="300">
  706. <td>
  707. <table cellspacing="0" cellpadding="0" width="300">
  708. <td valign="top" align="center" width="300">
  709.  
  710. <img src="https://via.placeholder.com/100x140/000000/474747" align="left" style="margin-left: 8px; margin-right: 8px; margin-bottom: 8px;">
  711. <div style="float: left; width: 165px; height: 130px; padding: 5px; overflow: auto; background-color: #000000; margin-right: 8px;">
  712.  
  713. <a href="/" class="first">Dashing Son</a>
  714.  
  715. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  716. <br><br>
  717. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  718.  
  719. </div>
  720.  
  721. </table>
  722. </td>
  723. </tr>
  724. </table>
  725. <br />
  726. <table cellspacing="0" cellpadding="0" width="300">
  727. <td>
  728. <table cellspacing="0" cellpadding="0" width="300">
  729. <td valign="top" align="center" width="300">
  730.  
  731. <img src="https://via.placeholder.com/100x140/000000/474747" align="right" style="margin-right: 8px; margin-bottom: 8px;">
  732. <div style="float: left; width: 165px; height: 130px; padding: 5px; overflow: auto; background-color: #000000; margin-left: 8px;">
  733.  
  734. <a href="/" class="first">Beautiful Daughter</a>
  735.  
  736. <span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  737. <br><br>
  738. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  739.  
  740. </div>
  741.  
  742.  
  743. </table>
  744. </td>
  745. </tr>
  746. </table>
  747. <br />
  748. <table cellspacing="0" cellpadding="0" width="300">
  749. <td>
  750. <table cellspacing="0" cellpadding="0" width="300">
  751. <td valign="top" align="center" width="300">
  752.  
  753. <img src="https://via.placeholder.com/283x120/000000/474747" style="padding: 0px 0px 8px 8px;">
  754.  
  755.  
  756. </table>
  757. </td>
  758. </tr>
  759. </table>
  760. <br />
  761. <table cellspacing="0" cellpadding="0" width="300">
  762. <td>
  763. <table cellspacing="0" cellpadding="0" width="300">
  764. <td valign="top" align="center" width="300">
  765.  
  766. <img src="https://via.placeholder.com/100x160/000000/474747" align="left" style="margin-left: 8px; margin-right: 8px; margin-bottom: 8px;">
  767. <div style="float: left; width: 165px; height: 150px; padding: 5px; overflow: auto; background-color: #000000; margin-right: 8px;">
  768.  
  769. <h4>my love</h4>
  770.  
  771. <b>✗ STATUS:</b> xxx<br>
  772. <strong>✗ BY WHOM:</strong> <a href="/">xxx</a><br>
  773. <b>✗ SINCE:</b> xxx<br>
  774. <strong>✗ COMMENTS:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in neque convallis, convallis elit at, condimentum ipsum. Vestibulum gravida consectetur sapien vel convallis. Donec id eros augue. Donec a ante ligula. In rutrum pretium iaculis. Etiam a convallis nulla. Maecenas erat sem, bibendum vitae arcu ut, sollicitudin congue diam. Vestibulum laoreet, risus sed porttitor interdum, ipsum urna laoreet mi, vitae iaculis eros est vel mi. Morbi efficitur finibus orci eget lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  775. <br><br>
  776. Maecenas ac imperdiet est. Morbi eget convallis turpis, vel posuere neque. Suspendisse venenatis nisl sed rutrum varius. Mauris aliquet, turpis in mattis ornare, urna libero egestas lacus, id suscipit orci ex non neque. Nullam vehicula semper arcu eu faucibus. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce quam eros, placerat in nulla et, sagittis tempor ante. Aliquam nec lacinia ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras ullamcorper felis laoreet, vestibulum quam quis, tincidunt ante. Nam nec nibh ligula. Maecenas gravida tristique sollicitudin. Nulla id massa ac arcu faucibus vulputate et quis velit. Fusce rhoncus in orci cursus vestibulum.
  777.  
  778. </div>
  779.  
  780.  
  781.  
  782.  
  783. </table>
  784. </td>
  785. </tr>
  786. </table>
  787. <br />
  788. <table cellspacing="0" cellpadding="0" width="300">
  789. <td>
  790. <table cellspacing="0" cellpadding="0" width="300">
  791. <td valign="top" align="center" width="300">
  792.  
  793. <h5>another quote</h5>
  794. <h2>quotes out the a s s</h2>
  795. <div style="float: left; width: 275px; height: 131px; padding: 5px; overflow: auto; background-color: #000000; margin: 0px 0px 8px 8px;">
  796. <a href="/" class="first">connection</a>
  797. <a href="/" class="second">connection</a>
  798. <a href="/" class="first">connection</a>
  799. <a href="/" class="second">connection</a>
  800. <a href="/" class="first">connection</a>
  801. <a href="/" class="second">connection</a>
  802. <a href="/" class="first">connection</a>
  803. <a href="/" class="second">connection</a>
  804. <a href="/" class="first">connection</a>
  805. <a href="/" class="second">connection</a>
  806.  
  807.  
  808. </div>
  809.  
  810.  
  811. </table>
  812. </td>
  813. </tr>
  814. </table>
  815. <br />
  816. <table cellspacing="0" cellpadding="0" width="300">
  817. <td>
  818. <table cellspacing="0" cellpadding="0" width="300">
  819. <td valign="top" align="center" width="300">
  820.  
  821. <img src="https://via.placeholder.com/283x150/000000/474747" style="padding: 0px 0px 8px 8px;">
Add Comment
Please, Sign In to add comment