API tools faq
paste
Zeppasaurus

Cherry Blossom HTML

Zeppasaurus
Feb 14th, 2022 (edited)
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.74 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <div class="name">
  3. <p><i>Your Kennel Name</i></p>
  4. </div>
  5.  
  6. <div class="tooltip">
  7. <img src="https://img.nickpic.host/u44V1d.png">
  8.  
  9. <span class="tooltiptext">
  10. <a href="https://www.furry-paws.com/">Home</a><span> / </span>
  11. <a href="https://www.furry-paws.com/kennel/view/YOURID">Kennel</a> <span> / </span>
  12. <a href="/explore">Explore</a><br>
  13. <a href="/shop">Shop</a><span> / </span>
  14. <a href="/forum">Forums</a><span> / </span>
  15. <a href="/search">Search</a><br>
  16. <a href="/help/kb">FP Help</a><span> / </span>
  17. <a href="/message/compose/YOURID">Message Me</a></span>
  18. </div>
  19.  
  20. <div class="box1"><h1>Header</h1>I would recommend not leaving any of the boxes empty; try to have at minimum a sentence or two in each one (or at least two pictures for box 3).<br><br>
  21.  
  22. Please click <a href="LINK">HERE</a> to view the editing guide or to report any bugs.<br><br>
  23.  
  24. <h2>This is header 2</h2>
  25. This is normal text aka sans body font.<br>
  26. <div class="serif">This is alt text aka serif body font.</div>
  27. <b>This is bold text.</b><br>
  28. <i>This is italic text.</i><br>
  29. <span style="text-decoration:line-through;">This is strike-through text.</span><br>
  30. <span style="text-decoration:underline;">This is underlined text.</span><br>
  31. <strong>This is strong text.</strong><br>
  32. <em>This is emphasized text.</em><br>
  33. <a href="https://www.furry-paws.com/kennel/index/1610606">This is what a link looks like.</a><br><br>
  34.  
  35. There are 6 premade header options (h1 through h6).<br><br>
  36.  
  37. HR divider:<br><br>
  38. <hr><br>
  39.  
  40. Feel free to change any of these styles and/or add your own.<br><br>
  41.  
  42. <h3>This is header 3</h3>
  43. <div class="serif">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.<br><br></div>
  44.  
  45. <h4>This is header 4</h4>
  46. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.<br><br>
  47.  
  48. <h5>This is header 5</h5>
  49. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.<br><br>
  50.  
  51. <h6>This is header 6</h6>
  52. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.
  53. </div>
  54.  
  55. <div class="box2">
  56. <h1>About Player</h1>
  57. <img src="https://img.nickpic.host/u48auN.jpg" title="Player"><div style="text-align:center;">
  58. <b>ID:</b> #1234567<br>
  59. <b>Pronouns:</b> pronouns<br>
  60. <b>Time Zone:</b> EST, CST, etc.<br>
  61. <b>Commissions:</b> <span style="color:#00FF00;">OPEN</span> or <span style="color:#FF0000;">CLOSED</span>
  62. </div><br><br>
  63.  
  64. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.<br><br>
  65.  
  66. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex.
  67. </div>
  68.  
  69. <div class="box3">
  70. <h1>Characters</h1>
  71. <a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a>
  72.  
  73. <div class="box3alt"><a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a></div>
  74.  
  75. <a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a>
  76.  
  77. <div class="box3alt"><a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a></div>
  78.  
  79. <a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a>
  80.  
  81. <div class="box3alt"><a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a></div>
  82.  
  83. <a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a>
  84.  
  85. <div class="box3alt"><a href="LARGEIMAGEURL"><img src="https://img.nickpic.host/u44Ncq.png" title="Character Name"></a></div>
  86. </div>
  87.  
  88. <div class="credits">
  89. <div style="text-align:center;">
  90. <p style="color:#FFF;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;">Kennel layout created by <a href="https://www.furry-paws.com/kennel/owner/1610606"><b>Zepp (#1610606)</b></a>. Background image is from <a href="https://unsplash.com/"><b>Unsplash</b></a> & icons are from <a href="https://www.flaticon.com/free-icons/"><b>Flaticon</b></a>.</p>
  91. </div>
  92. </div>
  93. </div>
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!