Toyhou.se Character Template 2

<div class="container" style="width: 1000px; text-align: center;">
	<div class="row">
		<div class="col-4">
			<div class="ui-accordion card card-outline-info bg-faded" style="background-color:#aaa; border-color:#aaa;">

				<h2 class="card-inverse card-info card-header" style="background-color:#AAA;border-color:#AAA;text-align:center;color: #fff;margin:0px;"><strong>NAME</strong>
					<br><span style="font-size: 14px;">SPECIES | AGE | GENDER</span></h2>
				<div class="ui-accordion-content card-block bg-faded " style="background-color:#fff;border-color:#AAA;color: rgb(0, 0, 0);text-align:center;height:290px;padding:0px;margin:0px;">

					<p><img style="padding:0px;margin:0px;" src="https://file.toyhou.se/images/6996931_eTj43d2yJTSuGep.png?1522270505" class="fr-fic fr-dii" width="290" height="290"></p>
				</div>
			</div>
		</div>
		<div class="col-8">
			<div class="ui-accordion card card-outline-info bg-faded" style="background-color:#aaa; border-color:#aaa;">

				<h2 class="card-inverse card-info card-header" style="background-color:#aaa;border-color:#aaa;text-align:center;color: #fff;"><strong><span style="font-size: 30px;">Info</span></strong></h2>
				<div class="ui-accordion-content card-block bg-faded " style="background-color:#fff;border-color:#aaa;color: rgb(0, 0, 0);text-align:center; height:298px;border-radius: 3px;">

					<h2 style="text-align: left;"><strong>About</strong></h2>

					<p>Just like a basic about. Like a description of the character or their key features and a mental description. Can be long or short. Just needs to help tell the reader who the character is and how to draw them.&nbsp;</p>
					<hr style="border-color:#aaa;">
					<div class="container-fluid">
						<div class="row">
							<div class="col-6">
								<div class="card card-block" style="background-color:#fff;border-color:#aaa;color: rgb(0, 0, 0);text-align:center;">

									<h2 style="text-align: left;"><strong>Likes</strong></h2>

									<p>a thing, thing, thing, thing, thing, thing, thing, thing, thing, thing, and a thing</p>
								</div>
							</div>
							<div class="col-6">
								<div class="card card-block" style="background-color:#fff;border-color:#aaa;color: rgb(0, 0, 0);text-align:center;">

									<h2 style="text-align: left;"><strong>Dislikes</strong></h2>

									<p>a thing, thing, thing, thing, thing, thing, thing, thing, thing, thing, and a thing</p>
								</div>
							</div>
						</div>
						<hr style="border-color:#aaa;">

						<h2 style="text-align: left;"><strong>More info</strong></h2>

						<p>You can put anything here or just remove it. It&#39;s you to you!~
							<br>It might be useful if you want to but a long backstory or something!</p>
					</div>
				</div>
			</div>

			<p style="text-align: right;"><a href="https://toyhou.se/1984849.character-profile-2-wip" id="">HTML Profile</a> by @Coywolfy</p>
		</div>
	</div>
</div>