lethargy / f2u html (CODE)

dogboy

Profile


CHARACTER PROFILE:

<!--- 

LETHARGY / by cati/dogboy
 
    NOTES
    accent: #2B314B
            (use ctrl+f + replace for accent replacement)
    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 pls dont remove my credit!!
    - have a nice day!!

--->

<div class="container-fluid" style="background:none;padding-top:10px;padding-bottom:1px;border-radius:0px;max-width:800px;margin:30px auto 5px;">
    <div class="card p-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border-radius:20px;border:2px solid #2B314B;">
        <!--- name --->
        <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#2A304A;font-size:30px;letter-spacing:3px;" align="center">NAME</h3>
    </div>
    <!--- background image --->
    <div class="container-fluid" style="background:url(https://64.media.tumblr.com/6d9ab093c7e53e9e0cfc52522bd8e291/tumblr_inline_ml7ydbbfK71qz4rgp.gif) repeat fixed;padding:10px;padding-bottom:1px;border-radius:5px;max-width:800px;margin:10px auto 1px;border:2px solid #2B314B;">
    <div class="row no-gutters">
    <div class="col-lg-7 p-3">
        <div class="card" style="background-color:#FFFFFF;height:200px;overflow:auto;border:2px solid #2B314B;">
            <!--- description --->
           <p class="text-center p-3" style="color:#2A304A;font-size:14px;">
           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 class="card mt-2 p-2" style="background-color:#FFFFFF;height:120px;overflow:auto;border:2px solid #2B314B;">
            <!--- column info --->
           <div class="justify-content-between m-1">
              <div><span class="font-weight-bold" style="color:#2A304A;font-size:17px;letter-spacing:1px;">AGE</span></div>
               <div><span class="text-muted font-italic" style="font-size:17px;letter-spacing:1px;">content</span></div>
            </div>
            <div class="justify-content-between m-1">
              <div><span class="font-weight-bold" style="color:#2A304A;font-size:17px;letter-spacing:1px;">GENDER</span></div>
               <div><span class="text-muted font-italic" style="font-size:17px;letter-spacing:1px;">content</span></div>
            </div>
            <div class="justify-content-between m-1">
              <div><span class="font-weight-bold" style="color:#2A304A;font-size:17px;letter-spacing:1px;">SEXUALITY</span></div>
               <div><span class="text-muted font-italic" style="font-size:17px;letter-spacing:1px;">content</span></div>
               </div>
        </div>
        <div class="col-12 p-2 m-2" style="background-color:#FFFFFF;max-width:95%;overflow:auto;margin-left:2%;border:2px solid #2B314B;border-radius:1px;">
            <div class="justify-content-between mx-2 p-2">
            <span class="p-2 text-uppercase font-italic font-weight-bold" style="font-size:21px;letter-spacing:1px;color:#2A304A;">song name</span>
            <!--- music player, paste the end of a yt link after the "youtube.com/embed/" / credit to Strabi + phasmology for music code ! --->
            <span class="p-2">
            <iframe class="flex-fill" style="height:1em;width:1em;opacity:0;position:absolute;margin-top:6px;z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen 
                        src="https://www.youtube.com/embed/CQSgzchzMlI"></iframe><i class="fas fa-play fa-2x" style="color:#2A304A;"></i></span>
            </div>
            </div>
    </div>
    <div class="col-lg-5 text-center">
        <!--- pagedoll, id personally reccommend using a vertical image. the width probably needs to be adjusted based on the image, so just play with the number after "width" so it fits to your liking! --->
        <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/26532603_6D8QxNyY3oN9fP7.png" style="width:270px;">
        <div class="card p-2 m-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border:2px solid #2B314B;">
        <p class="text-uppercase font-weight-bold font-italic text-center" style="color:#2A304A;font-size:15px;letter-spacing:1px;" align="center">
            <!--- quote --->
            <i class="far fa-quote-left" style="color:#2A304A" /> oh... how annoying... <i class="far fa-quote-right" style="color:#2A304A" /></p>
    </div>
    </div>
    </div>
    </div>
    </div>
        <!--- credit, dont remove pls! --->
    <a class="d-block text-muted text-center" href="https://toyhou.se/8557993.lethargy-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>

USER PROFILE:

<!--- 

LETHARGY / by cati/dogboy
 
    NOTES
    accent: #2B314B
            (use ctrl+f + replace for accent replacement)
    mobile friendly + custom colors! ✔✔✔

    RULES & DISCLAIMERS
    - fav/comment if using pls!
    - feel free to edit/frakenstein/etc if you feel, just pls dont remove my credit!!
    - have a nice day!!

--->

<div class="container-fluid" style="background:none;padding-top:10px;padding-bottom:1px;border-radius:0px;max-width:800px;margin:30px auto 5px;">
    <div class="card p-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border-radius:20px;border:2px solid #2B314B;">
        <!--- username --->
        <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#2A304A;font-size:30px;letter-spacing:3px;" align="center">USERNAME</h3>
    </div>
    <!--- background image --->
    <div class="container-fluid" style="background:url(https://64.media.tumblr.com/6d9ab093c7e53e9e0cfc52522bd8e291/tumblr_inline_ml7ydbbfK71qz4rgp.gif) repeat fixed;padding:10px;padding-bottom:1px;border-radius:5px;max-width:800px;margin:10px auto 1px;border:2px solid #2B314B;">
    <div class="row no-gutters">
    <div class="col-lg-7 p-3">
        <div class="card p-2" style="background-color:#FFFFFF;overflow:auto;border:2px solid #2B314B;">
            <!--- user info --->
           <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#2A304A;font-size:20px;letter-spacing:3px;" align="center">name / age / pronouns</h3>
        </div>
        <div class="card mt-2" style="background-color:#FFFFFF;height:200px;overflow:auto;border:2px solid #2B314B;">
            <!--- description --->
           <p class="text-center p-3" style="color:#2A304A;font-size:16px;">
           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.</p>
        </div>
        <div class="col-12 p-2 m-2" style="background-color:#FFFFFF;max-width:95%;overflow:auto;margin-left:2%;border:2px solid #2B314B;border-radius:1px;">
            <div class="justify-content-between mx-2 p-2">
            <span class="p-2 text-uppercase font-italic font-weight-bold" style="font-size:21px;letter-spacing:1px;color:#2A304A;">song name</span>
            <!--- music player, paste the end of a yt link after the "youtube.com/embed/" / credit to Strabi + phasmology for music code ! --->
            <span class="p-2">
            <iframe class="flex-fill" style="height:1em;width:1em;opacity:0;position:absolute;margin-top:6px;z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen 
                        src="https://www.youtube.com/embed/CQSgzchzMlI"></iframe><i class="fas fa-play fa-2x" style="color:#2A304A;"></i></span>
            </div>
            </div>
    </div>
    <div class="col-lg-5">
        <!--- pagedoll, id personally reccommend using a verticle image. the width probably needs to be adjusted based on the image, so just play with the number after "width" so it fits to your liking! --->
        <img class="mx-auto d-flex" src="https://f2.toyhou.se/file/f2-toyhou-se/images/26532603_6D8QxNyY3oN9fP7.png" style="width:215px;">
        <div class="card p-3 m-2" style="background-color:#FFFFFF;overflow:auto;max-height:100px;max-width:800px;border:2px solid #2B314B;">
        <h3 class="p-1" style="font-size:23px;letter-spacing:3px;color:#2A304A;" align="center">
            <!--- links --->
                      <a href="URLHERE"><span title="DEVIANTART"><i class="fab fa-deviantart" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="INSTAGRAM"><i class="fab fa-instagram" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="TUMBLR"><i class="fab fa-tumblr" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="YOUTUBE"><i class="fab fa-youtube" style="color:#2A304A;"></i></span></a> •
                      <a href="URLHERE"><span title="TWITTER"><i class="fab fa-twitter" style="color:#2A304A;"></i></span></a>
           </h3>
        </div>
    </div>
    </div>
    </div>
    </div>
        <!--- credit, dont remove pls! --->
    <a class="d-block text-muted text-center" href="https://toyhou.se/8557993.lethargy-f2u-html/8557998.user" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>