TOYHOUSE CODE ONE : PRETTY IN P!NK

<! –– Hey, feel free to use parts of this code to make your own stuff, idc. Please message me what you make !! ––>
<div class="profile-section profile-content-section ">
	<div class="profile-content-title">
		<hr>
	</div>
	<div class="profile-content-content user-content fr-view">
		<div class="container py-5 px-0">
			<div class="row no-gutters justify-content-center">
				<div class="col-lg-6 col-md-10 col-sm-11 p-2">
					<div class="w-100 d-none d-sm-flex" style="margin-left:-80px;margin-top:-15px;position:absolute;height:280px;max-width:220px;">
						<div style='background:url("https://41.media.tumblr.com/2b947ba1d499c29d9843b1776e3dc000/tumblr_nrylbq8hNz1u2ldioo1_400.png") no-repeat center;background-size:contain;height:280px;width:100%;'>
<! –– The image link up there is the transparent image that will be used on the lefthand side. Below this note, you'll see something like "color:#FC4478" Replace the letters and numbers with the hex code for your own color! That is the pink used. There are multiple instances of this. ––>
							<br><span class="p-1" style="font-size:32px;letter-spacing:2px;color:#FC4478;"><i class="fas fa-quote-left fa-xs"></i> quote <i class="fas fa-quote-right fa-xs"></i></span></div>
					</div>
					<div class="row no-gutters justify-content-end bg-faded rounded table-responsive text-center px-3 px-sm-4 py-sm-3" style="height:250px;">
						<div class="col-lg-9 col-sm-8 d-flex pl-lg-4">
							<div class="w-100 m-auto auto-align">
								<div class="carousel carousel-fade slide" data-pause="false" id="mu"><span style="font-size: 18px;"><div class="row no-gutters"><div class="col-sm-12 pl-2"><span class="text-uppercase pull-left my-1" style="letter-spacing:1px;font-size:20px;color:#FC4478;"><i class="fas fa-ellipsis-v fa-fw"></i> About -&nbsp;</span><a href="https://pastebin.com/YHNFg0N1" id=""><span class="text-uppercase pull-left my-1" style="letter-spacing:1px;font-size:20px;color:#FC4478;"><span style="font-size: 10px;">code</span></span></a><span class="text-uppercase pull-left my-1" style="letter-spacing:1px;font-size:20px;color:#FC4478;"><span style="font-size: 10px;">&nbsp;by icedcola ( &amp; OTHERS )&nbsp;</span></span>
									<hr class="my-1">
									<div class="row no-gutters d-flex"><span class="col-auto text-left display-4-text-primary" style="font-size:1.5em;">CHAR.&nbsp;</span>
										<hr class="col w-100 mx-3"><span class="col-auto pt-1 text-uppercase" style="color:#FC4478;">SPECIES&nbsp;</span></div>
								</div>
							</div>
							</span>Here you can put your character&#39;s information! &nbsp;BTW this is my first code thing, so sorry,,,,</div>
						<div class="carousel carousel-fade slide" data-pause="false">Go wild, this scrolls forever! But make sure your lines aren&#39;t too long ^^ !!&nbsp;</div>
						<div class="carousel carousel-fade slide" data-pause="false">Also, partially frankenstined from <a href="https://toyhou.se/5991868.-f2u-neat-toggle" id="">this</a> --</div>
						<div class="carousel carousel-fade slide" data-pause="false">&nbsp;but just the text / headers ( quote &amp;&amp; about ) but other than that it&#39;s just referenced uwu&nbsp;</div>

						<p>hmu if there&#39;s a problem .&lt;.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>
</div>