Palette

<div class="container">
	<div class="row">
		<div class="col card card-block" style="margin:10px; padding:0px;">
			<div>
				<!--------------SIDEBAR-------------->
				<img src="https://file.toyhou.se/characters/1464664?1516489836.png" class="fr-fic fr-dib" height="283" width="283">

				<table class="table table-striped" style="border: none; width: 100%;">
					<tbody>
						<tr>
							<td style="width:33%;"><strong>Name</strong></td>
							<td style="width:66%;">Name</td>
						</tr>
						<tr>
							<td style="width:33%;"><strong>Age</strong></td>
							<td style="width:66%;">Age</td>
						</tr>
						<tr>
							<td style="width:33%;"><strong>Pronouns</strong></td>
							<td style="width:66%;">Pronouns</td>
						</tr>
						<tr>
							<td style="width:33%;"><strong>Species</strong></td>
							<td style="width:66%;">Species</td>
						</tr>
						<tr>
							<td style="width:33%;"><strong>Location</strong></td>
							<td style="width:66%;">Location</td>
						</tr>
						<tr>
							<td style="width:33%;"><strong>Story</strong></td>
							<td style="width:66%;">TBA</td>
						</tr>
					</tbody>
				</table>
				<!--------------END OF SIDEBAR-------------->
			</div>
		</div>
		<div class="col-8 card card-block" style="margin:10px; padding: 0;">
			<div class="card-header" style="padding-bottom: 5px;">

				<h3>About</h3>
			</div>
			<div>
				<!--------------ABOUT-------------->
				<div style="padding: 10px 20px; height:500px; overflow-y: scroll;">

					<p>Summary of character&#39;s life &amp; goals moving forward.</p>
				</div>
				<!--------------END OF ABOUT-------------->
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-sm" style="margin:0px; padding: 0px;">
			<div class="card card-block" style="margin:10px; padding: 0;">
				<div class="card-header" style="padding-bottom: 5px;">

					<h3>Personality &amp; Outlook</h3>
				</div>
				<div>
					<!--------------PERSONALITY-------------->
					<div style="padding: 10px 20px; height:200px; overflow-y: scroll;">

						<p>Description of how your character views &amp; reacts to their environment.</p>
					</div>
					<!--------------END OF PERSONALITY-------------->
				</div>
			</div>
			<div class="card card-block" style="margin:10px; padding: 0;">
				<div class="card-header" style="padding-bottom: 5px;">

					<h3>Powers &amp; Assets</h3>
				</div>
				<div>
					<!--------------POWERS & ASSETS-------------->
					<div style="padding: 10px 20px; height:200px; overflow-y: scroll;">

						<p><strong>Power</strong>
							<br>Description/uses/limits of this power.
							<br>
							<br><strong>Power 2</strong>
							<br>Description/uses/limits of this power.
							<br>
							<br><strong>Power 3</strong>
							<br>Description/uses/limits of this power.</p>
					</div>
					<!--------------END OF POWERS & ASSETS-------------->
				</div>
			</div>
		</div>
		<div class="col-sm card card-block" style="margin:10px; padding: 0;">
			<div class="card-header" style="padding-bottom: 5px;">

				<h3>Relationships</h3>
			</div>
			<div style="padding: 10px 20px; height:460px; overflow-y: scroll;">
				<!--------------RELATIONSHIPS-------------->

				<table style="margin-right: calc(-62%); width: 162%;">
					<!--------------Copy & paste or remove boxes for appropriate number of relationships-------------->
					<tbody>
						<tr>
							<td colspan="2" style="width: 31.2625%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">
								<a href=""><img src="https://file.toyhou.se/characters/1464664?1516489836.png" class="fr-fic fr-dii" width="129" height="129"></a>
							</td>
							<td style="width: 68.5383%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">NAME
								<br>title</td>
						</tr>
						<tr>
							<td colspan="3" style="width: 99.8008%; border-color: rgb(255, 255, 255); border-style: double; border-width: 1px;">relationship description relationship description relationship description relationship description relationship description relationship description relationship description relationship description
								<br>
							</td>
						</tr>
						<!--------------END OF RELATIONSHIPS-------------->
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!--------------PALETTE-------------->
	<div class="row" style="margin: 10px;">
		<!--------------Copy & paste or remove boxes for appropriate number of colors, up to 12-------------->
		<div class="col-sm" style="height:45px; background-color: #4D4443;">
			<br>
		</div>
		<div class="col-sm" style="height:45px; background-color: #746356;">
			<br>
		</div>
		<div class="col-sm" style="height:45px; background-color: #A45E4A;">
			<br>
		</div>
		<div class="col-sm" style="height:45px; background-color: #4F6769;">
			<br>
		</div>
		<!--------------END OF PALETTE-------------->
	</div>
	<div class="row">
		<div class="col-sm card card-block" style="margin:10px 5px 10px 25px; padding: 0;">
			<div class="card-header" style="padding-bottom: 5px;">

				<h3>Aesthetic</h3>
			</div>
			<div>
				<!--------------AESTHETIC-------------->
				<div style="padding: 10px 20px; height:300px; overflow-y: scroll;">

					<p>A description of this character&#39;s appearance &amp; their preferences when it comes to decorating both their body &amp; personal space.</p>
				</div>
				<!--------------END OF AESTHETIC-------------->
			</div>
		</div>
		<div class="col-sm card card-block" style="margin:10px 5px; padding: 0;">
			<div class="card-header" style="padding-bottom: 5px;">

				<h3>Trivia</h3>
			</div>
			<div>
				<!--------------TRIVIA-------------->
				<div style="padding: 10px 20px; height:300px; overflow-y: scroll;">

					<p>Tidbits that aren&#39;t really important/don&#39;t fit anywhere else.</p>
				</div>
				<!--------------END OF TRIVIA-------------->
			</div>
		</div>
		<div class="col-sm  card card-block" style="margin:10px 25px 10px 5px; padding: 0;">
			<div class="card-header" style="padding-bottom: 5px;">

				<h3>Q &amp; A</h3>
			</div>
			<div>
				<!--------------Q&A-------------->
				<div style="padding: 10px 20px; height:300px; overflow-y: scroll;">

					<p><strong>Q: Question</strong>
						<br>A: Answer
						<br>
						<br>
					</p>
				</div>
				<!--------------END OF Q&A-------------->
			</div>
		</div>
	</div>
	<!--------------Credit-------------->
	<!--Links back to the original code page!  Please don't remove unless you feel you've edited it so heavily that the original code wouldn't be helpful to someone who wants a profile similar to yours-->

	<p style="text-align:right; margin-right: 15px;"><a href="https://toyhou.se/3042335.-free-simple-w-palette"><i class="fa fa-code"></i></a></p>
	<!--------------Artist Notes-------------->
	<div style="width:100%;">
		<div class="card card-outline-danger card-bg-danger" style="margin: 0 auto; height:245px; width:450px; font-size: 0.9em; background: #fff; color: #000;">

			<h1 class="card-header bg-danger text-white"><i class="fa fa-paint-brush"></i> Artist Notes</h1>
			<div class="card-block table-responsive">

				<ul style="list-style-type: disc;">
					<li>Important design notes for people who you have draw your character.</li>
				</ul>
			</div>
		</div>
	</div>
</div>