CODE 4 MELODY-2

<div class="container mt-2 px-md-5">
	<div class="card navbar p-4 mb-1">
		<div class="card card-block d-block">
			<!------------- FOCAL IMAGE ------------ YOU CAN ADJUST THE HEIGHT ---------------------->
			<img src="https://cdn.discordapp.com/attachments/498602766554497036/609879393975664643/cursed-pervert-56207470.png" style="max-height: 350px;" class="float-sm-right d-block mx-auto fr-fil fr-dib" width="293" height="295">

			<h1 class="display-4 text-uppercase"><i class="fas fa-star mr-1 small"></i> alguna wea&nbsp;</h1>

			<p class="font-weight-bold mb-4 pl-2 text-sm-left text-center">gender <i class="fa fa-star-o small mx-1"></i> age <i class="fa fa-star-o small mx-1"></i> adjective</p>

			<p style="font-size: .9em;">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. Suspendisse et accumsan leo. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec&nbsp;</p>
			<!----- links section -- for social media, friends, etc -- default uses font awesome icons -------->

			<p class="text-center"><a class="btn btn-default mx-1 mb-2" href="LINK"><i class="fab fa-deviantart"></i></a>
				<a class="btn btn-default mx-1 mb-2" href="LINK"><i class="fas fa-paw"></i></a>
				<a class="btn btn-default mx-1 mb-2" href="LINK"><i class="fab fa-twitter"></i></a>
				<a class="btn btn-default mx-1 mb-2" href="LINK"><i class="fab fa-tumblr"></i></a>
				<a class="btn btn-default mx-1 mb-2" href="/lowkeywicked"><i class="fas fa-code"></i></a></p>
		</div>
	</div>
	<!---------- CREDIT FOR FOCAL IMAGE -------------------------------------------->

	<p class="text-right small">
		<br>
	</p>
</div>