API tools faq
paste
Advertisement
mebuckner

Soulmate

mebuckner
Dec 30th, 2020
1,294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.77 KB | None | 0 0
raw download clone embed print report
  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.  
  4. <!--about me-->
  5. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  6. <style type="text/css">
  7.  
  8.   @import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
  9.  
  10. body {
  11. background-color:#424e5c;
  12. background-repeat:repeat;
  13. background-attachment:fixed;
  14. margin: 0;
  15. overflow:auto;
  16. }
  17.  
  18. table, tr, td, li, p, div, .profileInfo td.text {
  19.     font-size: 12px;
  20.     color: #000;
  21.     font-family: 'Playfair Display', sans-serif;}
  22.  
  23. a.credit:link, a.credit:visited {
  24.     background-color: #ffffff;
  25.     color: #2d0707;
  26.     padding: 5px 3px;
  27.     text-align: center;
  28.     text-decoration: none;
  29.     display: inline-block;
  30.     margin-top: 9px;
  31.     font-family: 'Playfair Display', serif;
  32.     font-weight: 100;
  33.     font-size: 11px;
  34.     text-transform: uppercase;
  35.     width: 78px;
  36.     letter-spacing: 2px;
  37.     margin-left: 5px;
  38.     margin-top: 15px;
  39. }
  40.  
  41. .creditHolder{
  42. position:fixed;
  43. bottom:15;
  44. left:15;
  45. }
  46.  
  47. a.credit:hover, a.credit:active {
  48. background-color: #131313;
  49. }
  50.  
  51.  
  52. .container {
  53. width:800px;
  54. height:auto;
  55. position:absolute;
  56. left:0;
  57. right:0;
  58. top:0;
  59. overflow:hidden;
  60. margin:auto;
  61. color:#000;
  62. font-family: 'Abel', sans-serif;
  63. margin-top:10px;
  64. padding-bottom:10px;
  65. }
  66.  
  67. .boxOne{
  68.     width: 300px;
  69.     height: 390px;
  70.     background: #d7d3d0;
  71.     display: inline-block;
  72.     vertical-align: top;
  73.     margin-left: 10px;
  74.     margin-bottom: 10PX;
  75. }
  76.  
  77. .boxTwo{
  78.     width: 486px;
  79.     height: 390px;
  80.     display: inline-block;
  81.     vertical-align: top;
  82. }
  83.  
  84. .boxThree{
  85. width: 487px;
  86.     height: 41px;
  87.     background: #d7d3d0;
  88.     display: inline-block;
  89.     vertical-align: top;
  90.     margin-bottom: 10px;
  91.     text-align: center;
  92. }
  93.  
  94. .boxFour{
  95.     width: 237px;
  96.     height: 338px;
  97.     background: #fff;
  98.     display: inline-block;
  99.     vertical-align: top;
  100.     margin-right: 10px;
  101. }
  102.  
  103. .boxFive{
  104.     width: 226px;
  105.     height: 338px;
  106.     background: #d7d3d0;
  107.     display: inline-block;
  108.     color: #000;
  109.     vertical-align: top;
  110.     font-family: 'Playfair Display';
  111.     font-size: 12px;
  112.     padding-left: 5px;
  113.     padding-right: 5px;
  114.     text-align: justify;
  115.     overflow: auto;
  116. }
  117.  
  118. .boxSix{
  119.     width: 464px;
  120.     height: 262px;
  121.     background: #d7d3d0;
  122.     display: inline-block;
  123.     vertical-align: top;
  124.     margin-right: 10px;
  125.     margin-bottom: 10px;
  126.     border-top: 10px solid #d7d3d0;
  127.     border-bottom: 10px solid #d7d3d0;
  128.     padding-left: 10px;
  129.     padding-right: 10px;
  130.     font-family: 'Playfair Display';
  131.     font-size: 12px;
  132.     color: #000;
  133.     text-align: justify;
  134.     overflow: auto;
  135. }
  136.  
  137. .boxSeven{
  138.     width: 302px;
  139.     height: 282px;
  140.     background: #fff;
  141.     display: inline-block;
  142.     vertical-align: top;
  143. }
  144.  
  145. .boxSixb{
  146.     width: 463px;
  147.     height: 262px;
  148.     background: #d7d3d0;
  149.     display: inline-block;
  150.     vertical-align: top;
  151.     margin-bottom: 10px;
  152.     border-top: 10px solid #d7d3d0;
  153.     border-bottom: 10px solid #d7d3d0;
  154.     padding-left: 10px;
  155.     padding-right: 10px;
  156.     font-family: 'Playfair Display';
  157.     font-size: 12px;
  158.     color: #000;
  159.     text-align: justify;
  160.     overflow: auto;
  161. }
  162.  
  163. .boxSevenb{
  164.     width: 303px;
  165.     height: 282px;
  166.     background: #fff;
  167.     display: inline-block;
  168.     vertical-align: top;
  169.     margin-left: 10px;
  170. }
  171.  
  172. .boxEight{
  173.     width: 200px;
  174.     height: 200px;
  175.     background: #fff;
  176.     display: inline-block;
  177.     vertical-align: top;
  178.     margin-right: 10px;
  179.     margin-bottom: 10px;
  180. }
  181.  
  182. .boxNine{
  183.     width: 358px;
  184.     height: 190px;
  185.     background: #d7d3d0;
  186.     display: inline-block;
  187.     vertical-align: top;
  188.     padding-left: 10px;
  189.     padding-right: 5px;
  190.     border-top: solid 5px #d7d3d0;
  191.     border-bottom: solid 5px #d7d3d0;
  192.     color: #000;
  193.     text-align: justify;
  194.     font-family: 'Playfair Display';
  195.     font-size: 12px;
  196.     overflow: auto;
  197.     margin-left:10px;
  198. }
  199.  
  200. .boxTen{
  201.     width: 200px;
  202.     height: 200px;
  203.     background: #fff;
  204.     display: inline-block;
  205.     vertical-align: top;
  206. }
  207.  
  208. .boxEleven{
  209.     width: 462px;
  210.     height: 325px;
  211.     display: inline-block;
  212.     vertical-align: top;
  213.     margin-right: 10px;
  214. }
  215.  
  216. .boxTwelve{
  217.     width: 214px;
  218.     height: 164px;
  219.     background: #d7d3d0;
  220.     display: inline-block;
  221.     vertical-align: top;
  222.     margin-top: 10px;
  223.     margin-right: 11px;
  224.     padding-left: 5px;
  225.     padding-right: 5px;
  226.     border-top: solid 5px #d7d3d0;
  227.     border-bottom: solid 5px #d7d3d0;
  228.     font-family: 'Playfair Display';
  229.     font-size: 12px;
  230.     color: #000;
  231.     overflow: auto;
  232.     text-align: justify;
  233. }
  234.  
  235. .boxThirteen{
  236.     width: 224px;
  237.     height: 174px;
  238.     background: #fff;
  239.     display: inline-block;
  240.     vertical-align: top;
  241. margin-top:10px;
  242. }
  243.  
  244. .boxFourteen{
  245.     width: 462px;
  246.     height: 140px;
  247.     background: #fff;
  248.     display: inline-block;
  249.     vertical-align: top;
  250. }
  251.  
  252. .boxFifteen{
  253.     width: 324px;
  254.     height: 325px;
  255.     background: #fff;
  256.     display: inline-block;
  257.     vertical-align: top;
  258. background-color:#d7d3d0;
  259. margin-bottom: 10px;
  260. }
  261.  
  262.  
  263. b {
  264.     font-weight: 100;
  265.     background: #7d877f;
  266.     color: #000;
  267.     padding: 5px;
  268.     line-height: 35px;
  269. }
  270.  
  271. h1{
  272.     margin: 0;
  273.     font-weight: 100;
  274.     text-align: right;
  275.     font-size: 17px;
  276.     color: #76776aa1;
  277.     padding-top: 10px;
  278.     padding-bottom: 10px;
  279.     font-family: Playfair Display;
  280.     text-transform: uppercase;
  281.     padding-right: 10px;
  282.     display: block;
  283.     vertical-align: top;
  284. }
  285.  
  286. h2{
  287.     margin: 0;
  288.     font-weight: 100;
  289.     text-align: right;
  290.     font-size: 17px;
  291.     color: #76776aa1;
  292.     padding-top: 10px;
  293.     padding-bottom: 10px;
  294.     font-family: Playfair Display;
  295.     text-transform: uppercase;
  296.     padding-right: 10px;
  297. }
  298.  
  299.  
  300. h3{
  301.     margin: 0;
  302.     text-transform: uppercase;
  303.     font-weight: 100;
  304.     text-align: center;
  305.     font-size: 15px;
  306.     background: #76776aa1;
  307.     padding-top: 10px;
  308.     padding-bottom: 10px;
  309.     margin-top: 291px;
  310.     color: #000;
  311.     font-family: Playfair Display;
  312. }
  313.  
  314. h4 {
  315.     text-align: center;
  316.     background: #7d877f;
  317.     font-weight: 100;
  318.     text-transform: uppercase;
  319.     font-size: 24px;
  320.     margin: 0;
  321.     margin-bottom: 10px;
  322.     margin-top: 10px;
  323. }
  324.  
  325. a:link, a:active, a:visited, a:hover {
  326.     color: #7d877f;
  327.     font-family: 'Playfair Display';
  328.     font-weight: 100;
  329.     font-size: 16px;
  330. }
  331.  
  332.  
  333. a.navigationalLinks:link, a.navigationalLinks:visited {
  334.     background-color: #d7d3d0;
  335.     color: #949792;
  336.     padding: 12px 0px;
  337.     text-align: center;
  338.     text-decoration: none;
  339.     display: inline-block;
  340.     width: 78px;
  341.     font-family: Playfair Display;
  342.     font-size: 13px;
  343.     text-transform: uppercase;
  344.     margin-top: 0px;
  345.     font-weight: 100;
  346. }
  347.  
  348. a.navigationalLinks:hover, a.navigationalLinks:active {
  349. background-color: #e7e7e9;
  350. color:#6e3a51;
  351. }
  352.  
  353.  
  354.  
  355. .pic {
  356.   height: 136px;
  357.   position: relative;
  358.   overflow: hidden;
  359. }
  360.  
  361. .profilePicture {
  362.     height: 169px;
  363.     position: absolute;
  364.     left: 0px;
  365. }
  366.  
  367. .name-box {
  368.   width: 100%;
  369.   height: 44px;
  370.   border-bottom: 1px solid rgba(0,0,0,.1);
  371.   box-sizing: border-box;
  372.   font-family: 'Source Sans Pro', sans-serif;
  373.   position: relative;
  374. }
  375.  
  376. h2 {
  377.   padding-top: -0px;
  378.   padding-left: 20px;
  379.   color: #454344;
  380.   margin: 0;
  381.   margin-top: 10px;
  382. }
  383.  
  384. p {
  385.     margin: 0;
  386.     margin-top: 10px;
  387.     color: grey;
  388.     padding-left: 20px;
  389.     padding-right: 20px;
  390.     font-family: 'Playfair Display';
  391.     color: #000;
  392. }
  393.  
  394. .age {
  395.   padding-left: 6px;
  396.   font-weight: 200;
  397. }
  398.  
  399. .arrow-box {
  400.   position: absolute;
  401.   z-index: 2;
  402.   width: 30px;
  403.   height: 30px;
  404.   background-color: rgba(0,0,0,.4);
  405.   border-radius: 50%;
  406.   text-align: center;
  407.   top: 12px;
  408.   left: 12px;
  409. }
  410.  
  411. .arrow {
  412.   padding-top: 4px;
  413.   fill: white;
  414. }
  415.  
  416. .pic-counter-wrapper {
  417.   background-color: transparent;
  418.   position: absolute;
  419.   z-index: 2;
  420.   left: 44%;
  421.   top: 121px;
  422. }
  423.  
  424. .dot {
  425.   height: 6px;
  426.   width: 6px;
  427.   border-radius: 50%;
  428.   background-color: white;
  429.   margin: 0 3px;
  430.   display: inline-block;
  431. /*   position: absolute;
  432.   z-index: 2; */
  433. }
  434.  
  435. #active {
  436.   background-color: #FE4F68;
  437. }
  438.  
  439.  
  440.  
  441. .footer {
  442.   position: absolute;
  443.   width: 300px;
  444.   height: 80px;
  445.   background: linear-gradient(transparent , #d7d3d0 60%);
  446.   bottom: 6px;
  447.   text-align: center;
  448. top: 306px;
  449. }
  450.  
  451. .circle {
  452.   width: 70px;
  453.   height: 70px;
  454.   background-color: blue;
  455.   border-radius: 50%;
  456.   display: inline-block;
  457. }
  458.  
  459. #circleone {
  460.   background-color: #8a9aa9;
  461.   float: left;
  462.   margin-left: 20px;
  463. }
  464.  
  465. #circletwo {
  466.   background-color: #424e5c;
  467. }
  468.  
  469. #circlethree {
  470.   background-color: #7c877f;
  471.   float: right;
  472.   margin-right: 20px;
  473. }
  474.  
  475. .back {
  476.   fill: white;
  477.   padding-top: 20px;
  478.   padding-right: 6px;
  479.   width: 30px;
  480.   height: 30px;
  481. }
  482.  
  483. .star {
  484.   fill: white;
  485.   padding-top: 10px;
  486.   width: 48px;
  487.   height: 48px;
  488. }
  489.  
  490. .heart {
  491.   fill: white;
  492.   padding-top: 16px;
  493.   width: 40px;
  494.   height: 40px;
  495. }
  496.  
  497. .info {
  498.     height: 100px;
  499.     overflow: auto;
  500. }
  501.  
  502.  
  503. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#d7d3d0; border-top:10px solid #949792; border-bottom:10px solid #949792;}
  504. ::-webkit-scrollbar-thumb:horizontal {background-color:#d7d3d0;}
  505. ::-webkit-scrollbar {width:5px; height:7px;}
  506.  
  507.  
  508. .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>
  509. </style>
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535. <!--like to meet-->
  536. <html>
  537. <body>
  538. <div class="container">
  539.  
  540.  
  541. <div class="boxTwo">
  542. <div class="boxThree">
  543. <a href="/home.php" class="navigationalLinks">Home</a>
  544. <a href="/send_message.php?member_id=1670690" class="navigationalLinks">Message</a>
  545. <a href="/add_comment.php?member_id=1670690" class="navigationalLinks">Commnet</a>
  546. <a href="/status_stream.php?member_id=1670690" class="navigationalLinks">Stream</a>
  547. <a href="/view_member_blog.php?member_id=1670690" class="navigationalLinks">Blog</a>
  548. <a href="/albums.php?member_id=1670690" class="navigationalLinks">Pictures</a>
  549. </div>
  550. <div class="boxFour">
  551. <img src="https://i.imgur.com/8ClsqPO.png">
  552. </div>
  553. <div class="boxFive">
  554. <h2>I owe them</h2>
  555. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  556. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  557. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  558. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  559. <h2>They owe me</h2>
  560. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  561. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  562. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  563. <b>name</b> / <i>starter/reply</i> / 00.00 <br>
  564.  
  565. </div>
  566. </div>
  567.  
  568.  
  569. <div class="boxOne">
  570.   <div class="pic">
  571.     <div class="pic-counter-wrapper">
  572.       <span class="dot" id="active"></span>
  573.       <span class="dot"></span>
  574.       <span class="dot"></span>
  575.       <span class="dot"></span>
  576.       <span class="dot"></span>
  577.     </div>
  578.    
  579.     <img class="profilePicture" src="https://i.imgur.com/oi6uDJ2.png">
  580.   </div>
  581.   <div class="name-box">
  582.     <h2 style="text-align:left;">Oliver, <span class="age"> 21</span></h2>
  583.     <p style="margin-top: -7px;">13 miles away</p>
  584.   </div>
  585.   <div class="info">
  586.     Write your quirky tinder profile here.
  587.   </div>
  588.   <div class="footer">
  589.     <div class="circle" id="circleone"><svg class="back" width="24" height="24" viewBox="0 0 24 24">
  590.   <path d="M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.31,21 7,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12"></path>
  591. </svg></div>
  592.     <div class="circle" id="circletwo"><svg class="star" width="24" height="24" viewBox="0 0 24 24">
  593.   <path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z"></path>
  594. </svg></div>
  595.     <div class="circle" id="circlethree"><svg class="heart" width="24" height="24" viewBox="0 0 24 24">
  596.   <path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"></path>
  597. </svg></div>
  598.   </div>
  599. </div>
  600.  
  601.  
  602. <div class="boxSix">
  603. <h1>First Middle Last</h1>
  604. 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>
  605. 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.
  606.  
  607. </div>
  608. <div class="boxSeven"><img src="https://i.imgur.com/YQKYJ4T.png"></div>
  609.  
  610.  
  611.  
  612. <div class="boxEleven">
  613. <div class="boxFourteen"><img src="https://i.imgur.com/nlcijVJ.png"></div>
  614. <div class="boxTwelve">
  615.  
  616. <h1>The Work Life</h1>
  617. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis
  618. </div>
  619. <div class="boxThirteen"><img src="https://i.imgur.com/B3P7Elw.png"></div>
  620. </div>
  621.  
  622.  
  623. <div class="boxFifteen">
  624. <img src="https://i.imgur.com/9MJ8cOc.png" style="width: 69px; margin-top: 5px; margin-left: 5px;">
  625. <div style="width: 217px; height: 34px; display: inline-block; vertical-align: top; margin-top: -5px; margin-left: 10px; margin-bottom: 9px;">
  626. <h2 style="font-size: 19px; text-align: left; color: #717171; background: none; margin: 0px; vertical-align: top; width: 256px; color: #461910; letter-spacing: 6px; margin-bottom: 2px; margin-left: -28px; margin-top: 17px;">
  627. @handlehere
  628. </h2>
  629. <h2 style="font-size: 11px; text-align: left; color: #717171; margin-top: -11px; background: none; width: 243px; color: #000; letter-spacing: 0px; margin-bottom: 10px; margin-top: 0px; margin-left: -27px; margin-top: -10px;">
  630. ###
  631. Posts
  632. ###
  633. Followers
  634. ###
  635. Following</h2>
  636.                             <blockquote style="font-size: 11px; margin-left: 1px; margin-top: -21px; font-family: Playfair Display; width: 228px; text-align: justify;">
  637.                             here is where your description will go. Make it a little short, but it can go on two lines.
  638.                             </blockquote>
  639.                             </div>
  640.                             <center>
  641.                             <img src="https://i.imgur.com/1J81iME.png" style="width: 95px; height: 95px; margin-top: 12px;">
  642.                             <img src="https://i.imgur.com/NfjdAur.png" style="width: 95px; height: 95px; margin-left:10px;">
  643.                             <img src="https://i.imgur.com/48QCyqA.png" style="width: 95px; height: 95px; margin-left:10px;"><br><Br>
  644.                             <img src="https://i.imgur.com/OkmUccu.png" style="width: 95px; height: 95px; margin-top: 12px;">
  645.                             <img src="https://i.imgur.com/JEhhBk0.png" style="width: 95px; height: 95px; margin-left:10px;">
  646.                             <img src="https://i.imgur.com/yBmWHSl.png" style="width: 95px; height: 95px; margin-left:10px;">
  647.                             </center>
  648. </div>
  649.  
  650. <div class="boxSixb">
  651. <h1>The Love Life</h1>
  652. <b>status</b> here <br>
  653. <b>to whom</b> <a href="/">link here</a><br>
  654. <b>since when</b> 00.00 <br>
  655. <h4>Comments</h4>
  656.  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.
  657. </div>
  658.  
  659.  
  660. <div class="boxSevenb"><img src="https://i.imgur.com/hsOsFlC.png"></div>
  661.  
  662. <div class="boxEight"><img src="https://i.imgur.com/r0mk2HQ.png"></div>
  663.  
  664. <div class="boxTen"><img src="https://i.imgur.com/nfybeRb.png"></div>
  665.  
  666. <div class="boxNine">
  667.  
  668. <h1>First Middle Last</h1>
  669. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  670. <br><br>
  671.  
  672. <h1>First Middle Last</h1>
  673. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  674. <br><br>
  675.  
  676.  
  677. <h1>First Middle Last</h1>
  678. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  679. <br><br>
  680.  
  681.  
  682. <h1>First Middle Last</h1>
  683. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  684. <br><br>
  685.  
  686.  
  687. <h1>First Middle Last</h1>
  688. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  689. <br><br>
  690.  
  691.  
  692. <h1>First Middle Last</h1>
  693. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  694. <br><br>
  695.  
  696.  
  697. <h1>First Middle Last</h1>
  698. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra orci sagittis eu volutpat odio facilisis. Libero volutpat sed cras ornare arcu dui. Nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Accumsan tortor posuere ac ut. Magnis dis parturient montes nascetur ridiculus mus. Eros in cursus turpis massa tincidunt. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Adipiscing diam donec adipiscing tristique risus nec feugiat in fermentum. Porttitor lacus luctus accumsan tortor posuere ac ut consequat. Diam phasellus vestibulum lorem sed risus ultricies tristique nulla. Purus semper eget duis at. Sed risus ultricies tristique nulla aliquet enim tortor at. Iaculis eu non diam phasellus vestibulum lorem. Aliquam ut porttitor leo a diam sollicitudin tempor. Nunc faucibus a pellentesque sit amet porttitor eget dolor. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Tempor commodo ullamcorper a lacus. At lectus urna duis convallis convallis.
  699. <br><br>
  700.  
  701.  
  702.  
  703. </div>
  704.  
  705. </div>
  706. <div class="creditHolder"><a href="/1631904" class="credit">credit</a></div>
  707.  
  708. </body>
  709. </html>
  710.  
  711.  
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!