mebuckner

Custom Order - Sundrop - folklore

Oct 30th, 2020 (edited)
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.42 KB | None | 0 0
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  5.  
  6. body {
  7. background-color:#232426;
  8. background-repeat:no-repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/setUngm.png');
  13. background-size:cover;
  14. }
  15.  
  16. table, tr, td, li, p, div, .profileInfo td.text {
  17.     font-size: 10px;
  18.     color: #000000;
  19.     font-family: 'Playfair Display';}
  20.  
  21.  
  22. .container {
  23. width:798px;
  24. height:450px;
  25. position:absolute;
  26. left:0;
  27. right:0;
  28. bottom:0;
  29. top:0;
  30. overflow:hidden;
  31. margin:auto;
  32. color:#fff;
  33. background-color:#fff;
  34. font-family: 'Abel', sans-serif;
  35. }
  36.  
  37. .leftcontainer{
  38. width:264px;
  39. height:450px;
  40. background:#000;
  41. display:inline-block;
  42. vertical-align:top;
  43. }
  44.  
  45. .topBoxLeftContainer{
  46. width: 264px;
  47. height: 193px;
  48. background: #fff;
  49. }
  50.  
  51. .instagramContainer{
  52. width: 264px;
  53. height: 257px;
  54. background: #fff;
  55. }
  56.  
  57. .middleContainer{
  58. width:264px;
  59. height:450px;
  60. display:inline-block;
  61. vertical-align:top;
  62. }
  63.  
  64. .tabsConttainer{
  65. width: 264px;
  66. height: 320px;
  67. background: #fff;
  68. text-align:center;
  69. }
  70.  
  71. .linksContainer{
  72. width: 264px;
  73. height: 130px;
  74. background: #fff;
  75. text-align:center;
  76. }
  77.  
  78. .rightContainer{
  79. width:264px;
  80. height:450px;
  81. display:inline-block;
  82. vertical-align:top;
  83. }
  84.  
  85. .nameAndQuote{
  86. height: 39px;
  87. width: 264px;
  88. background: #787d6d;
  89. font-family: Playfair Display;
  90. font-size: 25px;
  91. color: #fff;
  92. text-align: center;
  93. padding-top: 1px;
  94. }
  95.  
  96. .topLeftPicture{
  97. height: 112px;
  98. width: 264px;
  99. }
  100.  
  101. a.navigationalLinks:link, a.navigationalLinks:visited {
  102.     color: white;
  103.     padding: 10px 0px;
  104.     text-align: center;
  105.     text-decoration: none;
  106.     display: inline-block;
  107.     font-family: 'Playfair Display', serif;
  108.     text-transform: uppercase;
  109.     font-size: 32px;
  110.     width: 52px;
  111.     background: #787d6d;
  112.     font-weight: 100;
  113.     border-radius: 50%;
  114.     margin-bottom: 10px;
  115.     margin-left: 10px;
  116. }
  117.  
  118. a.navigationalLinks:hover, a.navigationalLinks:active {
  119. color: #1a1a1a;
  120. }
  121.  
  122. h1{
  123.     background: #787d6d;
  124.     font-family: Playfair Display;
  125.     font-size: 25px;
  126.     color: #fff;
  127.     text-align: center;
  128. font-weight:100;
  129. }
  130.  
  131. h2{
  132. font-family: Playfair Display;
  133. font-size: 17px;
  134. text-transform: uppercase;
  135. text-align: center;
  136. color: #fff;
  137. margin: 0;
  138. padding-bottom: 10px;
  139. font-weight: 100;
  140. }
  141.  
  142. a.tabsLinks:link, a.tabsLinks:visited {
  143.     background-color: #787d6d;
  144.     color: white;
  145.     padding: 7px 9px;
  146.     text-align: center;
  147.     text-decoration: none;
  148.     display: inline-block;
  149.     font-family: 'Playfair Display';
  150.     font-weight: 100;
  151.     font-size: 12px;
  152.     width: 68px;
  153.     margin-bottom: 5px;
  154. }
  155.  
  156. a.tabsLinks:hover, a.tabsLinks:active {
  157.   background-color: red;
  158. }
  159.  
  160.  
  161. .container2{
  162.     position: relative;
  163.     width: 264px;
  164.     height: 298px;
  165.     box-shadow: 0px 0px 10px rgba(0,0,0,.2);
  166.     overflow: hidden;
  167.     font-family: 'Playfair Display';
  168.     font-size: 12px;
  169.     text-align: justify;
  170.     color: #000;
  171. }
  172. .container2 input{
  173.     display:none;
  174. }
  175. .container2 nav{
  176. width: 264px; margin-top: -10px; min-height: 50px; background-color: #787d6d; border-bottom: 1px solid rgba(0,0,0,.1);
  177. }
  178. .container2 nav ul{
  179.     list-style-type: none;
  180.     margin-left: -30px;
  181.     margin-top: 0px;
  182. }
  183. .container2 nav ul li{
  184.     display:inline-block;
  185.     position:relative;
  186.     line-height:50px;
  187.     color:#fff;
  188.     cursor:pointer;
  189.     user-select:none;
  190. }
  191. .container2 nav ul li label{
  192. cursor: pointer;
  193.     display: inline-block;
  194.     height: 40px;
  195.     padding: 0px 6px;
  196. }
  197. .container2 .content{
  198.     width:600%;
  199.     display:flex;
  200.     transition:1s;
  201. }
  202. .container2 .content .article{
  203. width: 239px;
  204.     height: 220px;
  205.     padding: 10px;
  206.     overflow: auto;
  207. }
  208. .container2 #r1:checked ~ .content{
  209. margin-left:0px;
  210. }
  211. .container2 #r2:checked ~ .content{
  212. margin-left:-259px;
  213. }
  214. .container2 #r3:checked ~ .content{
  215. margin-left:-518px;
  216. }
  217. .container2 #r4:checked ~ .content{
  218. margin-left:-777px;
  219. }
  220.  
  221. .container2 #r5:checked ~ .content{
  222. margin-left:-1036px;
  223. }
  224.  
  225. .container2 #r6:checked ~ .content{
  226. margin-left:-1295px;
  227. }
  228.  
  229. .container2 #r1:checked ~ nav ul li:first-of-type{
  230.     background-color:#fff;
  231.     color:#787d6d;
  232. }
  233. .container2 #r2:checked ~ nav ul li:nth-of-type(2){
  234.     background-color:#fff;
  235.     color:#787d6d;
  236. }
  237. .container2 #r3:checked ~ nav ul li:nth-of-type(3){
  238.     background-color:#fff;
  239.     color:#787d6d;
  240. }
  241. .container2 #r4:checked ~ nav ul li:nth-of-type(4){
  242.     background-color:#fff;
  243.     color:#787d6d;
  244. }
  245.  
  246. .container2 #r5:checked ~ nav ul li:nth-of-type(5){
  247.     background-color:#fff;
  248.     color:#787d6d;
  249. }
  250.  
  251.  
  252. .container2 #r6:checked ~ nav ul li:last-of-type{
  253.     background-color:#fff;
  254.     color:#787d6d;
  255. }
  256.  
  257.  
  258.  
  259.  
  260.  
  261.  
  262.  
  263. @media (max-width:500px){
  264.     .container2{
  265.         width:100%;
  266.         min-height:300px;
  267.     margin:5px;
  268.     border-radius:10px;
  269.     }  
  270.     .container2 nav ul li{
  271.         display:block;
  272.         position:relative;
  273.         line-height:50px;
  274.         padding:0px 10px;
  275.         text-align:center;
  276.         border-bottom:1px solid rgba(0,0,0,.07);
  277.     }
  278.     .container2 .content .article{
  279.         text-align:center; 
  280.     }
  281. }
  282.  
  283.  
  284. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #787d6d; border-bottom:10px solid #787d6d;}
  285. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  286. ::-webkit-scrollbar {width:5px; height:7px;}
  287.  
  288.  
  289. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  290. </style>
  291.  
  292.  
  293.  
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303.  
  304. <!--like to meet-->
  305. <html>
  306. <body>
  307. <div class="container">
  308.  
  309. <div class="leftcontainer">
  310. <div class="topBoxLeftContainer">
  311.  
  312. <div class="nameAndQuote">Stella Moonrose</div>
  313. <div class="topLeftPicture"><img src="https://i.imgur.com/BsyhH09.png"></div>
  314. <div class="nameAndQuote">dream in color for me</div>
  315.  
  316. </div>
  317.  
  318.  
  319. <div class="instagramContainer">
  320.  
  321. <div style="width: 499px; text-align: right;"><a href="#close" style="color: #000; font-family: 'Playfair Display'; font-size: 15px;">x</a></div>
  322. <img src="https://i.imgur.com/Rs6wfqK.png" style="width: 60px; border-radius: 50%; margin-left: 10px;">
  323. <div style="width: 177px; height: 34px; display: inline-block; vertical-align: top; /* margin-top: 28px; */ margin-left: 2px; margin-bottom: 9px;">
  324. <h2 style="font-size: 15px; text-align: left; color: #000; background: none; margin: 0px; vertical-align: top; width: 177px;">
  325. @handlehere
  326. </h2>
  327.  
  328. <blockquote style="color: #000; font-size: 12px; margin-left: 1px; margin-top: -6px; font-family: Georgia; width: 177px; text-align: justify;">
  329. here is where your description will go. Make it a little short, but it can go on two lines.
  330. </blockquote>
  331. </div>
  332. <center>
  333. <img src="https://i.imgur.com/w6YeGPu.png" style="width: 60px; height: 60px; margin-top: 14px;">
  334. <img src="https://i.imgur.com/TxnNr4H.png" style="width: 60px; height: 60px; margin-left:10px;">
  335. <img src="https://i.imgur.com/lXqmiQ0.png" style="width: 60px; height: 60px; margin-left:10px;">
  336. <br>
  337. <img src="https://i.imgur.com/2TaiHbv.png" style="width: 60px; height: 60px; margin-top:10px;">
  338. <img src="https://i.imgur.com/8ZcrZc4.png" style="width: 60px; height: 60px; margin-left:10px;">
  339. <img src="https://i.imgur.com/cSBiVmj.png" style="width: 60px; height: 60px; margin-left:10px;">
  340. </center>
  341.  
  342. </div>
  343. </div>
  344.  
  345. <div class="middleContainer">
  346. <div class="tabsConttainer">
  347. <div class="container2">
  348. <input type="radio" id='r1' name="r" checked>
  349. <input type="radio" id='r2' name="r">
  350. <input type="radio" id='r3' name="r">
  351. <input type="radio" id='r4' name="r">
  352. <input type="radio" id='r5' name="r">
  353. <input type="radio" id='r6' name="r">
  354. <nav>
  355. <ul>
  356. <li><label for='r1'>bio</label></li>
  357. <li><label for='r2'>basics</label></li>
  358. <li><label for='r3'>love</label></li>
  359. <li><label for='r4'>daughter</label></li>
  360. <li><label for='r5'>powers</label></li>
  361. <li><label for='r6'>friends</label></li>
  362. </ul>
  363. </nav>
  364. <div class="content">
  365. <div class="article one">
  366. <h1>Story of a girl</h1>
  367. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
  368. <br><br>
  369. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
  370. <br><br>
  371. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
  372. <br><br>
  373. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
  374. </div>
  375. <div class="article two">
  376. <h1>Basic Info</h1>
  377. <b>Full Name</b> here<br>
  378. <b>Pronunciation</b> here<br>
  379. <b>Nickname/Alias</b> here<br>
  380. <b>Gender</b> here<br>
  381. <b>Orientation</b> here<br>
  382. <b>Real Age</b> here<br>
  383. <b>Birthday</b> here<br>
  384. <b>Birthplace</b> here<br>
  385. <b>Astrological Sign</b> here<br>
  386. <b>Species</b> here<br>
  387. <b>Ethnicity</b> here<br>
  388. <b>Preferred Hand</b> here<br>
  389. <b>Eye Color</b> here<br>
  390. <b>Hair Color</b> here<br>
  391. <b>Hairstyle</b> here<br>
  392. <b>Skin Tone</b> here<br>
  393. <b>Makeup</b> here<br>
  394. <b>Build</b> here<br>
  395. <b>Height</b> here<br>
  396. <b>Weight</b> here<br>
  397. <b>Shoe Size</b> here<br>
  398. <b>Birthmarks/scars</b> here<br>
  399. <b>Distinguishing Features</b> here<br>
  400. <b>Health</b> here<br>
  401. <b>Allergies</b> here<br>
  402. </div>
  403. <div class="article three">
  404. <h1>The Love Life</h1>
  405. <img src="https://i.imgur.com/3olU1yL.png"><br>
  406. <b>status</b> here <br>
  407. <b>to whom</b> here <br>
  408. <b>since when</b> here <br>
  409. <b>comments</b> put your comments here.
  410. </div>
  411. <div class="article foor">
  412. <h1>The Daughter</h1>
  413. <img src="https://i.imgur.com/Pr2Wthd.png"><br>
  414. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not. talk about the daughter here and what not.
  415. </div>
  416. <div class="article five">
  417. <h1>Powers and Abilities</h1>
  418. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here. Talk about them here.
  419. </div>
  420. <div class="article six">
  421. <h1>My Friends</h1>
  422. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  423. <br><br>
  424. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  425. <br><br>
  426. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  427. <br><br>
  428. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  429. <br><br>
  430. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  431. <br><br>
  432. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  433. <br><br>
  434. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  435. <br><br>
  436. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  437. <br><br>
  438. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  439. <br><br>
  440. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  441. <br><br>
  442. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  443. <br><br>
  444. <b>name here</b> / <i>connection title</i> - talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want. talk about the connection here for as long as you want.
  445. </div>
  446.  
  447.  
  448. </div>
  449. </div>
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458. </div>
  459. <div class="linksContainer">
  460.  
  461. <a href="/home.php" title="home" class="navigationalLinks" style="margin-left:0px;"><span class="th th-aloe-vera-o"></span></a>
  462. <a href="/send_message.php?member_id=" title="message" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  463. <a href="/add_comment.php?member_id=" title="comment" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  464. <a href="/status_stream.php?member_id=" title="stream" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  465. <a href="/view_member_blog.php?member_id=" title="blog" class="navigationalLinks" style="margin-left:0px;"><span class="th th-aloe-vera-o"></span></a>
  466. <a href="/albums.php?member_id=" title="pictures" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  467. <a href="/" title="extra" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  468. <a href="/" title="extra" class="navigationalLinks"><span class="th th-aloe-vera-o"></span></a>
  469. </div>
  470.  
  471. </div>
  472.  
  473. <div class="rightContainer">
  474. <img src="https://i.imgur.com/bLMwMeN.png">
  475. </div>
  476.  
  477.  
  478. </div>
  479. </body>
  480. </html>
  481.  
  482.  
Add Comment
Please, Sign In to add comment