faygo code

<!---

FAYGO / by cati/dogboy

    NOTES
    accent: #070F4A
            (use ctrl+f + replace for accent/icon 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!!

--->

<!--- bg pattern, bc of the text over the bg id suggest using one that doesnt have too heavy of a pattern/easy to read text on! --->
<div class="container-fluid" style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/images/25533752_5RGnl6khqBJ23lJ.jpg) repeat fixed;max-width:500px;margin:30px auto 5px;border-radius:10px;">
    <div class="row no-gutters">
    <div class="col-lg-5 pt-3">
         <div class="col-12 p-3 my-3" style="background-color:#FFFFFF;max-width:95%;overflow:auto;margin-left:2%;">
                    <div class="text-center">
                    <span>
                    <!--- music player, remove URLHERE with the end of a yt link --->
                        <iframe class="flex-fill" style="height:1em;width:1em;opacity:0;position:absolute;margin-top:5.5px;z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
                        src="https://www.youtube.com/embed/URLHERE"></iframe><i class="fas fa-play fa-2x" style="color: #070F4A;"></i>
                        <!--- song info --->
                        <br><span class="font-italic" style="font-size:10px;color:#070F4A;"><i class="fas fa-compact-disc fa-spin"></i>&nbsp; song name - artist</span></span>
                </div>
                </div>
            <div class="col-12 text-center">
          	 <!--- sidebar image, can be a chibi or something, same dimension (200x200, 100x100) images are best, you can work with verticle images, wide images are probably not your ideal here --->
               <img src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/23539847_5M9.png" style="max-height:190px;border-radius:10px;">
         </div>
         </div>
    <div class="col-lg-7 p-3">
        <!--- bar image --->
        <div class="card my-2" style="background: url(https://64.media.tumblr.com/dbda10719da3f26017cc9066eb115d06/2e4d07c3dd890c92-c6/s500x750/587216a19d1fb05cf0bd5fadc81a5df59f5bbe2f.gif); background-size:cover;background-position:center;height:50px;border:0px;"></div>
        <!--- name, age, etc --->
            <h3 class="text-uppercase font-italic" style="color:#070F4A;font-size:15px;letter-spacing:3px;margin-top:8%;" align="center">name / age / gender</h3>
            <div style="background-color:#FFFFFF;max-height:150px;overflow:auto;">
            <div align="center">
            <!--- intro, you can write as much as youd like, itll scroll! --->
                <center><p class="text-center p-3 font-italic" style="color:#070F4A;font-size:13px;">
                  	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.</p>
                     </div>
                  </div>
            <!--- links --->
                  <h3 class="text-uppercase my-3" style="color:#070F4A;font-size:19px;letter-spacing:3px;" align="center">
                      <a href="URLHERE"><i class="fab fa-twitter" style="color:#070F4A;"></i></a> •
                      <a href="URLHERE"><i class="fab fa-deviantart" style="color:#070F4A;"></i></a> •
                      <a href="URLHERE"><i class="fab fa-instagram" style="color:#070F4A;"></i></a> •
                      <a href="URLHERE"><i class="fab fa-tumblr" style="color:#070F4A;"></i></a> •
            <!--- my credit, dont remove pls!! --->
                      <a href="https://toyhou.se/8472418.faygo-f2u-html"><i class="fad fa-rainbow" style="color:#070F4A;"></i></a></h3>
               </div>
            </div>
        </div>