API tools faq
paste
Advertisement
mebuckner

Custom Order - Freddie - Customization

mebuckner
Nov 22nd, 2020
2,312
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.73 KB | None | 0 0
raw download clone embed print report
  1. <!--about me-->
  2.  
  3. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  4. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&display=swap" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&display=swap" rel="stylesheet">
  7.  
  8.  
  9.  
  10. <style type="text/css">
  11.  
  12. .Edits by M { Background }
  13. table, tr, td {background-color:transparent;}
  14.  
  15.  
  16. .Edits by M  { Body }
  17. body {
  18. background-color:#3E3E3B;
  19. background-attachment:fixed;
  20. background-repeat:repeat;
  21. background-image:url('https://i.imgur.com/cilHlgz.jpg');
  22. background-position:center;
  23. background-size:cover;
  24. margin-left:10px;
  25. margin-top:100px;
  26. }
  27.  
  28.  
  29. .Edits by M { Scrollbar }
  30. ::-webkit-scrollbar {
  31.     display: none;
  32. }
  33.  
  34. table.profileInfo {display:none;}
  35.  
  36. .mygen { Tables }
  37. td.text table table {
  38. position:static;
  39. }
  40.  
  41.  
  42. table table table {
  43. background-color:#fff;
  44. padding:1px;
  45. border-color:#fff;
  46. border:0px solid #fff;
  47. }
  48.  
  49. table table table table{
  50. border:3px solid #fff;
  51. }
  52.  
  53. .mygen { Main Text & Links }
  54. table, tr, td, li, p, div {
  55. font:10px 'Arial';
  56. color:#000;
  57. line-height:12px;
  58. }
  59.  
  60. .namething{
  61. text-align: end;
  62.     font-family: 'Montserrat', sans-serif;
  63.     font-size: 27px;
  64.     letter-spacing: 0px;
  65.     color: #fff;
  66.     width: 394;
  67.     height: 10px;
  68.     background-color: #3a3636;
  69.     text-transform: lowercase;
  70.     padding: 28px;
  71. }
  72.  
  73. .lilquote{
  74. font-family: 'Open Sans', sans-serif;
  75.     font-size: 11px;
  76.     color: #3a3636;
  77.     width: 424px;
  78.     letter-spacing: 2px;
  79.     padding: 12px;
  80.     text-align: inherit;
  81.     text-transform: lowercase;
  82.     border-color: #3a3636;
  83.     border: 1px solid #3a3636;
  84. }
  85.  
  86. .lovet{
  87. text-align: end;
  88.     font-family: 'Montserrat', sans-serif;
  89.     font-size: 23px;
  90.     letter-spacing: 0px;
  91.     color: #fff;
  92.     width: 236px;
  93.     height: 10px;
  94.     background-color: #3a3636;
  95.     text-transform: lowercase;
  96.     padding: 28px;
  97. }
  98.  
  99. .loveq{
  100. font-family: 'Open Sans', sans-serif;
  101.     font-size: 10px;
  102.     color: #3a3636;
  103.     width: 266px;
  104.     letter-spacing: 2px;
  105.     padding: 12px;
  106.     text-align: inherit;
  107.     text-transform: lowercase;
  108.     border-color: #3a3636;
  109.     border: 1px solid #3a3636;
  110. }
  111.  
  112.  
  113. .spotify{
  114. height:450;
  115. width:292px;
  116. background-color:#3a3636;
  117. background-image:url('https://i.imgur.com/0ca5kyi.png');
  118. }
  119.  
  120.  
  121.  
  122. img.playlist {
  123.   border-radius: 30px;
  124.     margin-top: 53px;
  125.     margin-left: 41px;
  126. }
  127.  
  128. .playlisttitle{
  129. font-family: 'Montserrat', sans-serif;
  130.     font-size: 13px;
  131.     color: #000;
  132.     margin-top: -90px;
  133.     margin-left: 157px;
  134. }
  135.  
  136. .playlistdesc{
  137. font-family: 'Open Sans', sans-serif;
  138.     font-size: 10px;
  139.     color: #bebebe;
  140.     margin-top: 7px;
  141.     margin-left: 157px;
  142.     width: 92px;
  143.     text-align: justify;
  144. }
  145.  
  146. .songtitle1{
  147. font-family: 'Montserrat', sans-serif;
  148.     font-size: 11px;
  149.     color: #000;
  150.     margin-top: 89px;
  151.     margin-left: 75px;
  152. }
  153.  
  154.  
  155. .songname1{
  156. font-family: 'Open Sans', sans-serif;
  157.     font-size: 10px;
  158.     color: #bebebe;
  159.     margin-top: -2px;
  160.     margin-left: 75px;
  161. }
  162.  
  163. .songtitle2{
  164. font-family: 'Montserrat', sans-serif;
  165.     font-size: 11px;
  166.     color: #000;
  167.     margin-top: 16px;
  168.     margin-left: 75px;
  169. }
  170.  
  171.  
  172. .songname2{
  173. font-family: 'Open Sans', sans-serif;
  174.     font-size: 10px;
  175.     color: #bebebe;
  176.     margin-top: -2px;
  177.     margin-left: 75px;
  178. }
  179.  
  180. .songtitle3{
  181. font-family: 'Montserrat', sans-serif;
  182.     font-size: 11px;
  183.     color: #000;
  184.     margin-top: 16px;
  185.     margin-left: 75px;
  186. }
  187.  
  188.  
  189. .songname3{
  190. font-family: 'Open Sans', sans-serif;
  191.     font-size: 10px;
  192.     color: #bebebe;
  193.     margin-top: -2px;
  194.     margin-left: 75px;
  195. }
  196.  
  197. .songtitle4{
  198. font-family: 'Montserrat', sans-serif;
  199.     font-size: 11px;
  200.     color: #000;
  201.     margin-top: 16px;
  202.     margin-left: 75px;
  203. }
  204.  
  205.  
  206. .songname4{
  207. font-family: 'Open Sans', sans-serif;
  208.     font-size: 10px;
  209.     color: #bebebe;
  210.     margin-top: -2px;
  211.     margin-left: 75px;
  212. }
  213.  
  214. .songtitle5{
  215. font-family: 'Montserrat', sans-serif;
  216.     font-size: 11px;
  217.     color: #000;
  218.     margin-top: 16px;
  219.     margin-left: 75px;
  220. }
  221.  
  222.  
  223. .songname5{
  224. font-family: 'Open Sans', sans-serif;
  225.     font-size: 10px;
  226.     color: #bebebe;
  227.     margin-top: -2px;
  228.     margin-left: 75px;
  229. }
  230.  
  231. .biosection{
  232. height:591px;
  233. width:450px;
  234. background-color:#fff;
  235. background-image:url('https://i.imgur.com/OclycbT.png');
  236. }
  237.  
  238.  
  239. .words{
  240. font-family: 'Crimson Text', serif;
  241.     font-size: 34px;
  242.     margin-left: 34px;
  243.     color: #fff;
  244.     line-height: 1;
  245. }
  246.  
  247. .biography{
  248. width: 364px;
  249.     height: 127px;
  250.     font-size: 10px;
  251.     padding: 20;
  252.     margin-top: 276px;
  253.     overflow: auto;
  254.     text-align: justify;
  255.     font-family: 'Open Sans', sans-serif;
  256.     line-height: 1.5;
  257.     color: #3a3636;
  258.     background-color: #fff;
  259.     border: 3px solid #3a3636;
  260.     margin-left: 20px;
  261.  
  262. }
  263.  
  264.  
  265. .basicheader{
  266. text-align: center;
  267.     font-family: 'Montserrat', sans-serif;
  268.     font-size: 19px;
  269.     letter-spacing: 13px;
  270.     color: #fff;
  271.     width: 254px;
  272.     height: 10px;
  273.     background-color: #3a3636;
  274.     text-transform: lowercase;
  275.     padding: 19px;
  276. }
  277.  
  278.  
  279. .basics{
  280. width: 250px;
  281.     height: 249px;
  282.     background-color: #fff;
  283.     overflow: auto;
  284.     font-size: 10px;
  285.     padding: 20;
  286.     border: 1px solid #3a3636;
  287.     text-align: justify;
  288.     font-family: 'Open Sans', sans-serif;
  289.     line-height: 1.5;
  290. }
  291.  
  292.  
  293.  
  294. .insta{
  295. height:450px;
  296. width:450px;
  297. background-color:#fff;
  298. background-image:url('https://i.imgur.com/o8r1NRZ.png');
  299. }
  300.  
  301. .instapics{
  302. width: 450px;
  303.     line-height: 1px;
  304.     height: 310px;
  305.     margin-top: 1px;
  306. }
  307.  
  308.  
  309. img.instapic{
  310.   border-radius: 50%;
  311.     height: 110px;
  312.     width: 110px;
  313.     margin-top: 18px;
  314.     margin-left: 29px;
  315. }
  316.  
  317. .instauser{
  318. font-family: 'Montserrat', sans-serif;
  319.     font-size: 15px;
  320.     color: #000;
  321.     margin-top: -96px;
  322.     margin-left: 149px;
  323. }
  324.  
  325. .instaposts{
  326. font-family: 'Montserrat', sans-serif;
  327.     font-size: 12px;
  328.     color: #000;
  329.     text-align: center;
  330.     width: 300px;
  331.     display: inline-block;
  332.     margin-top: 15px;
  333.     margin-left: 24px;
  334. }
  335.  
  336. .instafol{
  337. font-family: 'Montserrat', sans-serif;
  338.     font-size: 12px;
  339.     text-align: center;
  340.     color: #000;
  341.     display: inline-block;
  342.     margin-top: -24px;
  343.     margin-left: 214px;
  344. }
  345.  
  346. .instaflw{
  347. font-family: 'Montserrat', sans-serif;
  348.     font-size: 12px;
  349.     color: #000;
  350.     text-align: center;
  351.     display: inline-block;
  352.     margin-top: -24px;
  353.     margin-left: 293px;
  354. }
  355.  
  356. .instabio{
  357. font-family: 'Open Sans', sans-serif;
  358.     font-size: 10px;
  359.     color: #bebebe;
  360.     width: 300px;
  361.     text-align: justify;
  362.     margin-top: 12px;
  363.     margin-left: 149px;
  364. }
  365.  
  366. .insta1{
  367.     height: 110px;
  368.     width: 110px;
  369.     display: inline-block;
  370.     margin-top: 34px;
  371.     margin-left: 39px;
  372.     background-image: url(https://i.imgur.com/01FCqed.png);
  373. }
  374.  
  375. .insta2{
  376.     height: 110px;
  377.     width: 110px;
  378.     display: inline-block;
  379.     margin-top: 32px;
  380.     margin-left: 20px;
  381.     background-image: url(https://i.imgur.com/n9krdPd.png);
  382. }
  383.  
  384. .insta3{
  385.     height: 110px;
  386.     width: 110px;
  387.     display: inline-block;
  388.     margin-top: 40px;
  389.     margin-left: 17px;
  390.     background-image: url(https://i.imgur.com/0qgMhlc.png);
  391. }
  392.  
  393. .insta4{
  394.     height: 110px;
  395.     width: 110px;
  396.     display: inline-block;
  397.     margin-top: 37px;
  398.     margin-left: 39px;
  399.     background-image: url(https://i.imgur.com/TYssYfj.png);
  400. }
  401.  
  402. .insta5{
  403.     height: 110px;
  404.     width: 110px;
  405.     margin-top: 40px;
  406.     display: inline-block;
  407.     margin-left: 21px;
  408.     background-image: url(https://i.imgur.com/mIvPYiI.png);
  409. }
  410.  
  411. .insta6{
  412.     height: 110px;
  413.     width: 110px;
  414.     margin-top: 40px;
  415.     display: inline-block;
  416.     margin-left: 18px;
  417.     background-image: url(https://i.imgur.com/akBTfdM.png);
  418. }
  419.  
  420.  
  421. .lovelife{
  422.   position: relative;
  423. display:inline-block;
  424.   width: 100%;
  425. }
  426.  
  427. .image {
  428.   display:inline-block;
  429.   width: 100%;
  430.   height: auto;
  431. }
  432.  
  433. .overlay {
  434.     position: absolute;
  435.     top: 0;
  436.     bottom: 0;
  437.     left: 0;
  438.     right: 0;
  439.     height: 100%;
  440.     width: 100%;
  441.     opacity: 0;
  442.     transition: .5s ease;
  443.     background-color: #fff;
  444. }
  445.  
  446. .lovelife:hover .overlay {
  447.   opacity: 1;
  448. }
  449.  
  450. .lover{
  451.     color: #000;
  452. display:inline-block;
  453.     line-height: 12px;
  454.     text-align: justify;
  455.     position: absolute;
  456.     padding: 20px;
  457.     height: 253px;
  458.     overflow: auto;
  459. font-family: 'Open Sans', sans-serif;
  460.     line-height: 1.5;
  461. }
  462.  
  463.  
  464. .lovely{
  465. font-family: 'Crimson Text', serif;
  466.     font-size: 34px;
  467. display:inline-block;
  468.     margin-left: 34px;
  469.     color: #fff;
  470.     line-height: 1;
  471. }
  472.  
  473.  
  474. .sidenav {
  475.   height: 62px;
  476.     width: 773px;
  477.     border: 2px solid #fff;
  478.     position: absolute;
  479.     margin-left: -317px;
  480.     margin-top: -91px;
  481.     z-index: 1;
  482.     top: 0;
  483.     left: 0;
  484.     background-color: #3a3636;
  485.     overflow-x: hidden;
  486.     padding-top: 20px;
  487.     display: block;
  488. }
  489.  
  490. .sidenav a {
  491.   float: unset;
  492.     font-size: 18px;
  493.     margin-left: 48px;
  494.     margin-top: 9px;
  495.     font-family: 'Montserrat', sans-serif;
  496.     color: #ffffff;
  497.     text-transform: lowercase;
  498.     display: inline-block;
  499. }
  500.  
  501. .sidenav a:hover {
  502.   color: #f1f1f1;
  503. }
  504.  
  505. .credit{ position:fixed;
  506.         letter-spacing:1px;
  507.         left:15px;
  508.         bottom:15px;
  509.         z-index:9999999;}
  510.  
  511.         .credit a{  
  512.        background: #3a3636;
  513.     text-transform: uppercase;
  514.     color: #ffffff;
  515.     display: block;
  516.     width: 60px;
  517.     font: 8px georgia;
  518.     margin-bottom: 5px;
  519.     padding: 5px;
  520.     text-align: center;
  521.     border: 1px solid #3a3636;
  522. }
  523.  
  524.  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;}
  525.  
  526.  
  527. .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;
  528. </style>
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562. <!--like to meet-->
  563.  
  564.  </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">
  565.  
  566.  
  567. <div class="sidenav">
  568.   <a href="/home.php?r=59759209_489707"><span class="th th-home"></span> home</a>
  569.   <a href="/send_message.php?member_id=URLHERE"><span class="th th-envelope"></span> message</a>
  570.   <a href="/add_comment.php?member_id=URL HERE"><span class="th th-chat-bubble"></span> comment</a>
  571.   <a href="/gallery.php?member_id=URL HERE"><span class="th th-instagram"></span> gallery</a>
  572. <a href="//"><span class="th th-acorn"></span> extra</a>
  573. </div>
  574.  
  575.  
  576. <div class="credit">
  577. <a href="/view_profile.php?member_id=1631904" title="edits by m.">credit</a>
  578. </div>
  579.  
  580. <div class="namething">first middle last</div>
  581. <div class="lilquote"> this can be a lil quote or lyrics or whatever you want really.</div>
  582.  
  583.  
  584.  </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">
  585.  
  586. <div class="biosection">
  587.  
  588.  
  589. <div class="words"><br><br><br><br>
  590.  
  591. fly<br>
  592. far, far<br>
  593. away.
  594.  
  595. </div>
  596.  
  597. <div class="biography"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.<br><br>
  598. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  599. <br><br>
  600. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  601. <br><br>
  602. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  603. </div>
  604.  
  605. </div>
  606.  
  607.  </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">
  608.  
  609. <div class="insta">
  610. <img src="https://i.imgur.com/xUf7MPN.png" class="instapic">
  611. <div class="instauser">username.</div>
  612. <div class="instaposts"><b>345<b><br>posts</div>
  613. <div class="instafol"><b>853<b><br>following</div>
  614. <div class="instaflw"><b>1.2K<b><br>followers</div>
  615.  
  616. <div class="instabio">write a short little bio that will go right here. you can make this two or three lines probably?</div>
  617.  
  618. <div class="instapics">
  619. <div class="insta1"></div>
  620. <div class="insta2"></div>
  621. <div class="insta3"></div>
  622. <div class="insta4"></div>
  623. <div class="insta5"></div>
  624. <div class="insta6"></div>
  625.  
  626.  
  627.  
  628. </div>
  629. </div>
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643. <!--interests-->
  644.  
  645.  
  646. </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">
  647.  
  648. <div class="spotify">
  649. <img src="https://i.imgur.com/EYPf59D.png" class="playlist">
  650.  
  651. <div class="playlisttitle">playlist name</div>
  652. <div class="playlistdesc">a few words here about your playlist and shit.</div>
  653.  
  654. <div class="songtitle1">song name.</div>
  655. <div class="songname1">artist here</div>
  656.  
  657.  
  658. <div class="songtitle2">song name.</div>
  659. <div class="songname2">artist here</div>
  660.  
  661.  
  662. <div class="songtitle3">song name.</div>
  663. <div class="songname3">artist here</div>
  664.  
  665.  
  666. <div class="songtitle4">song name.</div>
  667. <div class="songname4">artist here</div>
  668.  
  669.  
  670. <div class="songtitle5">song name.</div>
  671. <div class="songname5">artist here</div>
  672.  
  673. </div>
  674.  
  675. </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">
  676.  
  677. <div class="basicheader">the basics</div>
  678. <div class="basics">
  679.  
  680. <b> name:</b> first middle last <br>
  681. <b> date of birth:</b> date, year<br>
  682. <b>age:</b> some number<br>
  683. <b>gender:</b> whatever you want<br>
  684. <b>sexuality:</b> yes, no, maybe<br>
  685. <b>marital status:</b> single pringle<br>
  686. <b>hometown | current location:</b><br> somewhere, rainbow<br>
  687. <b>education:</b> high school diploma<br>
  688. <b>occupation:</b> truck driver<br>
  689. <b>hobbies</b> something you like<br>
  690. <b>personality:</b> lots of info about their personality here. lots of info about their personality here. lots of info about their personality here. lots of info about their personality here. lots of info about their personality here. lots of info about their personality here.
  691. <b>astrological sign:</b>leo<br>
  692. <blockquote><b>info about astro:</b>
  693.  a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here. a whole lot of info about their astro sign here.
  694. </blockquote>
  695. <b>likes:</b> list, list, list<br>
  696. <b>dislikes:</b>list, list, list
  697. </div>
  698.  
  699.  
  700. </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">
  701.  
  702. <div class="lovelife">
  703.   <img src="https://i.imgur.com/YC5lWFc.png" alt="Avatar" class="image">
  704.   <div class="overlay">
  705.     <div class="lover">
  706. <b> who:</b> first middle last <br>
  707. <b> since:</b> date, year<br>
  708. <b>our song:</b> is the slammin screen doors<br>
  709. <b>comments:</b> lots of info about their relationship here. lots of info about their relationship here. lots of info about their relationship here. lots of info about their relationship here. lots of info about their relationship here. lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.lots of info about their relationship here.<br>
  710. <b>favorite moments:</b> things here?
  711.  
  712. </div>
  713. </div>
  714. </div>
  715.  
  716.  
  717. </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">
  718.  
  719. <div class="loveq"> more than you think i do.</div>
  720. <div class="lovet">cause, i love you.</div>
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!