lollyracket

home - about page

Nov 29th, 2020
62
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3. <head>
  4.  
  5. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Poppins:400,800,600&display=swap" rel="stylesheet">
  8.  
  9.  
  10. <style type="text/css">
  11.  
  12.  
  13. /* -- credits
  14. code was made by lollyracketcodes. please do not copy or frankenstein.
  15.  
  16. honyebee icon font is credit to suiomi
  17.  
  18. --*/
  19.  
  20.  
  21.  
  22.  
  23.  
  24. body { font-family:poppins; background-image:url(https://img.nickpic.host/rYQN3D.png); }
  25. body a { text-decoration:none; color:#000; }
  26.  
  27. ::-webkit-scrollbar {
  28. width: 1px; }
  29. ::-webkit-scrollbar-thumb {
  30. background-color:#000; }
  31.  
  32. ::-webkit-scrollbar-track {
  33. background-color:transparent;
  34. }
  35.  
  36. #credit { position:fixed; right:20px; bottom:30px; padding:10px; font-size:9px; text-transform:uppercase; background-color:#f5f5f5; border:1px solid #ccc; }
  37. #credit icon { padding:5px; font-size:20px; }
  38. #credit:hover { transition-duration:1.2s; transition-timing-function:ease-in; font-weight:900; background-color:#a6dfb0; border:1px solid #a6dfb0; }
  39.  
  40. #containedhome { width:600px; height:450px; border:1px solid #ccc; margin:50px auto auto auto; background-color:#f5f5f5; }
  41. #containedhome .toplinks { padding:20px; background-color:#88ba9f; text-align:center; }
  42. #containedhome .toplinks a { background-color:#fff; padding:8px; display:inline; margin:10px; border:1px solid #5a9b78; }
  43. #containedhome .toplinks a:hover { background-color:#88ba9f; border:none; }
  44.  
  45. #containedhome .aboutinfo { width:270px; height:335px; padding:10px; background-color:#fff; border:1px solid #ccc; border-radius:5px; margin-top:10px; margin-left:10px; overflow:auto; }
  46. #containedhome .aboutinfo b { background-color:#b8d6c6; padding:3px; }
  47. #containedhome .aboutinfo i { border-bottom:1px dashed #c6b8d6; }
  48. #containedhome .aboutinfo u { color:#d6b8c8; }
  49.  
  50. #containedhome .aboutimg { width:230px; height:100px; padding:5px; border:1px dashed #88ba9f; margin-left:20px; }
  51. #containedhome .aboutimg img { width:230px; height:100px; background-size:cover; }
  52. #containedhome .aboutbox { width:100px; height:120px; padding:5px; border:1px solid #ccc; background-color:#fff; border-radius:5px; text-align:justify; margin-top:10px; margin-left:10px; }
  53. #containedhome .boxinside { padding:10px; height:100px; overflow:auto; text-align:justify; font-size:9px; }
  54. #containedhome .morelinks { width:230px; height:52px; overflow:auto; margin-left:20px; margin-top:10px; padding:10px; background-color:#fff; border:1px solid #ccc; text-align:center; line-height:290%; font-size:10px; }
  55. #containedhome .morelinks a { background-color:#f2f2f2; padding:5px; border:1px solid #ccc; font-size:10px; }
  56.  
  57.  
  58. </style>
  59.  
  60.  
  61. </head>
  62.  
  63. <body>
  64.  
  65.  
  66. <div id="containedhome">
  67. <div class="toplinks"><a href="//">link</a> <a href="//">link</a> <a href="///">link</a> <a href="//">link</a> <a href="//">link</a> </div>
  68.  
  69. <table><td><div class="aboutinfo">about info here <b>bold bold bold</b> <i>italic italic</i> <u>and underline bc y not</u>
  70.  
  71. </div></td>
  72.  
  73. <td><center>
  74.  
  75. <div class="aboutimg"><img src="http://placehold.it/230x100"></div>
  76. <table><td><div style="width:10px;"></div></td><td>
  77. <div class="aboutbox"><div class="boxinside">list of favorite things here</div></div></td><td>
  78. <div class="aboutbox"><div class="boxinside">list of your aesthetics here or really a list of whatever you want</div></div>
  79. </td></table>
  80.  
  81. <div class="morelinks"><a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a> <a href="//">#tag</a>
  82.  
  83. </div>
  84.  
  85.  
  86. </center>
  87.  
  88.  
  89. </td>
  90.  
  91. </table>
  92.  
  93. </div>
  94.  
  95.  
  96. <div id="credit"><a href="https://lollyracketcodes.tumblr.com/"><icon><span class="th th-moon-o" title="page credit to lollyracketcodes"></span></icon></a></div>
  97.  
  98. </body>
  99.  
  100. </html>
RAW Paste Data