Toyhou.se HTML Code | Pictures

<h1 class="text-center display-10"><strong><em><span style="font-size: 36px;">&quot;A quote or something&quot;</span></em></strong></h1>

<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-right mr-1 img-rounded fr-fil fr-dib" width="350" height="350"></p>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-bars"></i><strong>&nbsp;Basics<br></strong></div>
	<div class="card-block bg-faded">

		<table class="border-0 w-85 mx-auto">
			<tbody>
				<tr>
					<td class="w-60 align-top" style="text-align: center;"><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-center mr-1 img-rounded fr-fil fr-dib" width="100" height="100"></td>
				</tr>
			</tbody>
		</table>

		<h1 class="text-center display-10"><strong><em><span style="font-size: 24px;">Content | Content | Content</span></em></strong></h1>

		<table class="border-0 w-85 mx-auto">
			<tbody>
				<tr>
					<td class="w-60 align-top" style="text-align: left;"><strong>【Name】</strong> Name
						<br><strong>【Age】</strong> Age
						<br><strong>【Gender】</strong> Gender
						<br><strong>【Origin】</strong> Content
						<br><strong>【Status】</strong> Content
						<br><strong>【Career】</strong> Content</td>
					<td class="w-60 align-top" style="text-align: left;"><strong>【Nickname(s)】</strong> Nicknames
						<br><strong>【D.o.B】</strong> Date of birth
						<br><strong>【Orientation】</strong> What they&#39;re into
						<br><strong>【Species】</strong> Or Race
						<br><strong>【Alignment】</strong> Evil I hope
						<br><strong>【Theme】</strong> Song link</td>
				</tr>
			</tbody>
		</table>

		<table class="border-0 w-85 mx-auto">
			<tbody>
				<tr>
					<td class="w-60 align-top" style="text-align: left;"><strong>【Coding】</strong> @CrystalChimera</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-user"></i><strong>&nbsp;Personality<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="350" height="300"></p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
			<br>

			<table class="w-100 border-0">
				<tbody>
					<tr>
						<td class="align-top" style="width:33.3%;"><strong>【Likes】</strong>

							<ul class="mb-0">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
							</ul>
						</td>
						<td class="align-top" style="width:33.3%;"><strong>【Dislikes】</strong>

							<ul class="mb-0">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
							</ul>
						</td>
						<td class="align-top" style="width:33.3%;"><strong>【Habits/Hobbies】</strong>

							<ul class="mb-0">
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
								<li>Lorem ipsum dolor sit amet</li>
							</ul>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-male"></i><strong>&nbsp;Physical Characteristics<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-right mr-1 img-rounded fr-fil fr-dib" width="200" height="450"></p>

			<table class="border-0 w-85 mx-auto">
				<tbody>
					<tr>
						<td class="w-60 align-top" style="text-align: left;"><strong>【Height】</strong> Content
							<br><strong>【Sclera】</strong> The white part of the eye
							<br><strong>【Skin Color】</strong> Content
							<br><strong>【Hair Color】</strong> Content
							<br>
						</td>
						<td class="w-60 align-top" style="text-align: left;"><strong>【Weight】</strong> Content
							<br><strong>【Eyes】</strong> Content
							<br><strong>【Build】</strong> Content
							<br><strong>【Hair Style】</strong> Content</td>
					</tr>
				</tbody>
			</table>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<h1 class="text-uppercase"><i class="fa fa-star-o"></i> Sub Title</h1>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
		</div>
	</div>
</div>

<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="250" height="350"></p>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-info-circle"></i><strong>&nbsp;Important Notes<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<ul class="mb-0">
				<li>This box expands with info.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
			</ul>
		</div>
	</div>
</div>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-map"></i><strong>&nbsp;Story<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="200" height="450"></p>

			<h1 class="text-uppercase"><i class="fa fa-bookmark"></i> Sub Title</h1>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-right mr-1 img-rounded fr-fil fr-dib" width="200" height="450"></p>

			<h1 class="text-uppercase"><i class="fa fa-bookmark"></i> Sub Title 2</h1>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
		</div>
	</div>
</div>

<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="350" height="350"></p>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-spinner"></i><strong>&nbsp;Skills<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<h1 class="text-uppercase"><i class="fa fa-star"></i> Skill 1</h1>

			<p>This box also expands with info. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<h1 class="text-uppercase"><i class="fa fa-star"></i> Skill 2</h1>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>

			<h1 class="text-uppercase"><i class="fa fa-star"></i> Skill 3</h1>

			<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
		</div>
	</div>
</div>

<p><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-right mr-1 img-rounded fr-fil fr-dib" width="250" height="350"></p>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-tasks"></i><strong>&nbsp;Trivia<br></strong></div>
	<div class="card-block bg-faded">
		<div>

			<ul class="mb-0">
				<li>This box also again expands with info.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
				<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
			</ul>
		</div>
	</div>
</div>
<div class="card card-outline-danger mb-4">
	<div class="card-header bg-danger text-white display-3"><i class="fa fa-address-book"></i><strong>&nbsp;Relationships<br></strong></div>
	<div class="card-block bg-faded">

		<table class="w-100 border-0">
			<tbody>
				<tr>
					<td class="w-50 align-top"><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="150" height="150">
						<strong>【Name】</strong> [ <em>Relationship</em> ]
						<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci nisl, rhoncus luctus urna et, luctus tincidunt velit. Sed nec mattis dolor, quis iaculis massa. Donec at felis ac nulla dictum mollis. Donec quis justo tincidunt arcu convallis egestas ut gravida sapien. Duis id nulla non ex scelerisque rhoncus a vitae neque.
						<br>
					</td>
					<td class="w-50 align-top"><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="150" height="150">
						<strong>【Name】</strong> [ <em>Relationship</em> ]
						<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci nisl, rhoncus luctus urna et, luctus tincidunt velit. Sed nec mattis dolor, quis iaculis massa. Donec at felis ac nulla dictum mollis. Donec quis justo tincidunt arcu convallis egestas ut gravida sapien. Duis id nulla non ex scelerisque rhoncus a vitae neque.
						<br>
					</td>
				</tr>
				<tr>
					<td class="w-50 align-top"><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="150" height="150">
						<strong>【Name】</strong> [ <em>Relationship</em> ]
						<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci nisl, rhoncus luctus urna et, luctus tincidunt velit. Sed nec mattis dolor, quis iaculis massa. Donec at felis ac nulla dictum mollis. Donec quis justo tincidunt arcu convallis egestas ut gravida sapien. Duis id nulla non ex scelerisque rhoncus a vitae neque.
						<br>
					</td>
					<td class="w-50 align-top"><img src="http://file.toyhou.se/images/4866102_dx64OYKaIgXgWDf.png" class="float-left mr-1 img-rounded fr-fil fr-dib" width="150" height="150">
						<strong>【Name】</strong> [ <em>Relationship</em> ]
						<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam orci nisl, rhoncus luctus urna et, luctus tincidunt velit. Sed nec mattis dolor, quis iaculis massa. Donec at felis ac nulla dictum mollis. Donec quis justo tincidunt arcu convallis egestas ut gravida sapien. Duis id nulla non ex scelerisque rhoncus a vitae neque.
						<br>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>