API tools faq
paste
mebuckner

Country Home

mebuckner
Jul 7th, 2020 (edited)
3,454
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.06 KB | None | 0 0
raw download clone embed print report
  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=Glass+Antiqua&family=Gruppo&family=Merriweather:wght@300&display=swap');
  5.  
  6. body {
  7. background-repeat:no-repeat;
  8. background-attachment:fixed;
  9. margin: 0;
  10. overflow:auto;
  11. background-color:#97836a;
  12. background-size:cover;
  13. }
  14.  
  15. table, tr, td, li, p, div, .profileInfo td.text {
  16. color: #000;
  17. font-family: 'Merriweather', serif;
  18. font-size:10px;
  19. text-transform:uppercase;
  20. }
  21.  
  22.  
  23. .container {
  24. width:800px;
  25. height:700px;
  26. position:absolute;
  27. left:0;
  28. right:0;
  29. top:0;
  30. bottom:0;
  31. overflow:hidden;
  32. margin:auto;
  33. color:#fff;
  34. background-color:#fff;
  35. font-family: 'Merriweather', serif;
  36. border: 5px solid #463b2d;
  37. text-align:center;
  38. }
  39.  
  40. .topNavigationDiv{
  41. background:#463b2d;
  42. width:800px;
  43. height:auto;
  44. padding-bottom:5px;
  45. }
  46.  
  47. .firstLeft{
  48. width:262px;
  49. height:320px;
  50. display:inline-block;
  51. vertical-align:top;
  52. }
  53.  
  54. .secondLeft{
  55. width:535px;
  56. height:320px;
  57. display:inline-block;
  58. text-align:center;
  59. vertical-align:top;
  60. }
  61.  
  62.  
  63. .thirdLeft{
  64. width:500px;
  65. display:inline-block;
  66. vertical-align:top;
  67. }
  68.  
  69. .forthLeft{
  70. width: 270px;
  71. height: 320px;
  72. margin-left: 15px;
  73. display:inline-block;
  74. text-align:center;
  75. vertical-align:top;
  76. }
  77.  
  78.  
  79. .bottomSection{
  80. width:800px;
  81. height:334px;
  82. text-align:left;
  83. }
  84.  
  85. .firstLeftPic{
  86. border-radius:50%;
  87. margin-top:50px;
  88. }
  89.  
  90. .youtubeVideo{
  91. margin-top:10px;
  92. }
  93.  
  94. .biographyArea{
  95. width: 500px;
  96. height: 200px;
  97. background: #fff;
  98. overflow: auto;
  99. margin-top: 20px;
  100. margin-left: 10px;
  101. text-align:justify;
  102. }
  103.  
  104. h1{
  105. color:#000;
  106. text-transform:uppercase;
  107. font-family: 'Merriweather', serif;
  108. margin:0;
  109. margin-top:5px;
  110. }
  111.  
  112. h2{
  113. color:#000;
  114. text-transform:uppercase;
  115. font-family: 'Merriweather', serif;
  116. margin:0;
  117. margin-top:5px;
  118. font-size:9px;
  119. margin-top:-2px;
  120. }
  121.  
  122. h3{
  123. background-color: #97836a;
  124. color: #fff;
  125. padding: 10px 19px;
  126. display: inline-block;
  127. border-radius: 10px;
  128. font-size: 10px;
  129. }
  130.  
  131.  
  132. h3:hover{
  133. background-color:#fff;
  134. color:#97836a;
  135. }
  136.  
  137. a.LinkyLink:link, a.LinkyLink:visited {
  138. background-color: #fff;
  139. color: #463b2d;
  140. padding: 14px 25px;
  141. text-align: center;
  142. text-decoration: none;
  143. display: inline-block;
  144. width:58px;
  145. text-transform:uppercase;
  146. font-family: 'Merriweather', serif;
  147. }
  148.  
  149. a.LinkyLink:hover, a.LinkyLink:active {
  150. background-color: #463b2d;
  151. color:#fff;
  152. }
  153.  
  154. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #97836a; border-bottom:10px solid #97836a;}
  155. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  156. ::-webkit-scrollbar {width:5px; height:7px;}
  157.  
  158.  
  159. .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>
  160. </style>
  161.  
  162.  
  163.  
  164.  
  165. <!--Like to Meet -->
  166.  
  167. <html>
  168. <body>
  169. <div class="container">
  170. <div class="topNavigationDiv">
  171. <a href="/home.php" class="LinkyLink">Home</a>
  172. <a href="/send_message.php?member_id=###" class="LinkyLink">Message</a>
  173. <a href="/add_comment.php?member_id=###" class="LinkyLink">Comment</a>
  174. <a href="/gallery.php?member_id=###" class="LinkyLink">Photos</a>
  175. <a href="/status_stream.php?member_id=###" class="LinkyLink">Stream</a>
  176. <a href="/view_member_blog.php?member_id=###" class="LinkyLink">Blogs</a>
  177. <a href="https://editsbymresources.tumblr.com/" class="LinkyLink">Credit</a>
  178. </div>
  179. <div class="firstLeft">
  180. <img src="https://i.imgur.com/rdRmD0Y.png" class="firstLeftPic"><br>
  181. <h1>FIRST LAST</h1>
  182. <h2>Some sort of subtitle here</h2>
  183. </div>
  184. <div class="secondLeft">
  185. <img src="https://i.imgur.com/cmguyGf.png" class="youtubeVideo"><br>
  186. <h3>#hashtagone</h3>
  187. <h3>#hashtagtwo</h3>
  188. <h3>#hashtagthree</h3>
  189. <h3>#hashtagfour</h3>
  190. </div>
  191. <div class="bottomSection">
  192. <div class="thirdLeft">
  193. <img src="https://i.imgur.com/WG7EsBI.png">
  194. <div class="biographyArea">
  195. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sit amet consectetur adipiscing elit ut aliquam purus sit amet. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Purus in massa tempor nec feugiat nisl pretium fusce id. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum. Adipiscing commodo elit at imperdiet dui accumsan sit amet. Pellentesque dignissim enim sit amet venenatis urna cursus. Id porta nibh venenatis cras sed felis. Leo urna molestie at elementum eu facilisis sed odio. Odio ut enim blandit volutpat. Porttitor lacus luctus accumsan tortor posuere ac. Facilisis sed odio morbi quis commodo odio aenean sed adipiscing. Gravida neque convallis a cras semper auctor neque vitae. Consequat mauris nunc congue nisi. Vel elit scelerisque mauris pellentesque pulvinar pellentesque. Mauris nunc congue nisi vitae suscipit tellus mauris a. Adipiscing diam donec adipiscing tristique. Velit ut tortor pretium viverra suspendisse potenti nullam.
  196. <br><br>
  197. Varius morbi enim nunc faucibus a pellentesque sit amet. Sapien eget mi proin sed libero enim sed faucibus turpis. Scelerisque felis imperdiet proin fermentum leo vel. Ornare massa eget egestas purus viverra accumsan in nisl nisi. Ultrices neque ornare aenean euismod elementum nisi quis eleifend quam. Sed turpis tincidunt id aliquet risus feugiat in ante. Accumsan sit amet nulla facilisi. Auctor urna nunc id cursus metus. Condimentum lacinia quis vel eros donec ac odio. Purus non enim praesent elementum facilisis leo vel fringilla est. Quis hendrerit dolor magna eget. Eget nullam non nisi est sit amet facilisis magna. Non enim praesent elementum facilisis leo vel fringilla est ullamcorper. Neque ornare aenean euismod elementum nisi quis eleifend quam adipiscing. In metus vulputate eu scelerisque felis imperdiet proin. Arcu vitae elementum curabitur vitae nunc sed velit dignissim. Amet nisl suscipit adipiscing bibendum. Donec ultrices tincidunt arcu non sodales neque sodales ut.
  198. <br><br>
  199. Sed tempus urna et pharetra pharetra. Nibh sit amet commodo nulla facilisi nullam vehicula ipsum a. Enim nunc faucibus a pellentesque sit amet. Ipsum faucibus vitae aliquet nec ullamcorper sit. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Ipsum faucibus vitae aliquet nec ullamcorper sit. Massa enim nec dui nunc mattis enim. Faucibus et molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Sed turpis tincidunt id aliquet. Mauris a diam maecenas sed enim ut sem viverra. Enim ut tellus elementum sagittis vitae et. Quis viverra nibh cras pulvinar mattis nunc sed blandit. Gravida neque convallis a cras. Sagittis vitae et leo duis ut diam quam. A diam maecenas sed enim ut sem viverra aliquet eget. Elementum tempus egestas sed sed. Donec enim diam vulputate ut pharetra. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Dictumst vestibulum rhoncus est pellentesque elit ullamcorper.
  200. <br><br>
  201. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Vitae congue eu consequat ac. Cursus mattis molestie a iaculis at erat pellentesque adipiscing. Adipiscing at in tellus integer feugiat. Tristique sollicitudin nibh sit amet. Nec dui nunc mattis enim ut tellus elementum. Tellus molestie nunc non blandit massa enim nec. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Tellus orci ac auctor augue mauris. Enim diam vulputate ut pharetra sit amet aliquam id diam. Nunc id cursus metus aliquam. Nulla posuere sollicitudin aliquam ultrices sagittis orci a. Sapien et ligula ullamcorper malesuada. Risus nullam eget felis eget nunc lobortis mattis. Sed odio morbi quis commodo odio aenean sed.
  202. <br><br>
  203. Amet aliquam id diam maecenas ultricies mi eget. Vitae congue eu consequat ac felis donec et odio pellentesque. Tortor aliquam nulla facilisi cras fermentum. Quis hendrerit dolor magna eget est. Maecenas accumsan lacus vel facilisis. In nisl nisi scelerisque eu ultrices. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Mauris a diam maecenas sed enim ut sem viverra aliquet. Turpis nunc eget lorem dolor sed viverra. Sed libero enim sed faucibus turpis. Ultrices in iaculis nunc sed. Dictum fusce ut placerat orci nulla pellentesque dignissim enim sit. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Augue mauris augue neque gravida.
  204. </div>
  205. </div>
  206. <div class="forthLeft">
  207. <img src="https://i.imgur.com/nfCZOeN.png">
  208. </div>
  209. </div>
  210. </div>
  211. </body>
  212. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!