Advertisement
mebuckner

Summer Free Layout

Jul 25th, 2020
1,675
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 34.29 KB | None | 0 0
  1. This layout was made by Edits By M (/1631904). Do not remove any credit, claim this layout as your own, or use this on an account that has not asked for it. Thank you SO much for wanting to use this layout. You are wonderful.
  2.  
  3. *************************************ABOUT ME*************************************
  4. <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Lobster" rel="stylesheet">
  5. <style type="text/css">
  6. .Edits by M { This layout is made by Edits by M /1631904 do not remove credit. That would make you icky.}
  7.  
  8. .Edits by M { Cursor }
  9. body, a:hover {
  10. cursor: url('https://cdn.custom-cursor.com/db/pointer/32/aquarelle_tropical_leaf_pointer.png'), progress !important;
  11. }
  12.  
  13. .Edits by M { Background }
  14. table, tr, td {background-color:transparent;}
  15.  
  16.  
  17. .Edits by M  { Body }
  18. body {
  19. background-color:#020200;
  20. background-image:url("https://i.imgur.com/oHKQRht.png");
  21. background-size:cover;
  22. background-attachment:fixed;
  23. background-repeat:repeat;
  24. background-position:center;
  25. margin-left:10px;
  26. margin-top:100px;
  27. }
  28.  
  29.  
  30. .Edits by M { Scrollbar }
  31. ::-webkit-scrollbar {
  32.     display: none;
  33. }
  34.  
  35. .alignRightPic{
  36. margin-right:150px;
  37. }
  38.  
  39. table.profileInfo {display:none;}
  40.  
  41. .mygen { Tables }
  42. td.text table table {
  43. position:static;
  44. }
  45.  
  46. .abtstats {
  47. position:absolute;
  48. width:290px;
  49. top:75px;
  50. height:114px;
  51. margin-left:0px; }
  52.  
  53.      
  54.      .answer span,.convo li {
  55.     margin:0 0 5px;
  56.     border-radius:1em;
  57.     padding:.5em 10px;
  58.     max-width:75%;
  59.     clear:both;
  60.     position:relative;
  61. }
  62. .user_1 {
  63.     float:left;
  64.     background:#ffffff;
  65.     color:#949494;
  66.     left:3px;
  67.     text-align:justify;
  68. font:12px 'Arial';
  69. color:#387983;
  70. }
  71. .me::after,.user_1::after {
  72.     content:"";
  73.     position:absolute;
  74.     left:-.5em;
  75.     bottom:0;
  76.     width:.5em;
  77.     height:1em;
  78.     border-right:.5em solid #ffffff;
  79.     border-bottom-right-radius:1em .5em;
  80. }
  81.  
  82. .macaronlinks1{
  83. height: 73px;
  84. margin-top: 10px;
  85. display: inline-block;
  86.  
  87. }
  88.  
  89. .macaronlinks2{
  90. height: 73px;
  91. margin-top: 10px;
  92. display: inline-block;
  93. margin-left: 50px;
  94. }
  95.  
  96. .macaronlinks3{
  97. height: 73px;
  98. margin-top: 10px;
  99. display: inline-block;
  100. margin-left: 50px;
  101. }
  102.  
  103. .macaronlinks4{
  104. height: 73px;
  105. margin-top: 10px;
  106. display: inline-block;
  107. margin-left: 50px;
  108. }
  109.  
  110. .macaronlinks5{
  111. height: 73px;
  112. margin-top: 10px;
  113. display: inline-block;
  114. margin-left: 50px;
  115. }
  116.  
  117.  
  118. #macaronlink1e {
  119.     margin-left:25px;
  120.     margin-top:5px;
  121. }
  122.  
  123.  
  124. #macaronlink1a {
  125.     width: 80px;
  126.     height: 23px;
  127.     border-top-left-radius: 40px;
  128.     border-top-right-radius: 40px;
  129.     background-color: #e5a5a2;
  130.     border-bottom: 2px dotted #407c86;
  131. }
  132.  
  133. #macaronlink1b {
  134.     z-index: 999;
  135.     width: 80px;
  136.     height: 15px;
  137.     padding-top: 0px;
  138.     border-radius: 4px;
  139.     font-family: tinytots;
  140.     font-size: 8px;
  141.     letter-spacing: 1px;
  142.     text-transform: uppercase;
  143.     text-align: center;
  144.     background-color: #407c86;
  145. }
  146.  
  147. #macaronlink1b a {
  148.     text-decoration: none;
  149.     color: #fff;
  150. }
  151.  
  152. #macaronlink1c {
  153.     width: 80px;
  154.     height: 23px;
  155.     margin-bottom:5px;
  156.     border-bottom-left-radius: 40px;
  157.     border-bottom-right-radius: 40px;
  158.     background-color: #e5a5a2;
  159.     border-top: 2px dotted #407c86;
  160. }
  161.  
  162.  
  163. .me,.user_2 {
  164.     right:3px;
  165.     float:right;
  166.     background-color:#387a83;
  167.      text-align:justify;
  168. font:12px 'Arial';
  169. color:#fff;
  170. }
  171. .user_2::after {
  172.     content:"";
  173.     position:absolute;
  174.     right:-.5em;
  175.     bottom:0;
  176.     width:.5em;
  177.     height:1em;
  178.     border-left:.5em solid #387a83;
  179.     border-bottom-left-radius:1em .5em;
  180. }
  181.  
  182.         .convo {
  183.             overflow: hidden;
  184.             list-style-type: none;
  185.             padding: 0;
  186.             margin: 7;
  187.         }
  188.        
  189.      
  190. .topBar{
  191. top:0;
  192. left:0;
  193. width:100%;
  194. height:90px;
  195. background-color:#000;
  196. position:fixed;
  197. background:#ffffff;
  198. border-bottom:3px solid #387983;
  199. z-index:999;
  200. text-align:center;
  201. }
  202.  
  203. #leftHeader {
  204. height:auto;
  205. margin-left: 5px;
  206. margin-top: -260px;
  207. position:absolute;
  208. }
  209.  
  210. #bottomDiv {
  211. background-color:#efcec9;
  212. width:228px;
  213. height:228px;
  214. overflow:auto;
  215. margin-left:30px;
  216. margin-top:-258px;
  217. position:absolute;
  218. color:#000;
  219. }
  220.  
  221. h1{
  222. font:40px 'Lobster', cursive;
  223. color:#407c86;
  224. text-align:center;
  225. display:block;
  226. margin:0;
  227. line-height:40px;
  228. text-align:center;
  229. border-bottom:3px solid #fff;
  230. text-shadow: 1px 1px 1px #fff;
  231. z-index:0;}
  232.  
  233. b{
  234. color:#ffffff;
  235. }
  236.  
  237. t{
  238. font: 13px vijaya;
  239. text-transform:;
  240. color:DCC9BA;
  241. background-color:;
  242. line-height:10px;
  243. }
  244.  
  245. h2{
  246. font:14px georgia;
  247. margin-top:-5px;
  248. color:#dfd4cd;
  249. line-height:27px;
  250. letter-spacing:3px;
  251. display:block;  
  252. text-align:center;
  253. text-transform:uppercase;
  254. background:#ffffff;
  255. padding:6px 5px 5px 5px;
  256. border-bottom:3px solid #dfd4cd;}
  257.  
  258.  
  259. h3{
  260. font:30px 'Lobster', cursive;
  261. color:#e5a5a2;
  262. text-align:center;
  263. display:block;
  264. margin:0;
  265. line-height:30px;
  266. text-align:center;
  267. border-bottom:3px solid #fff;
  268. text-shadow: 1px 1px 1px #fff;}
  269.  
  270.  
  271. h4{
  272. font:14px georgia;
  273. margin-top:0px;
  274. color:#dfd4cd;
  275. line-height:27px;
  276. letter-spacing:3px;
  277. display:block;  
  278. text-align:center;
  279. text-transform:uppercase;
  280. background:#ffffff;
  281. padding:6px 5px 5px 5px; }
  282.  
  283. table table table {
  284. background-color:#fff;
  285. padding:3px;
  286. border-color:#fff;
  287. border:3px solid #387a83;
  288. }
  289.  
  290. table table table table{
  291. border:3px solid #387a83;
  292. }
  293.  
  294. .mygen { Main Text & Links }
  295. table, tr, td, li, p, div {
  296. font:10px 'Arial';
  297. color:#387983;
  298. line-height:12px;
  299. }
  300.  
  301. a:active, a:visited, a:link {
  302. font:12px 'Pathway Gothic One';
  303. color:#535233;
  304. }
  305.  
  306. a:hover {
  307. color:#aba09d;
  308. }
  309.  
  310.  div[id="googlebar"],div div select{opacity:0;filter:alpha(opacity=0);display:none !important;position:absolute !important;bottom:2000px !important;} .clearfix {display:none !important;position:absolute!important;} table table br {line-height:3px} table table table br {line-height:5px;} .a {hide top search bar} div div select, div div form {display:none !important;} select { visibility:hidden!important; WIDTH:0px!important;} .note {bring the tables up more} td.text table {position:relative; top: -20px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;} /*HIDECODES*/ table .nametext {display:none;} .extendednetwork{display:none;} .blurbs{display:none;} .userprofileurl{display:none;} .userprofiledetail{display:none;} .interestsanddetails{display:none;} .latestblogentry{display:none;} .mslogo{display:none;} .friendscomments{display:none;} .friendspace{display:none;} .contacttable{display:none;} .lightbluetext8{display:none;} .Do Not Hide The Profile Ads{display:none;} .userAlbums{display:none;} td.text table {position:relative; top: -11px;} td.text table table {position:static;} .lightbluetext8 {display:none;}table table table table td {width:0px;} .contactTable td, table table td.text table td,table table table table table td {width:auto;} div td {display:none;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap !important;} table.profileInfo table tr:last-child {display:none;} #footerWarpper{display: none;} .profileInfo .text {font:12px 'Archivo Narrow'; color:#696969; line-height:12px;} #jm a {background-image:url("")!important; background-repeat:no-repeat!important; width:58px!important; height:13px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; left:0px!important; opacity:0.3!important;} a:hover {opacity:1!important;}table table table table {position:static;}
  311.  
  312.  
  313. .mygen {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:4px;} table table table table {margin-top:0px;
  314. </style>
  315.  
  316.  
  317. *************************************LIKE TO MEET*************************************
  318. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  319. <div class="topBar">
  320.  
  321. <div class="macaronlinks1">
  322. <div id="macaronlink1a"></div>
  323. <div id="macaronlink1b"><a href="/">home</a></div>
  324. <div id="macaronlink1c"></div>
  325. </div>
  326.  
  327.  
  328. <div class="macaronlinks2">
  329. <div id="macaronlink1a"></div>
  330. <div id="macaronlink1b"><a href="/send_message.php?member_id=">message</a></div>
  331. <div id="macaronlink1c"></div>
  332. </div>
  333.  
  334.  
  335. <div class="macaronlinks3">
  336. <div id="macaronlink1a"></div>
  337. <div id="macaronlink1b"><a href="/add_comment.php?member_id=">comment</a></div>
  338. <div id="macaronlink1c"></div>
  339. </div>
  340.  
  341. <div class="macaronlinks4">
  342. <div id="macaronlink1a"></div>
  343. <div id="macaronlink1b"><a href="/gallery.php?member_id=">photos</a></div>
  344. <div id="macaronlink1c"></div>
  345. </div>
  346.  
  347. <div class="macaronlinks5">
  348. <div id="macaronlink1a"></div>
  349. <div id="macaronlink1b"><a href="/1631904">credit</a></div>
  350. <div id="macaronlink1c"></div>
  351. </div>
  352.  
  353. </div>
  354. <img src="https://i.imgur.com/k9DFhgw.png" width="440px">
  355.  
  356.  
  357. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  358. <center>
  359. <div style="width: 195px; padding:10px; height: 200px; text-align: justify; overflow: auto; float: left; border-right:3px solid #dfd4cd; margin-left:2px;">
  360. <h2>Childhood</h2>
  361.  Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
  362. Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.<br><br>
  363. Ut pede ante tempor turpis semper rhoncus. Rutrum arcu est accumsan, erat amet iaculis turpis id magna suspendisse, eros libero malesuada voluptatum suscipit luctus, in molestie velit donec. Tincidunt nonummy porttitor aliquet sit doloribus nunc, sed arcu neque, nostra neque gravida id, pellentesque duis cursus ante accusantium magna, et mollis nisl massa turpis. Pulvinar interdum cras, porttitor quod, aenean sed maecenas sit. Erat ornare, tellus id lorem, maecenas ante sed adipiscing lectus, amet pellentesque pellentesque a aenean sit dui. Nunc a, dictum penatibus sagittis semper velit laoreet, facilisi velit cras nulla, iaculis blandit curabitur odio non. Arcu nulla at, platea tempus nostrud quis dictumst congue. Egestas cum duis mus eu id, velit suscipit velit, magna est mauris rutrum vitae. Suspendisse amet magna, et viverra, nulla diam purus, sed imperdiet curabitur ipsum velit ante a.<br><br>
  364. Justo mattis ullamcorper arcu sollicitudin in et, sem metus metus ut adipiscing montes, arcu arcu magna lectus vel. Nonummy quam eget ut vel tortor, nam odio suspendisse nibh tortor turpis elit, amet aliquip mollis dui purus sed nec, nam vivamus, morbi nec imperdiet fermentum non. Wisi ad, iaculis erat proin habitasse wisi a nulla, itaque a consectetuer vestibulum dolor et, sagittis maecenas faucibus, erat nisi. Sed lobortis integer eleifend bibendum. Rhoncus quam natoque neque sodales sagittis. Arcu ullamcorper non, vestibulum molestie leo pharetra mollis, voluptas sed, aptent nulla porttitor, lacus id bibendum id urna at purus. Semper augue mi dignissim, nibh malesuada augue, lorem diam sed quam, dui elit eget nulla arcu suspendisse magna. In donec mauris non, aenean sit erat ultricies amet, neque sollicitudin ipsum felis, mollit luctus congue felis libero leo risus, ligula molestie in. Non odio accumsan, lacus taciti id erat lectus aliquam, nunc sit iaculis porta mauris imperdiet fusce, ornare magna sit consequat. Amet fermentum, at vivamus leo velit vestibulum wisi, nibh convallis, nisl scelerisque ut dignissim maecenas sem volutpat, consectetuer turpis erat donec ac. Donec quisque, metus tellus sem imperdiet porta. Metus ut, facilisis vehicula sociosqu mi.
  365. </div>
  366. <div style="width: 195px; padding:10px; height: 200px; text-align: justify; overflow: auto; border-left:1px solid #AEB38F; float: left;">
  367. <h2>Adulthood</h2>
  368.  Lorem ipsum dolor sit amet, aut faucibus cras a aliquet, amet enim varius elementum nam nulla. Facilisis nullam semper aliquam sollicitudin, cras diam, nibh ac id eget velit, duis fames metus id massa amet mollis. Malesuada est mauris, suspendisse sit nullam, duis vel elit, turpis leo dictum nunc orci urna. Sodales rutrum sed libero sed in sed. Velit maecenas wisi ipsum, habitasse magna, nulla rhoncus sem augue tincidunt, malesuada neque. Leo pretium quam non, fusce tortor, a commodo sodales sit justo. Quam quis nulla proin, nec sagittis ridiculus, risus nonummy, sociosqu eu sit a mauris rutrum. Augue feugiat suspendisse mi, ultrices sit tempus risus est, dis orci enim congue elit mauris, est aliquet at vestibulum. Rhoncus volutpat nunc sit quam urna dignissim, libero diam ullamcorper, ac augue vel pellentesque et eget, rhoncus dolor mus faucibus rhoncus rhoncus. Proin sapien, amet ante nulla iusto nec, sit vitae urna et amet, est nostra, justo lacus congue lacus. Vehicula morbi vel justo pharetra libero, porttitor sed mauris fames, nec id sit rutrum donec in gravida, nonummy urna varius, ac ut volutpat mi accumsan fusce etiam.<br><br>
  369. Libero fermentum consectetuer mus inceptos, praesent habitasse velit quisque erat in sagittis, condimentum vestibulum sed sit duis, nunc ut excepturi, ornare vestibulum nec faucibus. Magnis lectus vestibulum et nec, nam vel vehicula turpis pretium. Tristique convallis eu nascetur integer, augue urna laoreet lectus eget quam, ut etiam libero, vestibulum velit nascetur at proin. At phasellus ut in felis, libero nibh ut sit posuere. A diam sollicitudin massa tincidunt, id volutpat amet, cursus fames. Habitant egestas, pede nulla purus integer, justo volutpat libero neque eu morbi facere, lobortis congue mattis curabitur tellus, non donec sed id morbi pellentesque ut. Id aliquam sociis vestibulum enim, fringilla torquent, tristique maecenas nullam et mattis viverra ligula, duis libero in quam augue sapien, et in dolor eget mollis lectus. Sodales ipsum in risus neque. Varius blandit, duis tortor. Id massa, magna per, non leo bibendum netus ante. Vitae sed libero libero feugiat senectus, vel etiam risus erat, egestas nulla magnis eu egestas. Sapien nunc, pede parturient, purus tempor fusce sed elit mauris sit, est eleifend praesent lectus gravida est praesent.<br><br>
  370. Ut pede ante tempor turpis semper rhoncus. Rutrum arcu est accumsan, erat amet iaculis turpis id magna suspendisse, eros libero malesuada voluptatum suscipit luctus, in molestie velit donec. Tincidunt nonummy porttitor aliquet sit doloribus nunc, sed arcu neque, nostra neque gravida id, pellentesque duis cursus ante accusantium magna, et mollis nisl massa turpis. Pulvinar interdum cras, porttitor quod, aenean sed maecenas sit. Erat ornare, tellus id lorem, maecenas ante sed adipiscing lectus, amet pellentesque pellentesque a aenean sit dui. Nunc a, dictum penatibus sagittis semper velit laoreet, facilisi velit cras nulla, iaculis blandit curabitur odio non. Arcu nulla at, platea tempus nostrud quis dictumst congue. Egestas cum duis mus eu id, velit suscipit velit, magna est mauris rutrum vitae. Suspendisse amet magna, et viverra, nulla diam purus, sed imperdiet curabitur ipsum velit ante a.<br><br>
  371. Justo mattis ullamcorper arcu sollicitudin in et, sem metus metus ut adipiscing montes, arcu arcu magna lectus vel. Nonummy quam eget ut vel tortor, nam odio suspendisse nibh tortor turpis elit, amet aliquip mollis dui purus sed nec, nam vivamus, morbi nec imperdiet fermentum non. Wisi ad, iaculis erat proin habitasse wisi a nulla, itaque a consectetuer vestibulum dolor et, sagittis maecenas faucibus, erat nisi. Sed lobortis integer eleifend bibendum. Rhoncus quam natoque neque sodales sagittis. Arcu ullamcorper non, vestibulum molestie leo pharetra mollis, voluptas sed, aptent nulla porttitor, lacus id bibendum id urna at purus. Semper augue mi dignissim, nibh malesuada augue, lorem diam sed quam, dui elit eget nulla arcu suspendisse magna. In donec mauris non, aenean sit erat ultricies amet, neque sollicitudin ipsum felis, mollit luctus congue felis libero leo risus, ligula molestie in. Non odio accumsan, lacus taciti id erat lectus aliquam, nunc sit iaculis porta mauris imperdiet fusce, ornare magna sit consequat. Amet fermentum, at vivamus leo velit vestibulum wisi, nibh convallis, nisl scelerisque ut dignissim maecenas sem volutpat, consectetuer turpis erat donec ac. Donec quisque, metus tellus sem imperdiet porta. Metus ut, facilisis vehicula sociosqu mi.
  372. </div>
  373. </center>
  374.  
  375.  
  376.  
  377.  
  378. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  379. <img src="https://i.imgur.com/vCOtpb9.png">
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="450" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="450" bgcolor="ffffff" style="word-wrap:break-word">
  389. <div style="background-color:#efcec9; text-align:justify; width:427px; height:155px; overflow:auto; margin-left:5px; margin-top:5px; margin-bottom:5px; z-index:999; color:#000;">
  390. <h2>Connections.</h2>
  391. <h1>First Middle Last.</h1>
  392. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  393. <h1>First Middle Last.</h1>
  394. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  395. <h1>First Middle Last.</h1>
  396. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  397. <h1>First Middle Last.</h1>
  398. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  399. <h1>First Middle Last.</h1>
  400. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  401. <h1>First Middle Last.</h1>
  402. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  403. <h1>First Middle Last.</h1>
  404. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here. About the connection will go here.
  405. </div>
  406.  
  407.  
  408.  
  409.  
  410. *************************************INTERESTS*************************************
  411. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  412. <img src="https://i.imgur.com/iLyA7R8.png" width="288px">
  413. <div id="leftHeader"><h1>Its Summer, baby.</h1></div>
  414. <div class="abtstats">
  415. <ul class="convo">
  416. <li class="user_2">Can you believe its actually Summer!? It's so hot!</li>
  417. <li class="user_1">I know!</li>  
  418. <li class="user_1">Its like 107!</li>
  419. <li class="user_2">107?!</li>  
  420. <li class="user_1">right? Thats what I'm saying</li>
  421. </ul>
  422. </div>
  423.  
  424.  
  425. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  426. <h1>Basic Info.</h1>
  427.  
  428. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  429. <img src="https://i.imgur.com/rTvYb92.png" align="left">
  430. <div style="background-color:#efcec9; width:150px; height:155px; overflow:auto; margin-left:135px; margin-top:5px; margin-bottom:2px; z-index:999; color:#000;">
  431.  
  432.  
  433. <b>BIRTH NAME:</b> first Middle Last.<br>
  434. <b>ETYMOLOGY <font color="e0c177">|</font> ORIGIN:</b> here.<br>
  435. <b>GENDER:</b> here.<br>
  436.  
  437. <b>DATE OF BIRTH:</b> Month, day, Year - --.<br>
  438.  
  439. <b>PLACE OF BIRTH:</b> City, State.<br>
  440.  
  441. <b>SPECIES:</b><br>
  442.  
  443. <b>CURRENT OCCUPATION:</b> <br>
  444.  
  445. <b>CURRENT LOCATION:</b><br>
  446.  
  447. <b>EDUCATION:</b> <br>
  448.  
  449. <b>PAST RELATIONSHIPS:</b> <br>
  450.  
  451. <b>CURRENT RELATIONSHIP:</b> <br>
  452.  
  453. <b>SIBLINGS:</b> <br>
  454.  
  455.  
  456. <b>HEIGHT <font color="e0c177">|</font> WEIGHT:</b> -'-<font color="e0c177">|</font>---lbs.<br>
  457.  
  458. <b>EYE COLOR:</b> <br>
  459.  
  460. <b>HAIR COLOR <font color="e0c177">|</font> STYLE:</b> <br>
  461.  
  462.  
  463.  
  464. <b>DISTINCT SCARS:</b> <br>
  465.  
  466. <b>TATTOO(S):</b> <br>
  467.  
  468.  
  469.  
  470.  
  471. </div>
  472.  
  473.  
  474.  
  475.  
  476.  
  477. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  478. <h3>#relationshipgoals.</h3>
  479.  
  480.  
  481. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  482. <img src="https://i.imgur.com/l3h0nk6.png" align="right">
  483. <div style="background-color:#efcec9; width:150px; height:155px; overflow:auto; margin-left:2px; margin-top:5px; margin-bottom:2px; z-index:999; color:#000;">
  484. <h2 style="margin-bottom:0px;">Details.</h2>
  485. <b>Status:</b> .
  486. <br>
  487. <b>To Whom:</b> <a href=/></a>
  488. <br>
  489. <b>Since:</b> Date Here -
  490. <br>
  491. <b>Song:</b> Song Title - Artist
  492. <br><br>
  493. <h2 style="margin-bottom:0px;">Comments.</h2>
  494. Will go here.
  495. </div>
  496.  
  497.  
  498.  
  499. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  500. <img src="https://i.imgur.com/lHLXK6T.png" width="288px">
  501. <div id="bottomDiv">
  502. <h2 style="margin-bottom:0px;">About My Home.</h2>
  503. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not. You can talk about your home here and what not.
  504. </div>
  505.  
  506. </table> </td> </tr> </table> <br /> <table bordercolor="black" cellspacing="0" cellpadding="0" width="300" bgcolor="black" border="0"> <tr> <td class="text" valign="" align="left" width="300" bgcolor="0" height="0" style="word-wrap:break-word"><span class="orangetext15"> </td> </tr> <tr> <td><table bordercolor="0" cellspacing="0" cellpadding="0" width="300" align="" bgcolor="black" border="0"> <td valign="top" align="" width="300" bgcolor="black" style="word-wrap:break-word">
  507. <h4 style="margin-bottom:0px;">Your Name Here,</h4>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement