API tools faq
paste
Advertisement
DarkRaevon

Arianna's layout

DarkRaevon
Jan 5th, 2019
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.05 KB | None | 0 0
raw download clone embed print report
  1. ** First off, Please know that I do not own the codes nor am I stating at all that they are mine. The codes have been provived by Cryptic, of Sinful Misfortune. The credit must stay intact in the style sheet at all times. It's a simple rule. So, please don't be an asshole and remove the credit and claim the codes as your own.**
  2. - Hello and thank you for choosing, Chatonoir to full fill your custom work needs. Know that you requesting my services is greatly appreciated and I hope that you come back for more custom work in the feature. Again, thank you for choosing me and I hope that you're satisfied with your order.
  3. -Basic HTML coding is needed to do any changes if you have any. Please be sure to save a back up copy of your layout before you do any changes to be sure that you don't loose the default settings of your order.
  4. If you would like any graphic changes at any time, don't hesitate to ask and if you have any other questions don't hesitate to ask.
  5. Thank you, Chatonoir. <3
  6.  
  7. ---------------------------------about me---------------------------------------------------------
  8. <span class="text"><body oncontextmenu="alert('©Codes belong to Sinful Misfortune (725475), graphics/ layout manipulation done by Chatonoir (1350), character devlopment and writing belong to your character name (ID number). Stealing is prohibited.');return false;"><body onkeydown="alert('©All rights reserved to, your character name (ID number). Stealing is prohibited.');return false;"><body ondragstart="alert('©All rights reserved toyour character name (ID number). Stealing is prohibited.');return false;">
  9.  
  10. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
  11.  
  12.  
  13. <style>
  14.  
  15.  
  16. .amore {background properties}
  17. table, tr, td { background-color:transparent; border:none; border-width:0;}
  18. body {
  19. margin-top: 4px;
  20. margin-left: 500px;}
  21. .block {padding: 5px;
  22. text-align: left; }
  23.  
  24.  
  25.  
  26. .amore {table properties}
  27. table table {border: 0px}
  28. table table table table{border:0px}
  29. table table table {
  30. border-style:solid;
  31. border-width:11px;
  32. padding:0px;
  33. border-color:#000000;
  34. background-color:#000000; }
  35.  
  36. <style>
  37.  
  38. .mygen { Background Properties }
  39. table, tr, td { background-color:transparent; border:none; border-width:0;}
  40. body {
  41. background-color:#EAEAEA;
  42. background-image:url('https://i.imgur.com/hTm4jpB.jpg');
  43. background-attachment: fixed;
  44. background-position:center;
  45. background-repeat:repeat;
  46. scrollbar-face-color:#4b6b82;
  47. scrollbar-highlight-color:4b6b82;
  48. scrollbar-3dlight-color:4b6b82;
  49. scrollbar-shadow-color:4b6b82;
  50. scrollbar-darkshadow-color:4b6b82;
  51. scrollbar-arrow-color:#000000;
  52. scrollbar-track-color:#D9D9D9;
  53. }
  54.  
  55.  
  56.  
  57. ::-webkit-scrollbar {
  58. width:4px;
  59. height:5px;
  60. background:#000000;
  61. border-left:4px solid #000000;
  62. border-right:4px solid #000000;
  63. border-bottom:11px solid #151414;
  64. border-top:11px solid #151414;
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb {
  68. background-color:#151414;
  69. border-bottom:1px solid #000000;
  70. border-top:1px solid #000000;
  71. border-left: 1px solid #000000;
  72. border-right:1px solid #000000;
  73. }
  74.  
  75.  
  76.  
  77.  
  78.  
  79. .amore {text properties}
  80. table, tr, td, li, p, div {
  81. font-family:arial;
  82. color:#3C3C3C;
  83. font-size:9px;
  84. line-height:8px;
  85. }
  86.  
  87. a:active, a:visited, a:link {
  88. font-family:terminal;
  89. color:#white;
  90. font-size:8px;
  91. font-weight:normal;
  92. text-transform: uppercase;
  93. -webkit-transition: all 0.6s ease-out;
  94. -moz-transition: all 0.6s ease-out;
  95. }
  96.  
  97. a:hover {
  98. color:white;
  99. font-size:8px;
  100. text-decoration: none;
  101. }
  102.  
  103. </style>
  104.  
  105.  
  106.  
  107.  
  108. <style>
  109. I {
  110. font-family: Georgia;
  111. font-size: 10px;
  112. line-height: 9px;
  113. color:#1e2129;
  114. font-weight: normal;
  115. letter-spacing: 0px;
  116. text-transform: capital-lowercase;
  117. }
  118.  
  119.  
  120. b {
  121. font-family: Georgia;
  122. font-weight: bold;
  123. font-size: 10px;
  124. color:#3C3435;
  125. letter-spacing: 2px;
  126. text-transform: capital-lowercase;
  127. }
  128.  
  129.  
  130.  
  131. b2 {
  132. font-family:Georgia;
  133. font-weight: normal;
  134. font-weight:bold;
  135. font-size: 9px;
  136. color:#404040;
  137. letter-spacing:1px;
  138. text-transform:lowercase;
  139. }
  140.  
  141.  
  142.  
  143. u {
  144. font-family: Georgia;
  145. font-size: 10px;
  146. color:white;
  147. background-color:#504543;
  148. line-height: 9px;
  149. font-weight: normal;
  150. text-transform: capital-lowercase;
  151. letter-spacing: 2px;
  152. }
  153.  
  154.  
  155.  
  156. tt {
  157. font-family:ms gothic ;
  158. font-size: 10px;
  159. color:#4d4f46;
  160. line-height: 9px;
  161. font-weight: normal;
  162. text-transform: uppercase;
  163. letter-spacing: 2px;
  164. }
  165.  
  166.  
  167. em {
  168. font-family:times NR ;
  169. font-size: 19px;
  170. color:#b0a9a8;
  171. line-height: 10px;
  172. font-weight: normal;
  173. text-transform: normal;
  174. }
  175. </style>
  176.  
  177. <style>
  178.  
  179.  
  180. h1 {
  181. font-family:Georgia;
  182. text-transform: lower-capital;
  183. font-style: italic;
  184. font-size:25px;
  185. font-weight:bold;
  186. text-align:center;
  187. color:#404040;
  188. margin:10px;
  189. padding:0px;
  190. line-height:5px;
  191. letter-spacing: -2px;
  192. }
  193.  
  194.  
  195.  
  196. h2 {
  197. font-family: ms gothic;
  198. font-style:normal;
  199. font-size:10px;
  200. font-weight:normal;
  201. background-color:#0A0A0A;
  202. text-transform: uppercase;
  203. text-align:center;
  204. color:#404040;
  205. margin:1px;
  206. padding:2px;
  207. line-height:5px;
  208. letter-spacing: 2px;
  209. border-bottom: 1px solid #404040;
  210. padding:4px;
  211.  
  212. }
  213.  
  214.  
  215.  
  216.  
  217. h3 {
  218. font-family: ms gothic ;
  219. color:#404040;
  220. background-color:#000000;
  221. font-size: 10px;
  222. text-align: center;
  223. text-transform: uppercase;
  224. font-weight: normal;
  225. line-height: 10px;
  226. margin:0px;
  227. padding:0px;
  228. letter-spacing: 2px; }
  229.  
  230.  
  231.  
  232. h4 {
  233. font-family: courier new;
  234. color:#000000;
  235. background-color:#FFFFFF;
  236. font-size: 8px;
  237. text-align: center;
  238. text-transform: uppercase;
  239. font-weight: normal;
  240. line-height: 8px;
  241. margin:0px;
  242. padding:0px;
  243. border-right: 60px solid #A09F9B;
  244. letter-spacing: 2px; }
  245.  
  246.  
  247. H5 {
  248. font-family:courier new ;
  249. text-transform: uppercase;
  250. color:#000000;
  251. background-color:#FFFFFF;
  252. font-size: 8px;
  253. text-align: center;
  254. font-weight: normal;
  255. line-height: 8px;
  256. margin:2px;
  257. padding:0px;
  258. border-right: 6px solid #a37b64;
  259. border-left: 6px solid #a37b64;
  260. letter-spacing: 2px; }
  261.  
  262.  
  263.  
  264.  
  265. H6 {
  266. font-family:courier new ;
  267. text-transform: uppercase;
  268. color:#653b2a;
  269. background-color:#FFFFFF;
  270. font-size: 8px;
  271. text-align: center;
  272. font-weight: normal;
  273. line-height: 9px;
  274. margin:2px;
  275. padding:0px;
  276. border-right: 20px solid #FFFFFF;
  277. border-left: 20px solid #white;
  278. letter-spacing: 2px; }
  279. </style>
  280.  
  281.  
  282. <style>
  283. a.first:active, a.first:visited, a.first:link {
  284. display: block;
  285. border-left: 2px solid #000000;
  286. border-right: 2px solid #000000;
  287. background-color: #0A0A0A;
  288. padding-left: 10px;
  289. font-size: 9px;
  290. font-family: Georgia;
  291. font-weight: bold;
  292. font-style:italic;
  293. color:#404040;
  294. text-transform: lowercase;
  295. letter-spacing: 1px;
  296. line-height: 16px;
  297. margin-bottom: 2px;
  298. margin-top:2px;
  299. -webkit-transition: all 0.6s ease-out;
  300. -moz-transition: all 0.6s ease-out;
  301. }
  302.  
  303.  
  304. a.first:hover {
  305. border-left: 2px solid #white;
  306. border-right: 2px solid #white;
  307. color:#000000;
  308. background-color:#0A0A0A;
  309. }
  310.  
  311.  
  312.  
  313.  
  314. </style>
  315. <style>.lightbluetext8 {display:none;}</style>
  316. <style>
  317. table.profileInfo td td {display:none;}
  318. table.profileInfo td td.text {display:table-cell; _display:inline;}
  319.  
  320.  
  321. </style>
  322. <style> div td {display:none;}
  323. table {top:0px; position:relative;}
  324. table table {top:0px; position:relative;}</style>
  325. <style>.profileInfo {display:none;}</style>
  326. <style>body{margin-top:-20px;}</style>
  327. <style>.mslogo {display: none;}</style>
  328.  
  329. <style> table div {display:none;} table table div, div table div {display:block;}</style>
  330.  
  331.  
  332. <style>
  333. table.interestsAndDetails, table.interestsAndDetails td {border:0px; background-color:transparent;}
  334. table.interestsAndDetails span.lightbluetext8,
  335. table.interestsAndDetails td.text {display:none;}
  336. table.interestsAndDetails td td {width:0px; padding:0px;}
  337. </style>
  338.  
  339.  
  340. <style>
  341. .interestsAndDetails { display:none; }
  342. .friendSpace, .friendsComments{display:none!important;}
  343. .{hide text properties}
  344. .whitetext12{display: none;}
  345. .lightbluetext8{display: none;}
  346. .blacktext12 {display: visible;}
  347. .{Hidden Sections}
  348. .blurbs{display:none;visibility:hidden;}
  349. .friendSpace { display:none; }
  350. .contactTable { display: none; }
  351. .interestsAndDetails { display:none; }
  352. .latestBlogEntry { display:none; }
  353. .friendsComments { display:none; }
  354. .userProfileDetail{ display:none; }
  355. .extendednetwork {display:none;}
  356. .userProfileURL{display:none;}
  357. .navigationbar{display:none;}
  358. .userProfileURL {display:none;}
  359. </style>
  360.  
  361.  
  362. <style>
  363. .extendedNetwork { display:none;}
  364. table tr td div font {display: none;}
  365. .latestBlogEntry {display: none;}
  366. div table td font {display: none;}
  367. body div table td form img{display:none!important;}
  368. a.text, table div font a, table div div {visibility:hidden;}
  369. table table div font a, table table div div {visibility:visible;}
  370. img {border:0px;}
  371. table tr td div font {display: none;}
  372. </style>
  373.  
  374.  
  375. <style>
  376. br{line-height:1px!important;}
  377. td.text table position:relative;top: -00px;}td.text table table{position:static;</style>
  378. <style>td.text table {position:relative; top: -00px;}td.text table table {position:static;}</style>
  379. <style>td.text table {position:relative; top: -20px;}td.text table table {position:static;}</style>
  380. <style>.a {hide top search bar} div div select, div div form {display:none !important;}</style>
  381. <style>.orangetext15 {visibility:hidden; display:none;}</style>
  382.  
  383.  
  384. <style>
  385. a.text, table div font a, table div div {visibility:hidden;}
  386. td{text-align:}
  387. a.text, table div font a, table div div {visibility:hidden;}
  388. div td font {visibility:hidden;}.navbar {visibility:visible;}
  389. table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}
  390. </style>
  391.  
  392.  
  393.  
  394. <BODY oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
  395. surround it with <style> </style>
  396.  
  397. ------------------------who i like to meet------------------------------------------------------------------
  398. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  399.  
  400.  
  401.  
  402.  
  403. <img src="https://i.imgur.com/R6veuJs.png">
  404.  
  405.  
  406.  
  407. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  408.  
  409.  
  410. <center>
  411.  
  412. <div style="float: left; width: 11%;">
  413. <a href="http://www.roleplayer.me/home.php" class="first"> link</a> </div>
  414.  
  415. <div style="float: left; width: 11%;">
  416. <a href="http://www.roleplayer.me/linkhere" class="first">link </a> </div>
  417.  
  418. <div style="float: left; width: 11%;">
  419. <a href="http://www.roleplayer.me/linkhere" class="first">link</a> </div>
  420.  
  421.  
  422. <div style="float: left; width: 11%;">
  423. <a href="http://www.roleplayer.me/linkhere" class="first">link</a> </div>
  424.  
  425. <div style="float: left; width: 12%;">
  426. <a href="http://www.roleplayer.me/linkhere" class="first">link</a> </div>
  427.  
  428. <div style="float: left; width: 11%;">
  429. <a href="http://www.roleplayer.me/linkhere" class="first">link</a> </div>
  430.  
  431. <div style="float: left; width: 11%;">
  432. <a href="http://www.roleplayer.me/link" class="first">link</a> </div>
  433.  
  434.  
  435.  
  436. <div style="float: left; width: 11%;">
  437. <a href="url" class="first">link</a> </div>
  438.  
  439.  
  440. <div style="float: left; width: 11%;">
  441. <a href="http://www.roleplayer.me/view_profile.php?member_id=725475" class="first">codes</a> </div>
  442. </center>
  443.  
  444.  
  445.  
  446. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  447.  
  448.  
  449.  
  450.  
  451.  
  452. <h1>about me and history quote title goes here. </h1>
  453.  
  454. <img src="https://i.imgur.com/Wn7LiDS.gif" border="0" align="right" />
  455.  
  456.  
  457.  
  458. <div style="float: left; border: 1px solid #white; width:260px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  459.  
  460. <h2>about me</h2>
  461.  
  462. <img src="https://i.imgur.com/vm67zfV.png" border="0" align="left" />
  463.  
  464.  
  465. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  466.  
  467. <br><br>
  468.  
  469. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  470.  
  471. <br><br>
  472.  
  473.  
  474. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  475.  
  476. <br><br>
  477.  
  478. <img src="https://i.imgur.com/eUNl894.png" border="0" align="right" />
  479.  
  480. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  481.  
  482. <br><br>
  483.  
  484. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  485. </div>
  486.  
  487.  
  488. <div style="float: right; border: 1px solid #white; width:260px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  489.  
  490. <h2>timeline</h2>
  491.  
  492. <img src="https://i.imgur.com/Abkqy2R.png" border="0" align="left" />
  493.  
  494.  
  495. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  496.  
  497. <br><br>
  498.  
  499. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  500.  
  501. <br><br>
  502.  
  503. <img src="https://imgur.com/0qw0il4.png" border="0" align="right" />
  504.  
  505. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  506.  
  507. <br><br>
  508.  
  509. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  510.  
  511. <br><br>
  512.  
  513. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  514. </div>
  515.  
  516.  
  517.  
  518.  
  519. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  520.  
  521.  
  522. <center> <img src="https://i.imgur.com/491yr35.png"></center>
  523.  
  524.  
  525.  
  526. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  527.  
  528. <h3>I would have drunk you like wine... but I've got enough poison to turn into a viper already.</h3>
  529.  
  530.  
  531. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  532.  
  533.  
  534. <h1>the background information and other details. </h1>
  535.  
  536. <div style="float:left; border: 1px solid #white; width:233px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  537.  
  538.  
  539. <h2>the basics</h2>
  540.  
  541. <img src="https://i.imgur.com/alZLLrd.png" border="0" align="left" />
  542.  
  543. <b>[full name]:</b>Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit.<br></i>
  544. <b>[nicknames]:</b> <i>Aenean sed urna</i>. <br>
  545. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  546.  
  547. <br><br>
  548.  
  549. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  550.  
  551. <br><br>
  552.  
  553. <img src="https://i.imgur.com/2pIXqXu.png" border="0" align="right" />
  554.  
  555. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  556.  
  557.  
  558. </div>
  559.  
  560.  
  561. <div style="float:center; border: 1px solid #white; width:234px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  562.  
  563.  
  564. <h2>Personality</h2>
  565.  
  566. <img src="https://imgur.com/Z4UtEJE.png" border="0" align="left" />
  567.  
  568.  
  569. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  570.  
  571. <br><br>
  572.  
  573. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  574.  
  575. <br><br>
  576.  
  577. <img src="https://imgur.com/323FN9L.png" border="0" align="right" />
  578.  
  579. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  580.  
  581.  
  582. </div>
  583.  
  584.  
  585. <div style="float: right; border: 1px solid #white; width:233px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  586.  
  587. <h2>power and abilties</h2>
  588.  
  589. <img src="https://imgur.com/ebgAg26.png" border="0" align="left" />
  590.  
  591.  
  592. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  593.  
  594. <br><br>
  595.  
  596. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  597.  
  598. <br><br>
  599.  
  600.  
  601. <img src="https://imgur.com/Lg0DQ3r.png" border="0" align="right" />
  602.  
  603. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  604.  
  605.  
  606. </div>
  607.  
  608.  
  609.  
  610.  
  611. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  612.  
  613. <center> <img src="https://imgur.com/3PbOCuD.png"></center>
  614.  
  615.  
  616.  
  617. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  618.  
  619.  
  620. <h3>Smoke dancing once again, a stare of acceptance... Dare to dance with me?</h3>
  621.  
  622.  
  623.  
  624. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="700" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="700" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="700" align="" bgcolor="black" border="0"> <td valign="top" align="" width="700" bgcolor="black" style="word-wrap:break-word">
  625.  
  626.  
  627. <h1>family and connections title quote goes here.</h1>
  628.  
  629. <img src="https://i.imgur.com/ZjLddVR.gif" border="0" align="left" />
  630.  
  631. <div style="float: left; border: 1px solid #white; width:198px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  632.  
  633. <h2>My beloved sisters.</h2>
  634.  
  635. <img src="https://i.imgur.com/oGy4qEt.png" border="0" align="left" />
  636.  
  637. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  638.  
  639. <br><br>
  640.  
  641.  
  642.  
  643. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  644.  
  645. <br><br>
  646.  
  647. <img src="https://i.imgur.com/1SQAgDd.png" border="0" align="right" />
  648.  
  649. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  650.  
  651. <br><br>
  652.  
  653. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  654.  
  655. <br><br>
  656.  
  657. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  658. </div>
  659.  
  660.  
  661.  
  662. <div style="float: right; border: 1px solid #white; width:124px; height: 178px; overflow: auto; display: inline-block;text-align: justify;">
  663.  
  664. <h2>connection.</h2>
  665.  
  666.  
  667.  
  668. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  669.  
  670. <br><br>
  671.  
  672. <h2>connection.</h2>
  673.  
  674.  
  675. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  676.  
  677. <br><br>
  678.  
  679. <h2>connection.</h2>
  680. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  681.  
  682. <br><br>
  683.  
  684. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  685.  
  686. <br><br>
  687.  
  688. Lorem ipsum dolor sit amet, <i>consectetuer adipiscing elit. Aenean sed urna</i>. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. <i>Nulla facilisi</i>. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. <b>Ut euismod justo</b> at elit. Quisque in massa. Nullam ut justo. Donec a diam. <tt>Ut nec sapien in velit</tt> ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. <u>Fusce consectetuer</u>, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi.
  689. </div>
  690.  
  691. <center>
  692. <div style="float: right; width: 21%;">
  693.  
  694.  
  695. <a href="url" class="first">display name.</a>
  696.  
  697. <a href="url" class="first">display name.</a>
  698.  
  699. <a href="url" class="first">display name.</a>
  700.  
  701. <a href="url" class="first">display name.</a>
  702.  
  703. <a href="url" class="first">display name.</a>
  704.  
  705. <a href="url" class="first">display name.</a>
  706.  
  707. <a href="url" class="first">display name.</a>
  708.  
  709. <a href="url" class="first">display name.</a>
  710.  
  711. <a href="url" class="first">display name.</a>
  712.  
  713. <a href="url" class="first">display name.</a>
  714.  
  715. </div>
  716.  
  717.  
  718. <div style="float: right; width: 21%;">
  719.  
  720. <a href="url" class="first">display name.</a>
  721.  
  722. <a href="url" class="first">display name.</a>
  723.  
  724. <a href="url" class="first">display name.</a>
  725.  
  726. <a href="url" class="first">display name.</a>
  727.  
  728. <a href="url" class="first">display name.</a>
  729.  
  730. <a href="url" class="first">display name.</a>
  731.  
  732. <a href="url" class="first">display name.</a>
  733.  
  734. <a href="url" class="first">display name.</a>
  735.  
  736. <a href="url" class="first">display name.</a>
  737.  
  738. <a href="url" class="first">display name.</a>
  739.  
  740. </div></center>
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!