Advertisement
silverrainresources

Chris Argent - Table

Nov 15th, 2016
289
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.97 KB | None | 0 0
  1. “CHRIS ARGENT” WAS MADE BY ANYA @ SUBZERO.
  2.  
  3. Made on GOOGLE CHROME
  4.  
  5. YOU CAN:
  6. Change colors
  7. Add/change graphics
  8.  
  9. DO NOT:
  10. claim as yours
  11. remove credit
  12.  
  13. KNOWLEDGE
  14. of DIV and TABLE code is required
  15.  
  16. EXTRA
  17. PSD + Matching Doorknocker/Headliner
  18. https://www.dropbox.com/sh/he2q08adb34qp3d/AADHWMsBapKpsKdiwL4CaIwpa?dl=0
  19. (Fonts used on doorknocker - Helvetica Neue UltraLight & Orator Std Medium
  20.  
  21.  
  22. -----ABOUT ME-----
  23. <link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
  25.  
  26.  
  27. <body oncontextmenu="alert('© by Anya @ Silverrain. Do not Steal.');return false;"><body onkeydown="alert('© By Anya @ Silverrain. Do not Steal.');return false;"><body ondragstart="alert('© by Anya @ Silverrain. Do not Steal.');return false;">
  28. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  29.  
  30. .subzero { SCROLL BAR PROPERTIES created by A N Y A }
  31.  
  32. <style>
  33. ::-webkit-scrollbar-thumb:vertical {
  34. background-color: #transparent;
  35. height: 7px;
  36. }
  37. ::-webkit-scrollbar-thumb:horizontal{ background-color: #transparent;
  38. height: 7px;
  39. }
  40. ::-webkit-scrollbar {
  41. background-color: #9393a4;
  42. border: 2px solid #transparent;
  43. height:5px;
  44. width:2px;
  45. }
  46. </style>
  47.  
  48. .subzero { BACKGROUND INFORMATION created by A N Y A }
  49.  
  50. <style>
  51. .mygen
  52. table, tr, td { background-color:transparent; border:none; border-width:0;}
  53. body {
  54.  
  55. background-color:#01141c;
  56. background-image:url('');
  57. background-attachment:fixed;
  58. background-position:top center;
  59. background-repeat:no-repeat;
  60. margin-left:-350px;
  61. }
  62.  
  63. .mygen
  64. table table { border: 0px }
  65. table table table table{border:0px}
  66. table table table {
  67. border-style:solid;
  68. border-width:4px;
  69. border-color:#052330;
  70. background-color:#052330;
  71. background-image: url();
  72. }
  73.  
  74. .mygen
  75. table, tr, td, li, p, div { font-family:arial; color:#a29e95; font-size:8px; letter-spacing: 1px; line-height:11px;}
  76. a:active, a:visited, a:link { font-family:calibri; color:#995544; font-size:9px; font-weight: none; text-transform:uppercase;}
  77. a:hover { font-family:calibri; color:#995544; font-size:9px; text-decoration:none;}
  78.  
  79.  
  80. .subzero { TEXT CODES created by A N Y A }
  81.  
  82. I {font: italic 9px Libre Baskerville; text-transform:none; color:#d8c6b4; letter-spacing: .5px; line-height:5px;}
  83. B {font: bold 9px trebuchet ms; text-transform:uppercase; color:#605644; letter-spacing: .5px; line-height: 6px;}
  84. STRONG {font: 9px Lucida Console; text-transform:uppercase; color:#f3efe7; line-height:5px; letter-spacing:0px;}
  85. EM {font: 8px Lucida Sans Unicode; letter-spacing: 1px; text-transform:uppercase; color:#6d4f3f; line-height:5px;}
  86.  
  87.  
  88. h1 {
  89. font-family: 'Shrikhand', cursive;
  90. color: #9393a4;
  91. font-size:50px;
  92. line-height: 15px;
  93. text-align: center;
  94. padding: 30px 0px 0px 0px;
  95. }
  96.  
  97. h2 {
  98. font-family: 'Poiret One', cursive;
  99. color: #0c4f66;
  100. font-size: 30px;
  101. text-align: center;
  102. letter-spacing: 10px;
  103. padding: -50px 0px 0px 0px;
  104. }
  105.  
  106. h3 {
  107. font: bold 15px trebuchet ms;
  108. text-transform:uppercase;
  109. color:#605644; letter-spacing: .5px;
  110. line-height: 6px;
  111. text-align:right;
  112. }
  113.  
  114. </style>
  115.  
  116.  
  117.  
  118.  
  119. .subzero { NAVIGATION AND LINKS created by A N Y A }
  120. <style>
  121. .navigation {
  122. position: fixed;
  123. width: 350px;
  124. height: 75px;
  125. left: 1050px;
  126. top: 310px;
  127. overflow:auto;}
  128.  
  129. .credit {
  130. position: fixed;
  131. left: 1350px;
  132. top: 650px;
  133. width: 100px;
  134. height: 100px;
  135. z-index: 100;
  136. }
  137.  
  138. a:link, a:visited {
  139. background-color: #052330;
  140. color: #ffffff;
  141. font-family: 'Fjalla One', sans-serif;
  142. padding: 5px 10px;
  143. text-align: center;
  144. font-size: 8px;
  145. border-bottom: 2px solid #ffc2a7;
  146. display: inline-block;}
  147.  
  148. a:hover, a:active {
  149. background-color: #015051;
  150. text-transform:uppercase;
  151. text-shadow:2px 2px #000000;
  152. font-size: 8px;
  153. border-bottom: 2px solid #ffc2a7;
  154. -moz-transition-duration: 0.4s;
  155. -webkit-transition-duration: 0.4s;
  156. -o-transition-duration: 0.4s;
  157. transition-duration: 0.4s;}
  158.  
  159. a.second, a.second:link, a.second:active, a.second:visited {
  160. text-transform: lowercase;
  161. background-color:transparent;
  162. border: 0px transparent solid;
  163. color: #c6b393;
  164. font-family: consolas;
  165. text-align: center;
  166. font-size: 9px;
  167. display: inline-block;}
  168.  
  169.  
  170. .second:hover {
  171. text-transform: uppercase;
  172. background-color:transparent;
  173. border: 0px transparent solid;
  174. color: #c6b393;
  175. font-family: consolas;
  176. text-align: center;
  177. font-size: 9px;
  178. -webkit-filter: blur(1px)
  179. -moz-transition-duration: 0.4s;
  180. -webkit-transition-duration: 0.4s;
  181. -o-transition-duration: 0.4s;
  182. transition-duration: 0.4s;}
  183.  
  184.  
  185. a.third, a.third:link, a.third:active, a.third:visited {
  186. background-color: #605644;
  187. text-transform: lowercase;
  188. color: #c6b393;
  189. border: 0px solid #ffffff;
  190. font-family: consolas;
  191. text-align: center;
  192. font-size: 9px;
  193. border-bottom: 1px solid #4a2b1e;
  194. border-left: 5px solid #052330;
  195. border-right: 5px solid #052330;
  196. display: block;}
  197.  
  198.  
  199. .third:hover {
  200. background-color:#2d1f07;
  201. text-transform: lowercase;
  202. color: #c6b393;
  203. font-family: consolas;
  204. text-align: center;
  205. border-bottom: 1px solid #4a2b1e;
  206. border-left: 5px solid #052330;
  207. border-right: 5px solid #052330;
  208. font-size: 9px;
  209. -webkit-filter: blur(1px)
  210. -moz-transition-duration: 0.4s;
  211. -webkit-transition-duration: 0.4s;
  212. -o-transition-duration: 0.4s;
  213. transition-duration: 0.4s;}
  214.  
  215.  
  216. a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
  217. text-transform: lowercase;
  218. background-color:transparent;
  219. border: 0px transparent solid;
  220. color: #052330;
  221. font-family: consolas;
  222. text-align: center;
  223. font-size: 9px;
  224. display: inline-block;}
  225.  
  226.  
  227. .fourth:hover {
  228. text-transform: uppercase;
  229. background-color:transparent;
  230. border: 0px transparent solid;
  231. color: #07374c;
  232. font-family: consolas;
  233. text-align: center;
  234. font-size: 9px;
  235. -webkit-filter: blur(1px)
  236. -moz-transition-duration: 0.4s;
  237. -webkit-transition-duration: 0.4s;
  238. -o-transition-duration: 0.4s;
  239. transition-duration: 0.4s;}
  240. </style>
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. .subzero { HIDE CODES created by A N Y A }
  252. <br />
  253. <style>.clearfix {margin-top: -100px;}</style>
  254. <p>
  255.  
  256. <br />
  257. <style>.friendscomments{display:none;}</style>
  258. <p>
  259.  
  260. <br />
  261. <style> div td {display:none;} table {top:24px; position:relative;} table table {top:0px; position:relative;}</style>
  262. <p>
  263.  
  264.  
  265. <br />
  266. <style type="text/css">table.latestblogentry {display: none;}</style>
  267. <style>.extendednetwork{display:none;}</style>
  268. <p>
  269.  
  270. <style>
  271. [id="footerWarpper"] { display: none; }
  272. </style>
  273.  
  274. <style>
  275. table.profileInfo td td {display:none;}
  276. table.profileInfo td td.text {display:table-cell; _display:inline;}
  277. </style>
  278.  
  279.  
  280. <style>.nametext{display:none;}</style>
  281.  
  282.  
  283.  
  284. <STYLE type=text/css> .contacttable {display: none;}</STYLE>
  285.  
  286. <br />
  287. <style>.blurbs{display:none;}</style>
  288. <p>
  289.  
  290.  
  291. <br />
  292. <style>.friendspace{display:none;}</style>
  293. <p>
  294.  
  295.  
  296. <br />
  297. <style>.userprofileurl{display:none;}</style>
  298. <p>
  299.  
  300. <style>.userprofiledetail{display:none;}</style>
  301.  
  302. <style>table div font {display: none;}</style>
  303.  
  304. <style>.interestsanddetails{display:none;}</style>
  305.  
  306. <style>.userprofiledetail{display:none;}</style>
  307.  
  308. <style>.lightbluetext8{DISPLAY:none;VISIBILITY:hidden;}</style></style>
  309.  
  310. <style> .profileInfo {display:none;} </style>
  311.  
  312.  
  313. .subzero { OTHER CODES }
  314.  
  315. <style>td.text table {position:relative; top: -20px;}td.text table table {position:static;}</style>
  316.  
  317. <style> div td {display:none;} table {top:0px; position:relative;} table table {top:0px; position:relative;}</style>
  318.  
  319.  
  320. -----LIKE TO MEET-----
  321. </td>
  322. </tr>
  323. </table>
  324. </td>
  325. </tr>
  326. </table>
  327. <br />
  328. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="450" bgcolor="ffcc99" border="0">
  329. <tr>
  330. <td>
  331. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0">
  332. <td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  333.  
  334.  
  335. <div class=navigation>
  336. <a href=/home.php>Home</a>
  337. <a href=/add_comment.php?member_id=xxxxxx>Comment</a>
  338. <a href=/send_message.php?member_id=xxxxxx>Message</a>
  339. <a href=/gallery.php?member_id=xxxxxx>Images</a>
  340. <a href=/zsubzero>Credit</a>
  341. </div>
  342.  
  343. <div style="border: 3px solid #0c4f66; width: 450px; height: 200px; overflow: none; background-color:#08394a; text-align:justify;">
  344. <center>
  345. <img src=https://i.imgur.com/27nkadZ.gif><img src=https://i.imgur.com/N6izNGv.gif>
  346. </center>
  347. </div>
  348.  
  349.  
  350. </td>
  351. </tr>
  352. </table>
  353. </td>
  354. </tr>
  355. </table>
  356. <br />
  357. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="450" bgcolor="ffcc99" border="0">
  358. <tr>
  359. <td>
  360. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0">
  361. <td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  362.  
  363.  
  364. <div style="border: 3px solid #0c4f66; width: 450px; height: 200px; overflow: none; background-color:#08394a; text-align:justify; float: left;">
  365. <h2>Chris Argent</h2>
  366. <p><h1>Display Name</h1>
  367. <p><h3>We protect those who cannot protect themselves</h3>
  368. </div>
  369.  
  370. </td>
  371. </tr>
  372. </table>
  373. </td>
  374. </tr>
  375. </table>
  376. <br />
  377. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="450" bgcolor="ffcc99" border="0">
  378. <tr>
  379. <td>
  380. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0">
  381. <td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  382.  
  383. <div style="border: 3px solid #0c4f66; width: 220px; height: 190px; overflow: auto; background-color:#08394a; text-align:justify; float: left;">
  384. <h3>Pre-Beacon Hills</h3>
  385. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at libero ac nibh bibendum rhoncus. Mauris blandit urna ligula, ut elementum enim porta nec. Duis in efficitur tellus. Nulla vehicula ultricies lacinia. Curabitur luctus turpis in magna tempor, eget dictum mi semper. Ut ut scelerisque velit. Aliquam ex justo, pulvinar id risus et, consectetur tempor mi. Morbi eget lorem consectetur ex semper porttitor. In fringilla nunc maximus turpis pellentesque sollicitudin. Phasellus eleifend eleifend diam, sit amet rhoncus ligula tincidunt ac. Proin in egestas nisl, eu scelerisque leo. In hac habitasse platea dictumst. Proin dapibus dapibus quam ut pellentesque. Donec at justo nulla. In egestas metus id magna rhoncus, sit amet volutpat ipsum mattis. Nunc vel fermentum elit, sed iaculis ex.
  386.  
  387. <p>Nunc semper, sem id bibendum facilisis, purus metus gravida mauris, a auctor tortor dui luctus enim. Praesent tempor nisi turpis, at hendrerit arcu tempus id. Curabitur et lacus feugiat arcu maximus ultricies. Cras eu ultricies justo, sed imperdiet lectus. Maecenas viverra, felis in luctus mattis, ipsum dui consectetur lectus, ac ultricies enim nisi ut ipsum. Morbi volutpat pharetra leo. Cras sapien ligula, mollis vitae vulputate eu, luctus sed diam. Quisque risus ipsum, pretium eget urna quis, luctus sodales justo. Curabitur pretium, eros nec iaculis convallis, nunc urna mattis diam, a facilisis lorem eros a urna. Morbi in malesuada nunc.
  388.  
  389. <p>Nullam volutpat mattis purus vehicula mollis. Aliquam at ornare dui, nec fringilla risus. Sed vel aliquet nibh. Praesent tortor arcu, fringilla a magna ac, mattis scelerisque massa. Donec vel nibh velit. Morbi aliquet mi sed enim rhoncus, a dignissim erat ultricies. Suspendisse at enim non nisi faucibus congue. In viverra hendrerit posuere. Aliquam quis porta libero. Curabitur eget lacinia mauris. Praesent porttitor aliquet leo, id pellentesque massa semper nec. Aliquam ultrices porta neque, vel volutpat augue laoreet quis. Nulla consequat scelerisque sollicitudin. Proin et imperdiet nulla, in porta justo. Maecenas ultricies lectus vel nunc mattis bibendum.
  390.  
  391. <p>Proin sem urna, viverra at lectus sed, interdum vestibulum arcu. Maecenas vehicula augue a tempus maximus. Suspendisse eleifend eros at placerat hendrerit. Nulla facilisi. Duis in egestas neque. Integer elementum quam vitae arcu venenatis gravida. Aenean velit tortor, tristique a efficitur eu, imperdiet nec turpis. Mauris maximus ullamcorper dolor ut mollis. Maecenas arcu sem, facilisis nec molestie quis, blandit et diam. Ut tincidunt mauris condimentum lacus malesuada ultrices. Suspendisse potenti. Etiam nec varius orci. Ut urna odio, cursus quis urna quis, vulputate varius felis. Donec iaculis justo eget nulla dapibus tempus. In hac habitasse platea dictumst.
  392.  
  393. <p>Donec tempor tellus rhoncus dui placerat pulvinar. Cras pulvinar turpis sit amet nulla consequat, non dictum ante sodales. Curabitur varius eleifend justo, ac rutrum est pretium id. Ut sed fermentum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam malesuada eleifend odio, eu varius tellus interdum ac. Vestibulum commodo massa nec erat faucibus eleifend. Donec lacus dui, ultrices vel pulvinar sed, scelerisque et libero. Cras felis est, iaculis sed vehicula vel, finibus ac justo. Praesent blandit, orci quis pretium ullamcorper, arcu tortor tristique tortor, sit amet sagittis enim sem ac ante. Pellentesque in massa mattis, vulputate dolor sit amet, rutrum dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum augue sagittis lacinia feugiat. Morbi sollicitudin nisi orci.
  394. </div>
  395. <img src=https://i.imgur.com/SibXNG2.png>
  396.  
  397.  
  398. <p><div style="border: 3px solid #0c4f66; width: 220px; height: 190px; overflow: auto; background-color:#08394a; text-align:justify; float: right;">
  399. <h3>Beacon Hills</h3>
  400. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at libero ac nibh bibendum rhoncus. Mauris blandit urna ligula, ut elementum enim porta nec. Duis in efficitur tellus. Nulla vehicula ultricies lacinia. Curabitur luctus turpis in magna tempor, eget dictum mi semper. Ut ut scelerisque velit. Aliquam ex justo, pulvinar id risus et, consectetur tempor mi. Morbi eget lorem consectetur ex semper porttitor. In fringilla nunc maximus turpis pellentesque sollicitudin. Phasellus eleifend eleifend diam, sit amet rhoncus ligula tincidunt ac. Proin in egestas nisl, eu scelerisque leo. In hac habitasse platea dictumst. Proin dapibus dapibus quam ut pellentesque. Donec at justo nulla. In egestas metus id magna rhoncus, sit amet volutpat ipsum mattis. Nunc vel fermentum elit, sed iaculis ex.
  401.  
  402. <p>Nunc semper, sem id bibendum facilisis, purus metus gravida mauris, a auctor tortor dui luctus enim. Praesent tempor nisi turpis, at hendrerit arcu tempus id. Curabitur et lacus feugiat arcu maximus ultricies. Cras eu ultricies justo, sed imperdiet lectus. Maecenas viverra, felis in luctus mattis, ipsum dui consectetur lectus, ac ultricies enim nisi ut ipsum. Morbi volutpat pharetra leo. Cras sapien ligula, mollis vitae vulputate eu, luctus sed diam. Quisque risus ipsum, pretium eget urna quis, luctus sodales justo. Curabitur pretium, eros nec iaculis convallis, nunc urna mattis diam, a facilisis lorem eros a urna. Morbi in malesuada nunc.
  403.  
  404. <p>Nullam volutpat mattis purus vehicula mollis. Aliquam at ornare dui, nec fringilla risus. Sed vel aliquet nibh. Praesent tortor arcu, fringilla a magna ac, mattis scelerisque massa. Donec vel nibh velit. Morbi aliquet mi sed enim rhoncus, a dignissim erat ultricies. Suspendisse at enim non nisi faucibus congue. In viverra hendrerit posuere. Aliquam quis porta libero. Curabitur eget lacinia mauris. Praesent porttitor aliquet leo, id pellentesque massa semper nec. Aliquam ultrices porta neque, vel volutpat augue laoreet quis. Nulla consequat scelerisque sollicitudin. Proin et imperdiet nulla, in porta justo. Maecenas ultricies lectus vel nunc mattis bibendum.
  405.  
  406. <p>Proin sem urna, viverra at lectus sed, interdum vestibulum arcu. Maecenas vehicula augue a tempus maximus. Suspendisse eleifend eros at placerat hendrerit. Nulla facilisi. Duis in egestas neque. Integer elementum quam vitae arcu venenatis gravida. Aenean velit tortor, tristique a efficitur eu, imperdiet nec turpis. Mauris maximus ullamcorper dolor ut mollis. Maecenas arcu sem, facilisis nec molestie quis, blandit et diam. Ut tincidunt mauris condimentum lacus malesuada ultrices. Suspendisse potenti. Etiam nec varius orci. Ut urna odio, cursus quis urna quis, vulputate varius felis. Donec iaculis justo eget nulla dapibus tempus. In hac habitasse platea dictumst.
  407.  
  408. <p>Donec tempor tellus rhoncus dui placerat pulvinar. Cras pulvinar turpis sit amet nulla consequat, non dictum ante sodales. Curabitur varius eleifend justo, ac rutrum est pretium id. Ut sed fermentum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam malesuada eleifend odio, eu varius tellus interdum ac. Vestibulum commodo massa nec erat faucibus eleifend. Donec lacus dui, ultrices vel pulvinar sed, scelerisque et libero. Cras felis est, iaculis sed vehicula vel, finibus ac justo. Praesent blandit, orci quis pretium ullamcorper, arcu tortor tristique tortor, sit amet sagittis enim sem ac ante. Pellentesque in massa mattis, vulputate dolor sit amet, rutrum dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum augue sagittis lacinia feugiat. Morbi sollicitudin nisi orci.
  409. </div>
  410. <img src=https://i.imgur.com/W5pxBp1.png>
  411.  
  412.  
  413. <p><div style="border: 3px solid #0c4f66; width: 220px; height: 190px; overflow: auto; background-color:#08394a; text-align:justify; float: left;">
  414. <h3>Post-Beacon Hills</h3>
  415. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at libero ac nibh bibendum rhoncus. Mauris blandit urna ligula, ut elementum enim porta nec. Duis in efficitur tellus. Nulla vehicula ultricies lacinia. Curabitur luctus turpis in magna tempor, eget dictum mi semper. Ut ut scelerisque velit. Aliquam ex justo, pulvinar id risus et, consectetur tempor mi. Morbi eget lorem consectetur ex semper porttitor. In fringilla nunc maximus turpis pellentesque sollicitudin. Phasellus eleifend eleifend diam, sit amet rhoncus ligula tincidunt ac. Proin in egestas nisl, eu scelerisque leo. In hac habitasse platea dictumst. Proin dapibus dapibus quam ut pellentesque. Donec at justo nulla. In egestas metus id magna rhoncus, sit amet volutpat ipsum mattis. Nunc vel fermentum elit, sed iaculis ex.
  416.  
  417. <p>Nunc semper, sem id bibendum facilisis, purus metus gravida mauris, a auctor tortor dui luctus enim. Praesent tempor nisi turpis, at hendrerit arcu tempus id. Curabitur et lacus feugiat arcu maximus ultricies. Cras eu ultricies justo, sed imperdiet lectus. Maecenas viverra, felis in luctus mattis, ipsum dui consectetur lectus, ac ultricies enim nisi ut ipsum. Morbi volutpat pharetra leo. Cras sapien ligula, mollis vitae vulputate eu, luctus sed diam. Quisque risus ipsum, pretium eget urna quis, luctus sodales justo. Curabitur pretium, eros nec iaculis convallis, nunc urna mattis diam, a facilisis lorem eros a urna. Morbi in malesuada nunc.
  418.  
  419. <p>Nullam volutpat mattis purus vehicula mollis. Aliquam at ornare dui, nec fringilla risus. Sed vel aliquet nibh. Praesent tortor arcu, fringilla a magna ac, mattis scelerisque massa. Donec vel nibh velit. Morbi aliquet mi sed enim rhoncus, a dignissim erat ultricies. Suspendisse at enim non nisi faucibus congue. In viverra hendrerit posuere. Aliquam quis porta libero. Curabitur eget lacinia mauris. Praesent porttitor aliquet leo, id pellentesque massa semper nec. Aliquam ultrices porta neque, vel volutpat augue laoreet quis. Nulla consequat scelerisque sollicitudin. Proin et imperdiet nulla, in porta justo. Maecenas ultricies lectus vel nunc mattis bibendum.
  420.  
  421. <p>Proin sem urna, viverra at lectus sed, interdum vestibulum arcu. Maecenas vehicula augue a tempus maximus. Suspendisse eleifend eros at placerat hendrerit. Nulla facilisi. Duis in egestas neque. Integer elementum quam vitae arcu venenatis gravida. Aenean velit tortor, tristique a efficitur eu, imperdiet nec turpis. Mauris maximus ullamcorper dolor ut mollis. Maecenas arcu sem, facilisis nec molestie quis, blandit et diam. Ut tincidunt mauris condimentum lacus malesuada ultrices. Suspendisse potenti. Etiam nec varius orci. Ut urna odio, cursus quis urna quis, vulputate varius felis. Donec iaculis justo eget nulla dapibus tempus. In hac habitasse platea dictumst.
  422.  
  423. <p>Donec tempor tellus rhoncus dui placerat pulvinar. Cras pulvinar turpis sit amet nulla consequat, non dictum ante sodales. Curabitur varius eleifend justo, ac rutrum est pretium id. Ut sed fermentum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam malesuada eleifend odio, eu varius tellus interdum ac. Vestibulum commodo massa nec erat faucibus eleifend. Donec lacus dui, ultrices vel pulvinar sed, scelerisque et libero. Cras felis est, iaculis sed vehicula vel, finibus ac justo. Praesent blandit, orci quis pretium ullamcorper, arcu tortor tristique tortor, sit amet sagittis enim sem ac ante. Pellentesque in massa mattis, vulputate dolor sit amet, rutrum dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum augue sagittis lacinia feugiat. Morbi sollicitudin nisi orci.
  424. </div>
  425. <img src=https://i.imgur.com/RBdl5SS.png>
  426.  
  427.  
  428. -----INTEREST-----
  429. </td>
  430. </tr>
  431. </table>
  432. </td>
  433. </tr>
  434. </table>
  435. <br />
  436. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  437. <tr>
  438. <td>
  439. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  440. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
  441. <img src=https://i.imgur.com/N0ei5ea.png>
  442.  
  443. </td>
  444. </tr>
  445. </table>
  446. </td>
  447. </tr>
  448. </table>
  449. <br />
  450. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  451. <tr>
  452. <td>
  453. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  454. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
  455. <div style="border: 3px solid #0c4f66; width: 140px; height: 270px; overflow: auto; background-color:#08394a; text-align:justify; float: left; margin: 10px 0px 10px 10px;">
  456. <h2>The Info</h2>
  457. <p><b>name:</b> input here
  458. <p><b>age:</b> input here
  459. <p><b>sex:</b> input here
  460. <p><b>DOB:</b> input here
  461. <p><b>species:</b> input here
  462. <p><b>ethnicity:</b> input here
  463. <p><b>parents:</b> input here
  464. <p><b>siblings:</b> input here
  465. <p><b>children:</b> input here
  466. <p><b>hobbies:</b> input here
  467. <p><b>likes:</b> input here
  468. <p><b>dislikes:</b> input here
  469. </div>
  470. <img src=https://i.imgur.com/NltaNaM.png align=right>
  471.  
  472.  
  473.  
  474. </td>
  475. </tr>
  476. </table>
  477. </td>
  478. </tr>
  479. </table>
  480. <br />
  481. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  482. <tr>
  483. <td>
  484. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  485. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
  486.  
  487. <center><em>Debt List</em><br>
  488. <b>Starters:</b> 00 || <b>Replies:</b> 00 || <b>Messages:</b> 00
  489.  
  490. </td>
  491. </tr>
  492. </table>
  493. </td>
  494. </tr>
  495. </table>
  496. <br />
  497. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  498. <tr>
  499. <td>
  500. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  501. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
  502.  
  503. <div style="border: 3px solid #0c4f66; width: 350px; height: 270px; overflow: auto; background-color:#08394a; text-align:justify; float: left; margin: 10px 0px 10px 10px;">
  504. <h2>Personal Information</h2>
  505. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at libero ac nibh bibendum rhoncus. Mauris blandit urna ligula, ut elementum enim porta nec. Duis in efficitur tellus. Nulla vehicula ultricies lacinia. Curabitur luctus turpis in magna tempor, eget dictum mi semper. Ut ut scelerisque velit. Aliquam ex justo, pulvinar id risus et, consectetur tempor mi. Morbi eget lorem consectetur ex semper porttitor. In fringilla nunc maximus turpis pellentesque sollicitudin. Phasellus eleifend eleifend diam, sit amet rhoncus ligula tincidunt ac. Proin in egestas nisl, eu scelerisque leo. In hac habitasse platea dictumst. Proin dapibus dapibus quam ut pellentesque. Donec at justo nulla. In egestas metus id magna rhoncus, sit amet volutpat ipsum mattis. Nunc vel fermentum elit, sed iaculis ex.
  506.  
  507. <p>Nunc semper, sem id bibendum facilisis, purus metus gravida mauris, a auctor tortor dui luctus enim. Praesent tempor nisi turpis, at hendrerit arcu tempus id. Curabitur et lacus feugiat arcu maximus ultricies. Cras eu ultricies justo, sed imperdiet lectus. Maecenas viverra, felis in luctus mattis, ipsum dui consectetur lectus, ac ultricies enim nisi ut ipsum. Morbi volutpat pharetra leo. Cras sapien ligula, mollis vitae vulputate eu, luctus sed diam. Quisque risus ipsum, pretium eget urna quis, luctus sodales justo. Curabitur pretium, eros nec iaculis convallis, nunc urna mattis diam, a facilisis lorem eros a urna. Morbi in malesuada nunc.
  508.  
  509. <p>Nullam volutpat mattis purus vehicula mollis. Aliquam at ornare dui, nec fringilla risus. Sed vel aliquet nibh. Praesent tortor arcu, fringilla a magna ac, mattis scelerisque massa. Donec vel nibh velit. Morbi aliquet mi sed enim rhoncus, a dignissim erat ultricies. Suspendisse at enim non nisi faucibus congue. In viverra hendrerit posuere. Aliquam quis porta libero. Curabitur eget lacinia mauris. Praesent porttitor aliquet leo, id pellentesque massa semper nec. Aliquam ultrices porta neque, vel volutpat augue laoreet quis. Nulla consequat scelerisque sollicitudin. Proin et imperdiet nulla, in porta justo. Maecenas ultricies lectus vel nunc mattis bibendum.
  510.  
  511. <p>Proin sem urna, viverra at lectus sed, interdum vestibulum arcu. Maecenas vehicula augue a tempus maximus. Suspendisse eleifend eros at placerat hendrerit. Nulla facilisi. Duis in egestas neque. Integer elementum quam vitae arcu venenatis gravida. Aenean velit tortor, tristique a efficitur eu, imperdiet nec turpis. Mauris maximus ullamcorper dolor ut mollis. Maecenas arcu sem, facilisis nec molestie quis, blandit et diam. Ut tincidunt mauris condimentum lacus malesuada ultrices. Suspendisse potenti. Etiam nec varius orci. Ut urna odio, cursus quis urna quis, vulputate varius felis. Donec iaculis justo eget nulla dapibus tempus. In hac habitasse platea dictumst.
  512.  
  513. <p>Donec tempor tellus rhoncus dui placerat pulvinar. Cras pulvinar turpis sit amet nulla consequat, non dictum ante sodales. Curabitur varius eleifend justo, ac rutrum est pretium id. Ut sed fermentum quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam malesuada eleifend odio, eu varius tellus interdum ac. Vestibulum commodo massa nec erat faucibus eleifend. Donec lacus dui, ultrices vel pulvinar sed, scelerisque et libero. Cras felis est, iaculis sed vehicula vel, finibus ac justo. Praesent blandit, orci quis pretium ullamcorper, arcu tortor tristique tortor, sit amet sagittis enim sem ac ante. Pellentesque in massa mattis, vulputate dolor sit amet, rutrum dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elementum augue sagittis lacinia feugiat. Morbi sollicitudin nisi orci.
  514. </div>
  515.  
  516. </td>
  517. </tr>
  518. </table>
  519. </td>
  520. </tr>
  521. </table>
  522. <br />
  523. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  524. <tr>
  525. <td>
  526. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  527. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
  528. <center>
  529. <div style="border: 3px solid #0c4f66; width: 175px; height: 150px; overflow: auto; background-color:#08394a; text-align:justify; float: left;">
  530. <a href=/xxxxxx class=third>link</a>
  531. <a href=/xxxxxx class=third>link</a>
  532. <a href=/xxxxxx class=third>link</a>
  533. <a href=/xxxxxx class=third>link</a>
  534. <a href=/xxxxxx class=third>link</a>
  535. <a href=/xxxxxx class=third>link</a>
  536. <a href=/xxxxxx class=third>link</a>
  537. <a href=/xxxxxx class=third>link</a>
  538. <a href=/xxxxxx class=third>link</a>
  539. <a href=/xxxxxx class=third>link</a>
  540. <a href=/xxxxxx class=third>link</a>
  541. <a href=/xxxxxx class=third>link</a>
  542. <a href=/xxxxxx class=third>link</a>
  543. <a href=/xxxxxx class=third>link</a>
  544. <a href=/xxxxxx class=third>link</a>
  545. <a href=/xxxxxx class=third>link</a>
  546. <a href=/xxxxxx class=third>link</a>
  547. <a href=/xxxxxx class=third>link</a>
  548. <a href=/xxxxxx class=third>link</a>
  549. <a href=/xxxxxx class=third>link</a>
  550. <a href=/xxxxxx class=third>link</a>
  551. </div>
  552.  
  553. <div style="border: 3px solid #0c4f66; width: 175px; height: 150px; overflow: auto; background-color:#08394a; text-align:justify; margin: 0px 0px 0px 10px; float: left;">
  554. <h2>My Love</h2>
  555. <b>Status:</b> Input<p>
  556. <b>By:</b> <a href=/xxxxxx class=second>link here</a><p>
  557. <b>On:</b> Input<p>
  558. <b>First Date:</b> Input<p>
  559. <b>Engaged:</b> Input<p>
  560. <b>Married:</b> Input<p>
  561. </div>
  562.  
  563. </center>
  564.  
  565. </td>
  566. </tr>
  567. </table>
  568. </td>
  569. </tr>
  570. </table>
  571. <br />
  572. <table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="375" bgcolor="ffcc99" border="0">
  573. <tr>
  574. <td>
  575. <table bordercolor="000000" cellspacing="0" cellpadding="0" width="375" align="left" bgcolor="ffffff" border="0">
  576. <td valign="top" align="left" width="375" bgcolor="ffffff" style="word-wrap:break-word">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement