okay! good luck ((:

this is probably not what you meant by send the code but-

<!-- [F2U] Tiny User by togedemaru | sylueon

    Info:
        - Remember to leave a comment on my forum post (https://toyhou.se/~forums/16.htmlcss-graphics/72125) if you use, thank you!
        - Please do not redistribute or claim it as your own. Feel free to modify to your heart's content but credit must always remain regardless!
        - Keep WYSIWYG off to install and edit!
        - Tips:
            - This layout uses bootstrap colors. See https://getbootstrap.com/docs/4.0/utilities/colors/ for more info.
            - For links, replace '#' in <a href="#">link</a> with the appropriate url.
            - Replace 'IMG URL HERE' with the url of the image.
            - To change progress bar percents, alter 'width:50%' to the desired percentage.
            - For info on the icons, see the font awesome website or my reference here: https://toyhou.se/3536712
        - Enjoy my layouts? Support me on Ko-Fi at https://ko-fi.com/sylueon, I'd greatly appreciate it!

 -->
<div class="container py-5">
        <div class="row no-gutters justify-content-center">
            <div class="col-lg-6 col-md-10 col-11 push-1 push-sm-0 p-2">

                <!-- pagedoll -->
                <div style="margin-left:-15%;position:absolute;margin-top:-15%;width:40%;height:300px;">
                  <div class="d-none d-sm-block auto-align" style="height:10%;width:100%;"></div>
                  <div style="background:url(https://file.toyhou.se/images/9716403_5DdODU29qppmGG0.png) center no-repeat;background-size:contain;height:300px;width:100%;"></div>
                </div>

                <!-- end pagedoll -->


                <div class="row no-gutters justify-content-end bg-faded rounded table-responsive text-center px-3 p-sm-4" style="height:210px;">
                    <div class="col-9 d-flex">
                        <div class="m-auto auto-align">
                            <div class="row no-gutters d-flex">
                                <!-- name -->
                                <span class="col-sm-auto text-left display-4 text-primary" style="font-size:1.5em;">
                                  Roccdog
                                </span>

                                <hr class="col w-100 mx-sm-3 mx-0 my-1 my-auto">

                                <!-- adjectives -->
                                <span class="col-sm-auto text-right pt-1 auto-align">14 . they/them . rocc</span>
                            </div>


                            <div class="table-responsive d-flex p-1 p-lg-0" style="height:105px;">
                                <div class="my-auto text-muted">
                                    <!-- describe yourself -->
                                    <p>i love my character and love drawing even more! you can call me rocc/rockthisdog/dog. i'm always up for talking so dont be afraid to reach out to me ^^. im a nerd and like to play video games, xbox/switch hit me up!!</p>
                                </div>
                            </div>

                            <!-- links -->
                            <p class="d-flex justify-content-around auto-align mt-2 mt-sm-0">
                              <a href="#"><i class="fab fa-twitter"></i></a> <!-- twitter link -->
                              <a href="#"><i class="fab fa-deviantart"></i></a>  <!-- https://www.deviantart.com/roccdog -->
                              <a href="#"><i class="fab fa-instagram"></i></a>  <!-- https://www.instagram.com/ifyou_could/ -->
                              <a href="#"><i class="fab fa-tumblr"></i></a> <!-- tumblr link -->
                            </p>
                        </div>
                    </div>
                </div>

        <!-- credits -->
                <div class="text-right p-1">
                    <small class="text-primary auto-align">
                      <!-- pagedoll credit -->
                      <a class="tooltipster" href="#" title="pagedoll"><i class="fal fa-paint-brush"></i></a>
                      .
                      <!-- code credit, do not remove -->
                      <a class="tooltipster" href="/togedemaru" title="code"><i class="fal fa-bolt"></i></a>
                    </small>
                </div>
            </div>
        </div>
    </div>