DIRECTORY CODE:
<!---
COMET HONEYMOON / by cati/dogboy
NOTES
accent: #0DC9B6
awesomefont icon: fas fa-star
(use ctrl+f + replace for accent/icon replacement)
semi-mobile friendly + custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- not wysiwyg friendly so please turn that off!
- feel free to edit/frakenstein/etc if you feel! just keep my credit pwease
- have a nice day!!
--->
<div class="container-fluid" style="background:url(https://64.media.tumblr.com/3ed14cbbe301c5f0e7c457e07f9e593a/tumblr_mwql1zRDWb1sgo88eo3_250.png) repeat fixed;padding:20px;border-radius:40px;max-width:1000px;margin:30px auto 5px;">
<div class="row no-gutters d-flex justify-content-center">
<i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
<div class="card col-8 p-3" style="background-color:#FFFFFF;overflow:auto;max-height:300px;border-radius:20px;border:0px;">
<h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#0DC9B6;font-size:30px;letter-spacing:3px;font-family:bookman;" align="center">banner text!</h3>
</div>
<i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
</div>
<div class="container-fluid" style="background:url(https://64.media.tumblr.com/07008339d680132591fdaba6bb28c457/tumblr_inline_n5br6fUeZK1r4ugnn.png) repeat fixed;padding:10px;border-radius:10px;margin:20px auto;">
<div class="row no-gutters p-4" align="center">
<div class="col-md-3 p-2">
<img class="mx-auto d-block sm-shadow" style="max-width:100%;border:3px dashed #0DC9B6;" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/17913608_qh5.png">
</div>
<div class="col-md-6">
<div class="card m-2 p-2" style="background-color:#FFFFFF;height:220px;border-radius:10px;overflow:auto;border:0px;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
<div class="col-md-3 p-2">
<img class="mx-auto d-block sm-shadow" style="max-width:100%;border:3px dashed #0DC9B6;" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/26487363_MfJ.png">
</div>
</div>
</div>
<div class="container-fluid" style="background:none;padding-top:40px;">
<div class="row no-gutters">
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/1/11/NayutalieN_-_Object_Y_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20170319080723" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/c/c4/NayutalieN_-_Object_Z_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20180712155105" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/2/23/NayutalieN_-_Object_N_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20200409050123" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- credit, dont remove pls! --->
<a class="d-block text-muted text-center" href="https://toyhou.se/8512534.comet-honeymoon-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
USER PROFILE:
<!---
COMET HONEYMOON (USER) / by cati/dogboy
NOTES
accent: #0DC9B6
awesomefont icon: fas fa-star
(use ctrl+f + replace for accent/icon replacement)
semi-mobile friendly + custom colors! ✔✔✔
RULES & DISCLAIMERS
- fav/comment if using pls!
- not wysiwyg friendly so please turn that off!
- feel free to edit/frakenstein/etc if you feel! just keep my credit pwease
- have a nice day!!
--->
<div class="container-fluid" style="background:none;padding:20px;border-radius:40px;max-width:1000px;margin:10px auto 5px;">
<div class="row no-gutters d-flex justify-content-center">
<i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
<div class="card col-8 p-3" style="background-color:#FFFFFF;overflow:auto;max-height:300px;border-radius:20px;border:0px;">
<!--- username --->
<h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#0DC9B6;font-size:30px;letter-spacing:3px;" align="center">username</h3>
</div>
<i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
</div>
<div class="container-fluid" style="background:url(https://64.media.tumblr.com/07008339d680132591fdaba6bb28c457/tumblr_inline_n5br6fUeZK1r4ugnn.png) repeat fixed;padding:10px;border-radius:10px;margin:20px auto;">
<div class="row no-gutters p-4" align="center">
<div class="col-md-3 p-2">
<!--- sidebar image, change the value after "width" to adjust to your image --->
<img class="mx-auto d-block sm-shadow" style="width:200px;" src="https://cdn.discordapp.com/attachments/268943506582667264/756032373166047342/8.png">
</div>
<div class="col-md-6">
<div class="card m-2 p-2" style="background-color:#FFFFFF;height:280px;border-radius:10px;overflow:auto;border:0px;">
<!--- introduction --->
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
<div class="col-md-3">
<!--- stamp --->
<img class="mx-auto d-block sm-shadow mt-3" style="max-width:100%;border:3px dashed #0DC9B6;" src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/8e8cf7c0-569a-42bf-9a69-f74b041c8d83/dcwehfo-e36a93ad-80c2-4128-a6b6-ee85e40185ae.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvOGU4Y2Y3YzAtNTY5YS00MmJmLTlhNjktZjc0YjA0MWM4ZDgzXC9kY3dlaGZvLWUzNmE5M2FkLTgwYzItNDEyOC1hNmI2LWVlODVlNDAxODVhZS5wbmcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.IGSl97I_U-5o7AC85D_HDJYSTW0rOV17gCiZznaPPOQ">
<div class="card m-2 p-3" style="background-color:#FFFFFF;height:150px;border-radius:10px;overflow:auto;border:0px;">
<!--- information --->
<div class="justify-content-between my-2">
<div><span class="font-weight-bold" style="color:#0DC9B6;font-size:12px;letter-spacing:1px;">name</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2">
<div><span class="font-weight-bold" style="color:#0DC9B6;font-size:12px;letter-spacing:1px;">age</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
<div class="justify-content-between my-2">
<div><span class="font-weight-bold" style="color:#0DC9B6;font-size:12px;letter-spacing:1px;">pronouns</span></div>
<div><span class="text-muted font-italic" style="font-size:12px;letter-spacing:2px;">content</span></div>
</div>
</div>
<hr style="width:65%;height:1%;background-color:#0DC9B6;">
<!--- links --->
<h3 class="text-uppercase pb-2" style="font-size:17px;letter-spacing:3px;color:#0DC9B6;" align="center">
<a href="URLHERE"><span data-toggle="tooltip" title="DEVIANTART"><i class="fab fa-deviantart" style="color:#0DC9B6;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="INSTAGRAM"><i class="fab fa-instagram" style="color:#0DC9B6;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="TUMBLR"><i class="fab fa-tumblr" style="color:#0DC9B6;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="YOUTUBE"><i class="fab fa-youtube" style="color:#0DC9B6;"></i></span></a> •
<a href="URLHERE"><span data-toggle="tooltip" title="TWITTER"><i class="fab fa-twitter" style="color:#0DC9B6;"></i></span></a>
</h3>
</div>
</div>
</div>
<!--- featured characters, highlight until "featured characters end" to remove --->
<div class="container-fluid" style="background:none;padding-top:40px;">
<div class="row no-gutters">
<!--- character 1 --->
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/1/11/NayutalieN_-_Object_Y_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20170319080723" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
<!--- character 2 --->
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/c/c4/NayutalieN_-_Object_Z_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20180712155105" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
<!--- character 3 --->
<div class="col-md-4 p-1">
<div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
<i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
<i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
<div class="w-100 text-center" style="position:absolute;top:-50px;">
<img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/2/23/NayutalieN_-_Object_N_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20200409050123" class="d-block mx-auto rounded-circle">
<div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
<p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
<br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--- featured characters end --->
</div>
<!--- credit, dont remove pls! --->
<a class="d-block text-muted text-center" href="https://toyhou.se/8512534.comet-honeymoon-f2u-html/8551045.user-version" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
