[F2U] Colorful Panel (html code)

<!--
   _____     _        ____    __   ____              __
  / ___/___/ /_______/ __/___/ /  / . /___  ________/ /
 / /__/ . / / . / __/ __/ / / /  / __/ . / /   / __/ /
/____/___/_/___/_/ /_/ /___/_/  /_/  \___\/_/_/\_\/_/

Layout by mrpuppychow

-->

<div class="col-11 col-sm-8 col-lg-6 p-0 m-auto mt-3">

    <!-- background code here -->

    <div style="padding:2px;position:relative;">
        <div style="min-height:300px;" class="card bg-faded text-center p-4 rounded-0 flex-column justify-content-center">
            <h3 class="display-4">Your name here</h3>
            <hr class="my-2">
            <h3 class="font-weight-normal">age | pronouns | hobby</h3>
            <hr class="my-2">
            <p class="small text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec purus justo, tincidunt in ex quis, ullamcorper hendrerit lacus. Mauris sed ultricies ipsum, sit amet viverra felis. Cras eu neque eget odio mollis tempor vitae sed mi. Vivamus imperdiet at felis sed ultrices. Aliquam facilisis, dui in iaculis aliquet, lacus risus accumsan sapien, a scelerisque leo massa vel lectus. Integer turpis diam, semper id commodo quis, feugiat at lectus. Integer vestibulum condimentum nunc, lobortis feugiat tortor rhoncus ac.</p>
            <hr class="my-2">
            <div class="icon-tray col-8 mx-auto flex-row justify-content-between">
                <a href="link" class="fab fa-twitter text-muted card-link" data-toggle="tooltip" title="twitter"></a>
                <a href="link" class="fab fa-instagram text-muted card-link" data-toggle="tooltip" title="instagram"></a>
                <a href="link" class="fab fa-deviantart text-muted card-link" data-toggle="tooltip" title="deviantart"></a>
            </div>
        </div>
    </div>
</div>

<!-- my humble credit button-->
<div class="col-11 col-sm-8 col-lg-6 p-0 m-auto"><a class="badge badge-primary" href="https://toyhou.se/9065926">&lt;/<i class="fas fa-paw small"></i>&gt;</a></div>