Freebie User Quick

<!------------
-------------- Default focal color is  d8607b
-------------- use find & replace to quickly swap out the color
-------------->
<div class="container mt-4" style="letter-spacing: .5px; max-width: 750px;">

      <!------------- HEADER & ADJECTIVES -------------------------------->
        <h1 style="color: #d8607b; letter-spacing: 2px; line-height:1" class="display-4 text-uppercase text-center bg-faded p-2 rounded">
          Title here</h1>

        <h1 class="text-center text-uppercase text-muted small my-4" style="letter-spacing: 2px;">
          adjective - adjective - adjective</h1>

        <div class="row">
            <div class="col-12">

              <!--------- OPTIONAL FOCAL IMAGE ---------------------------->
                <img src="IMG URL"
                style="max-height: 250px;"
                class="float-md-right ml-md-2 mb-2 d-block mx-auto rounded">

                <p>Write about yourself here. This box grows with content. You can adjust the size of the image floating to the right.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum molestie ipsum. Morbi sit amet libero velit. Maecenas ut metus molestie, malesuada erat ultrices, sagittis nisi. Donec hendrerit libero enim, eget venenatis sem accumsan sit amet. Vestibulum volutpat mollis sem eget feugiat. Pellentesque dapibus, quam a laoreet pulvinar, felis quam tincidunt odio, quis pellentesque felis urna id urna. In sed ipsum feugiat, pulvinar est eget, egestas libero. Aliquam interdum erat mauris, eget fermentum quam consectetur imperdiet.</p>

                <h3 class="text-uppercase text-center" style="font-weight:300; letter-spacing:2px;">Subheader Example</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam bibendum molestie ipsum. Morbi sit amet libero velit. Maecenas ut metus molestie, malesuada erat ultrices, sagittis nisi. Donec hendrerit libero enim, eget venenatis sem accumsan sit amet. Vestibulum volutpat mollis sem eget feugiat. Pellentesque dapibus, quam a laoreet pulvinar, felis quam tincidunt odio, quis pellentesque felis urna id urna. In sed ipsum feugiat, pulvinar est eget, egestas libero. Aliquam interdum erat mauris, eget fermentum quam consectetur imperdiet.</p>
            </div>
        </div>

        <div class="display-4 d-flex justify-content-around px-2 py-2 bg-faded mt-4 rounded">
          <!-------- SOCIAL MEDIA LINKS ---- USE FONT AWESOME ICONS --------------->
            <a href="DA LINK" style="color: #d8607b;"><i class="fab fa-deviantart" /></a>
            <a href="FA LINK" style="color: #d8607b;"><i class="fas fa-paw" /></a>
            <a href="TWITTER LINK" style="color: #d8607b;"><i class="fab fa-twitter" /></a>
            <a href="TUMBLR LINK" style="color: #d8607b;"><i class="fab fa-tumblr" /></a>

            <!----- discord --------->
            <span title="name####" style="color: #d8607b;" class="tooltipster" href="#"><i class="fab fa-discord" /></span>

            <!----- code credit ------>
            <a href="/Pinky" style="color: #d8607b;"><i class="fas fa-code" /></a>

            <!----- focal image credit --------->
            <a href="IMAGE CREDIT LINK" style="color: #d8607b;" title="image credit"><i class="fas fa-image" /></a>
        </div>
</div>