Somni - User Float Default

<div class="container-fluid p-lg-5 p-4" style="max-width: 1000px;">
   <div class="row justify-content-center align-items-center">
      <div class="col-lg-auto mb-lg-0 mb-3 order-lg-2">
         <!-- featured image ---- this will auto-size itself to fit in the space
            ---- you can adjust the max-height and max-width to control how big it can get --> <img class="d-block mx-auto" style="max-height: 650px; max-width: 350px; border-radius: 16px;"
			src="IMG_URL_HERE" />
      </div>
      <div class="col-lg order-lg-1">
         <!--------- user content card -- this will auto-size itself to fit with the image ------------------------->
         <div class="card card-basic p-4" style="border-radius: 16px;">

            <!---- your name or title here ----->
            <h1 class="text-center text-uppercase mb-0" style="font-size: 2em; letter-spacing: 1px;">Your Name</h1>

            <!---- adjectives here -------------->
            <p class="text-center text-600 small mb-0" style="letter-spacing: 1.5px;">
               gender . age . adj
            </p>
            <hr class="mt-2 mb-0 w-75 mx-auto" />
            <div class="py-3 text-center">

               <!-------- write content here -- this box grows with content -- i suggest keeping it concise -->
               <p>This box will grow with content so 'tis up to you how big she gets. The image to the side can be any size- if the image is larger, the box will center itself. If the content box is taller, the image will center itself.</p>
               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. </p>

            </div>
            <hr class="mt-0 w-75 mx-auto" />
            <p class="text-center mb-0" style="font-size: 1.5em;">

               <!-- SOCIAL MEDIA LINKS-- i've included a bunch of common ones, you can erase links you do not need
                  ----- these use font awesome icons, you can edit the links to use other icons
                  --------------------------------------------------------------------------------->

               <a href="BLUESKY_LINK_HERE">
               <span class="fab fa-bluesky mx-1" title="Bluesky">&nbsp;</span></a>

               <a href="TOYHOUSE_LINK_HERE">
               <span class="fas fa-house mx-1" title="Toyhouse">&nbsp;</span></a>

               <a href="TUMBLR_LINK_HERE">
               <span class="fab fa-tumblr mx-1" title="Tumblr">&nbsp;</span></a>

               <a href="DEVIANTART_LINK_HERE">
               <span class="fab fa-deviantart mx-1" title="Deviantart">&nbsp;</span></a>

               <a href="FURAFFINITY_LINK_HERE">
               <span class="fas fa-paw mx-1" title="Furaffinity">&nbsp;</span></a>

               <a href="CARRD_LINK_HERE">
               <span class="fas fa-id-card mx-1" title="Carrd">&nbsp;</span></a>

               <a href="COMMISSIONS_LINK_HERE">
               <span class="fas fa-palette mx-1" title="Commissions">&nbsp;</span></a>

               <!-- CREDIT FOR PROFILE ART -- if you drew the art yourself, you can erase this! -->
               <a href="ART_CREDIT_HERE">
               <span class="fas fa-image mx-1" title="Art Credit">&nbsp;</span></a>

               <!-- CODING CREDIT -- please leave this here! -->
               <a href="https://somnivores.com/user/Pinky"><span class="fas fa-code mx-1" title="HTML Credit">&nbsp;</span></a>

            </p>
         </div>
      </div>
   </div>
</div>