Simple User Profile [FTU] (Code)

<!--

Code by: LunasHere

Dos:
- Edit it in anyway you wish
- Change the colors: default colors are #ffb6c1 and #800080

Don'ts:
- Do not remove credit

Make sure to edit the img src to put your image!  Mostly everything that you should change has a PUT YOUR x URL HERE!

Enjoy!
-->

<div class="mx-auto" style="max-width: 400px; padding-top: 100px; padding-bottom: 50px;">
	<div class="bg-faded p-3 text-center" style="border: 3px double #ffb6c1;">
		<div class="pfp-image">
		    <!-- Change the src URL to your image here! -->
			<img class="rounded-circle" src="https://placehold.co/100x100" width="100px" height="100px">
		</div>
		<div class="main-stoof">
			<h1 style="color: #ffb6c1;"><i class="fas fa-sparkles" aria-hidden="true"></i> Name Here <i class="fas fa-sparkles fa-flip-horizontal" aria-hidden="true"></i></h1>
			<span class="badge badge-pill" style="background-color:#ffb6c1;">prn/prn</span>
		</div>
		<div class="align-items-center" style="padding-top: 15px;">
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to right, #ffb6c1, #800080);">
			<h5 class="mb-0 mx-2">About Me</h5>
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to left, #ffb6c1, #800080);">
		</div>
		<div class="about-me" style="padding-top: 5px;">
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
		</div>
		<div class="align-items-center" style="padding-top: 15px;">
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to right, #ffb6c1, #800080);">
			<h5 class="mb-0 mx-2">Gallery</h5>
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to left, #ffb6c1, #800080);">
		</div>
		<div class="gallery">
		    <!-- REPLACE ALL https://placehold.co/100x100 WITH A URL TO YOUR CHARACTER -->
		    <a href="PUT YOUR CHAR LINK HERE"><img src="https://placehold.co/100x100" style="width: 100px; padding-bottom: 5px;" /></a>
		    <a href="PUT YOUR CHAR LINK HERE"><img src="https://placehold.co/100x100" style="width: 100px; padding-bottom: 5px;" /><a>
		    <a href="PUT YOUR CHAR LINK HERE"><img src="https://placehold.co/100x100" style="width: 100px; padding-bottom: 5px;" /></a>
		</div>
		<div class="align-items-center" style="padding-top: 15px;">
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to right, #ffb6c1, #800080);">
			<h5 class="mb-0 mx-2">Links</h5>
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to left, #ffb6c1, #800080);">
		</div>
		<div class="links" style="padding-top: 5px;">
			<p>
				<a href="PUT YOUR TWITTER LINK HERE" style="color: #ffb6c1;" title="Twitter" data-toggle="tooltip" data-placement="top"><i class="fab fa-twitter" aria-hidden="true"></i></a> • 
				<a href="PUT YOUR INSTAGRAM LINK HERE" style="color: #ffb6c1;" title="Instagram" data-toggle="tooltip" data-placement="top"><i class="fab fa-instagram" aria-hidden="true"></i></a> • 
				<a href="PUT YOUR CARD LINK HERE" style="color: #ffb6c1;" title="Cardd" data-toggle="tooltip" data-placement="top"><i class="fas fa-id-card" aria-hidden="true"></i></a> • 
				<span title="PUT YOUR DISCORD INFO HERE" data-toggle="tooltip" data-placement="top" style="color: #ffb6c1;">
                    <i class="fab fa-discord"></i>
                </span>
		</div>
		<div class="align-items-center" style="padding-top: 15px;">
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to right, #ffb6c1, #800080);">
			<h5 class="mb-0 mx-2">Friends</h5>
			<hr class="flex-fill" style="height: 1px; background: linear-gradient(to left, #ffb6c1, #800080);">
		</div>
		<div class="friends" style="padding-top:5px;">
			<p>
			    <a href="PUT YOUR FRIEND URL HERE" style="color: #ffb6c1;"><i class="fas fa-heart" aria-hidden="true"></i> FRIEND HERE</a> • 
			    <a href="PUT YOUR FRIEND URL HERE" style="color: #ffb6c1;"><i class="fas fa-heart" aria-hidden="true"></i> FRIEND HERE</a> •
			    <a href="PUT YOUR FRIEND URL HERE" style="color: #ffb6c1;"><i class="fas fa-heart" aria-hidden="true"></i> FRIEND HERE</a>
			</p>
		</div>
		
	</div>
	<!-- DO NOT REMOVE THIS PLS -->
	<a href="https://toyhou.se/LunasHere" style="color: #ffb6c1; float: right;">
        <i class="fas fa-code" aria-hidden="true"></i>
    </a>
</div>