Somni - User Basic

<div id="custom-page-parsed">
   <div class="mx-auto" style="max-width: 750px;">
	<!-- MAIN TITLE ---------------------------------------------------------->
      <h1 class="header text-center mb-0" style="font-size: 3em;">
		Title Here
	  </h1>
      <div class="card card-basic mt-0 mb-4 text-center">

		<!-- SUBTITLE SECTION -- update this to whatever ajectives you want -- name, pronouns, age, sign, location, etc -->
         <h4 class="mb-4" style="text-transform: none;">Name <span class="mx-2">✦</span> Pro/Nouns <span class="mx-2">✦</span> Adjective</h4>

		 <!-- CONTENT SECTION -- open area to write whatever you want about yourself ----->
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec tempor maximus, risus risus lobortis eros, vitae mollis felis odio vel nulla. Etiam sed libero laoreet ipsum lacinia sagittis eu non lectus. Fusce sit amet lectus nec massa auctor aliquam et molestie metus. Sed at est in ante egestas iaculis. Nullam varius gravida ligula nec malesuada.</p>

      </div>

	  <!-- WISHLIST SECTION -- update the item images and names to items you are currently seeking --------------->
      <h1 class="text-center mb-0">Wishlist</h1>
      <div class="card card-basic mt-0 mb-4 text-center">
	  <!-- you can add or remove the number of sections, just copy the format ------------->
         <div class="d-flex justify-content-center">

            <div class="mx-1">
               <p class="text-center"><img class="m-0" style="max-height: 100px;" src="IMG_URL" />
                  <br />Item Name
               </p>
            </div>

            <div class="mx-1">
               <p class="text-center"><img class="m-0" style="max-height: 100px;" src="IMG_URL" />
                  <br />Item Name
               </p>
            </div>

            <div class="mx-1">
               <p class="text-center"><img class="m-0" style="max-height: 100px;" src="IMG_URL" />
                  <br />Item Name
               </p>
            </div>

            <div class="mx-1">
               <p class="text-center"><img class="m-0" style="max-height: 100px;" src="IMG_URL" />
                  <br />Item Name
               </p>
            </div>

         </div>
      </div>

	  <!-- FRIENDS SECTION -- update the avatar images and link to your friends' pages --------------->
      <h1 class="text-center mb-0">Friends</h1>
      <div class="card card-basic mt-0 mb-4 text-center">
	  <!-- you can add or remove the number of sections, just copy the format ------------->
         <div class="d-flex justify-content-center">

            <div class="mx-1">
               <p class="text-center"><a href="LINK HERE"><img class="m-0" style="max-height: 100px;" src="AVATAR_IMG_URL" />
                  <br />Name</a>
               </p>
            </div>

            <div class="mx-1">
               <p class="text-center"><a href="LINK HERE"><img class="m-0" style="max-height: 100px;" src="AVATAR_IMG_URL" />
                  <br />Name</a>
               </p>
            </div>

            <div class="mx-1">
               <p class="text-center"><a href="LINK HERE"><img class="m-0" style="max-height: 100px;" src="AVATAR_IMG_URL" />
                  <br />Name</a>
               </p>
            </div>

         </div>
      </div>

	  <!-- LINKS SECTION -- you can link to anything: bsky, twitter, tumblr, comm info, etc --------->
      <h1 class="text-center mb-0">Links</h1>
      <div class="card card-basic mt-0 mb-0 text-center">
         <p class="text-center">
		 <!-- you can add or remove links -->

            <a class="btn btn-primary m-1" href="LINK_HERE">Link</a>

            <a class="btn btn-primary m-1" href="LINK_HERE">Link</a>

            <a class="btn btn-primary m-1" href="LINK_HERE">Link</a>

            <a class="btn btn-primary m-1" href="LINK_HERE">Link</a>

			<!-- CODING CREDIT -- please leave this ----------->
            <a class="btn btn-primary m-1" href="https://somnivores.com/user/Pinky">HTML</a>

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