<!-- *~*~*~ Scenery User Profile by jammydodger ~*~*~*

   Rules/Tips:
      - Remember to leave a comment on my forum post (https://toyhou.se/~forums/16.htmlcss-graphics/72125.-jammy-s-free-html-codes-) if you use, thank you!
      - Please do not remove the credit, redistribute or claim it as your own.
       - However, feel free to modify to your heart's content! If you take/learn elements from the code without using large chunks/sections, no credit is required ofc
      - Keep WYSIWYG off to install and edit!
      - This was coded on the night theme. Please keep in mind bootstrap colors change from theme to theme. See https://getbootstrap.com/docs/4.0/utilities/colors/ for more info on preset BS colors.
      - If you need help installing/customizing this layout further, feel free to contact me or ask on the TH forums for assistance.
      - Enjoy my layouts? Support me on Ko-Fi at https://ko-fi.com/jammydodger, I'd greatly appreciate it!      -->
<div class="container text-white">
	<!-- change background image by replacing current bg url 'https://file.toyhou.se/images/9107579_hyRdkjeBwhfuICh.png?1534414281' another image url -->
	<div class="row justify-content-center p-5" style="background: url(https://images.unsplash.com/photo-1541780644027-402cd848a283?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1944&q=80) center;">
		<div class="col-lg-6 p-3 text-center j" style="background: rgba(29, 29, 75,0.8);">

			<p class="display-1 text-upperclass mb-2" style="letter-spacing:0 em;">Name</p>
			<div class="col-lg-12 table-responsive mt-3" style="height:500px;">

				<p><span style="font-size: 18px;">Species X Gender</span></p>

				<p>Intro here</p>

				<p>Artist - Song Name</p>

				<p style="text-align: left;"><strong>NAME:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>GENDER:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>AGE:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>SPECIES:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>BIRTHDAY:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>HEIGHT:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>HOMETOWN:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>OCCUPATION:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>SEXUALITY:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>FAVORITE FOOD:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>LIKES:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>SMELLS LIKE:</strong>&nbsp;</p>

				<p style="text-align: left;"><strong>ABOUT:</strong> &nbsp;</p>

				<p style="text-align: left;">
					<br>
				</p>
			</div>
			<!-- end text box-->
		</div>
		<br>
		<br>
	</div>
</div>
<!-- credit - do not remove -->
<div class="container">
	<div class="row p-0">
		<div class="col-lg-12 text-right py-2">&nbsp;<span style="color: #9b9b9b;">background image by unsplash</span>
			<a class="tooltipster" href="/togedemaru" target="_blank" title="jammydodger"><i class="fas fa-code"></i></a></div>
	</div>
</div>
<!-- credit - do not remove -->

<p>
	<br>
</p>