HTML | User#001

  <!----------

  Please don't remove the credit tag! Code: tobirama @toyhouse

  Replace '#46816b' using the ctrl+f replace all feature to change the colour of the social media links.

Replace the two instances of 'white' to change the colour of the center background! Unfortunately I can't make it do this automatically to match the theme you are using, but I'm working on it! This is just a hobby so I'm always learning.

  Enjoy!

---------->
<div class="container-fluid px-0 py-lg-5 py-0" style="max-width:750px;"><div class="row no-gutters">


    <!--------- background image (top) ---------->
    <div class="card-block d-block rounded-0 border-top-0" style="background:url(put-url-here) middle center fixed;height:170px;">
                <br>
            </div>


    <div class="card-block rounded-0 mt-0" style="background:white;">
                <div class="row no-gutters">
                    <div class="col-sm-4 hidden-md-down text-center text-muted p-0 mx-auto px-1 py-1" style="margin-top:-20px;font-size:3em;padding-top:1.25rem !important;">

                      <!----------

                      Social media buttons

                      ---------->

                        <a href="DA-LINK" class="btn btn-block btn-outline-secondary p-3" style="border-color:#f0748d;color:#f0748d; display:inline; height:10px; width:10px;">
                        <i class="fab fa-deviantart fa-2x align-middle" style:"height: 2rem;width: 30px;"></i></a>
                         <a href="TWITTER-LINK" class="btn btn-block btn-outline-secondary p-3" style="border-color:#f0748d;color:#f0748d; display:inline;">
                         <i class="fab fa-twitter fa-2x align-middle" style:"height: 2rem;width: 30px;"></i></a>
                        <!----------->
                         <a href="IINSTA-LINK" class="btn btn-block btn-outline-secondary p-3" style="border-color:#f0748d;color:#f0748d; display:inline;">
                        <i class="fab fa-instagram fa-2x align-middle" style:"height: 2rem;width: 30px;"></i></a>
                        <a href="FA-LINK" class="btn btn-block btn-outline-secondary p-3" style="border-color:#f0748d;color:#f0748d; display:inline;">
                        <i class="fas fa-paw fa-2x align-middle" style:"height: 2rem;width: 30px;"></i></a>
                        <a href="TUMBLR-LINK" class="btn btn-block btn-outline-secondary p-3" style="border-color:#f0748d;color:#f0748d; display:inline;">
                        <i class="fab fa-tumblr fa-2x align-middle"></i></a>
                        <a  title="username#0000" class="btn btn-block btn-outline-secondary p-3 tooltipster" style="border-color:#f0748d;color:#f0748d; display:inline;">
                        <i class="fab fa-discord fa-2x align-middle"></i></a>
                        </div>

                    <!----------

                    For best results, use a 250x250 image here

                    ---------->

                    <div class="col-sm-4 col-sm p-0 d-flex">
                        <div class="card rounded-circle d-block mx-auto" style="background-image:url(https://i.imgur.com/Ukse7KZ.gif);margin-top: -50px;height:250px;width:250px;border:3px solid white;">
                            <br>
                        </div>
                    </div>

                    <div class="col-sm-4 hidden-md-down text-center text-muted p-0 mx-auto" style="margin-top:-20px;font-size:15px;padding-top:1.25rem !important;">
                       <div class="text-uppercase" style="font-size:18px; color:#f0748d;">NAME</div>


                       <p style="overflow:auto; height:140px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Faucibus vitae aliquet nec ullamcorper sit amet risus.</p></div>
                </div></div>




    <!---------- background image (bottom) ---------->
        <div class="card-block d-block rounded-0 border-top-0" style="background:url(put-url-here) middle center fixed;height:50px; margin-top: -50px;">
                <br>
            </div>




    </div>
 <!----
Please don't remove this part! It is my credit :)
----->
<div class="text-right p-1" style="font-size:10px;">
  <a href="https://toyhou.se/6408102.char-001"><i class="far fa-code text-muted"></i></a>
    </div>