Stone's Code Dump

StoneWolf18 · Jan 21, 2017

[SIZE= 40px]Stone's Code Dump[/SIZE]

So, my request thread is getting a little messy, so I decided to create a dump of all the code I create so I and others can easily access them. If you would like a template, please go here as I would like to keep this thread as clean and as clear of clutter as possible. That means, like the posts all you want, but PM me or send me a status update if you wanna say something! Anyways, take as you like and ask me if you have questions but DO NOT remove the credit.

[SIZE= 24px]Table of Contents[/SIZE]

[SIZE= 18px]1) [/SIZE][SIZE= 18px]Purple Sectioned Character Sheet[/SIZE]

[SIZE= 18px]2) Green Sectioned Character Sheet[/SIZE]

[SIZE= 18px]3) Wide Blue 'n Black Vertical Character Sheet[/SIZE]

[SIZE= 18px]4) [/SIZE][SIZE= 18px]Playful Fire Themed Horizontal Half Sheet[/SIZE]

[SIZE= 18px]5) Cyberpunk Themed Sectioned Character Sheet[/SIZE]

[SIZE= 18px]6) Dystopian Image Bordered Interest Check Example[/SIZE]

[SIZE= 18px]7) [/SIZE][SIZE= 18px]Forest Camp Image Bordered Interest Check[/SIZE]

[SIZE= 18px]8 ) Black Sectioned character Sheet[/SIZE]

[SIZE= 18px]9) Rose Themed Single Image Character Sheet[/SIZE]

[SIZE= 18px]10) Grey Themed Single Image Character Sheethttps://www.rpnation.com/topic/291844-stones-code-dump/?do=findComment&comment=7393599[/SIZE]

[SIZE= 18px]11) [/SIZE]Red and Black Double Image Post Template

[SIZE= 18px]More to come![/SIZE]

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
.stonemain{
margin:auto;
background-color:#f3e6ff;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 6px double white;
height:667px;}

hr.stonehr{
border-top: 2px solid white;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}

Character Name Here

Basic Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Backstory

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
.stonemain{
margin:auto;
background-color:#f3e6ff;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder{
border: 6px double white;
height:667px;}

hr.stonehr{
border-top: 2px solid white;}

.stoneboxtop{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxbottom{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}


.stoneboxright{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #dab3ff;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Lora' , serif;
padding: 10px;
}

.stoneimage{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}</style>
<div style="overflow: auto;">
<div class="stonemain">
	<div class="stoneborder">
		<div style="color: white; font-family: Satisfy, cursive; text-align: center;">
			<p style="">
				 
			</p>

			<p style="">
				<span style="font-size:72px;">Character Name Here</span>
			</p>

			<hr class="stonehr" hr="" style="font-size: 48px;">
		</div>

		<div class="stoneboxtop">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Basic Information
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneimage">
			<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
		</div>

		<div class="stoneboxbottom">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Appearance
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneboxright">
			<h2 style="color: #dab3ff; font-family: 'Satisfy', cursive; font-size: 24px; text-align: center;">
				Backstory
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div style="clear:both;">
			<div class="stonecredit;" style="text-align: center;">
				<span style="color:#edb3ff;">Coded By || StoneWolf18</span>
			</div>
		</div>
	</div>
  </div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain1{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder1{
border: 2px dashed #669900;
height:667px;}

hr.stonehr1{
border-top: 2px solid #669900;}

.stoneboxtop1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneboxbottom1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneboxright1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage1{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit1{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}

Character Name Here

Basic Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Backstory

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Josefin+Slab');
.stonemain1{
margin:auto;
background-color:#003300;
height:680px;
width:1000px;
overflow:hidden;
padding:10px;}

.stoneborder1{
border: 2px dashed #669900;
height:667px;}

hr.stonehr1{
border-top: 2px solid #669900;}

.stoneboxtop1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxbottom1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: left;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}


.stoneboxright1{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #669900;
float: right;
margin-right: 15px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Open Sans Condensed', sans-serif;
padding: 10px;
}

.stoneimage1{
height: 200px;
width: 450px;
float: right;
margin-right: 10px;
}
.stonecredit1{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
color: grey;
}</style>
<div class="stonemain1">
	<div class="stoneborder1">
		<div style="color: #cc9900; font-family: 'Josefin Slab', serif; text-align: center;">
			<p style="">
				 
			</p>

			<p style="">
				<span style="font-size:72px;">Character Name Here</span>
			</p>

			<hr class="stonehr1" hr="" style="font-size: 48px;">
		</div>

		<div class="stoneboxtop1">
			<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
				Basic Information
			</h2>

			<hr>
			<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
		</div>

		<div class="stoneimage1">
			<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
		</div>

		<div class="stoneboxbottom1">
			<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
				Appearance
			</h2>

			<hr>
			<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
		</div>

		<div class="stoneboxright1">
			<h2 style="color: #cc9900; font-family: 'Josefin Slab', serif; font-size: 24px; text-align: center;">
				Backstory
			</h2>

			<hr>
			<span style="font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.</span>
		</div>

		<div style="clear:both;">
			<div class="stonecredit1;" style="text-align: center;">
				<span style="color:#cc9900;">Coded By || StoneWolf18</span>
			</div>
		</div>
	</div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
.stonemain2{
margin: auto;
background-color: black;
overflow: auto;
width: 1500px;
height: 740px;
border: 4px solid #b3e6ff;
}
.stoneboxleft2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 35px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxcenter2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 15px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxright2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-right: 15px;
margin-left: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stonecredit2{
height: 20px;
width: 60px;
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}

Character Name Here

Basic Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

History

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Bungee+Shade');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
.stonemain2{
margin: auto;
background-color: black;
overflow: auto;
width: 1500px;
height: 740px;
border: 4px solid #b3e6ff;
}
.stoneboxleft2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 35px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxcenter2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-left: 15px;
margin-right: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneboxright2{
overflow: auto;
background-color: #e6f7ff;
width: 450px;
height: 480px;
border: 4px solid #b3e6ff;
float: left;
margin-right: 15px;
margin-left: 15px;
text-align: left;
font-family: 'Poiret One', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stonecredit2{
height: 20px;
width: 60px;
float: center;
margin: auto;
text-align: center;
font-family: 'Lora' , serif;
color: grey;
}</style>
<div style="overflow: auto;">
<div class="stonemain2">
	<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: center; font-size: 72px;">
		<p>
			Character Name Here
		</p>

		<hr>
	</div>

	<div class="stoneboxleft2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">Basic Information</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneboxcenter2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">Appearance</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneboxright2">
		<div style="color: #b3e6ff; font-family: 'Bungee Shade', cursive; text-align: Left; font-size: 48px;border-bottom: 1px solid black;">
			<p style="text-align: center;">
				<span style="color:#000000;"><span style="font-size:28px;">History</span></span>
			</p>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div style="clear: both; text-align: center;">
		<span style="color:#b3e6ff;"><span style="background-color:#000000;">Coded By || StoneWolf18</span></span>
	</div>
</div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Waiting+for+the+Sunrise');
.stonemain4{
margin: auto;
background-color: #dd9e6c;
height: 100%;
width: 100%;
border: 4px solid #ba6c2c;
overflow: hidden;
}
.stoneboxleft4{
overflow: auto;
background-color: #f5e4d6;
width: 30%;
height: 300px;
border: 4px solid #d34545;
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
font-family: 'Indie Flower', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneimage4{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.stonecredit4{
height: 5px;
width: 50px;
float: center;
margin-left: 10px;
text-align: center;
font-family: 'Lora' , serif;
color: #d34545;
}

Personality

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Biography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display:none;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Indie+Flower|Waiting+for+the+Sunrise');
.stonemain4{
margin: auto;
background-color: #dd9e6c;
height: 100%;
width: 100%;
border: 4px solid #ba6c2c;
overflow: hidden;
}
.stoneboxleft4{
overflow: auto;
background-color: #f5e4d6;
width: 30%;
height: 300px;
border: 4px solid #d34545;
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
text-align: left;
font-family: 'Indie Flower', cursive;
font-size: 18px;
color: black;
padding: 15px;
}
.stoneimage4{
float: left;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.stonecredit4{
height: 5px;
width: 50px;
float: center;
margin-left: 10px;
text-align: center;
font-family: 'Lora' , serif;
color: #d34545;
}</style>
<div class="stonemain4">
	<div class="stoneboxleft4">
		<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
			<div data-role="contentPage">
				<p style="text-align: center;">
					<strong>Personality</strong>
				</p>

				<hr data-role="contentPageBreak">
			</div>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneimage4">
		<img alt="sayako.png.952b69e4adf076aab25db95eef1e41d1.png" data-fileid="238759" src="http://66.media.tumblr.com/tumblr_l6m17yjpBJ1qz4ueho1_500.png" style="width: 500px; height: 300px; border:none;">
	</div>

	<div class="stoneboxleft4">
		<div style="font-size: 28px; color: #ba6c2c; font-family: 'Waiting for the Sunrise', cursive;">
			<div data-role="contentPage">
				<p style="text-align: center;">
					<strong>Biography</strong>
				</p>

				<hr data-role="contentPageBreak">
			</div>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div style="clear: both;">
		&nbsp;
	</div>

	<div class="stonecredit">
		<p style="color: rgb(211, 69, 69); text-align: left; margin-left: 10px;">
			Coded By || StoneWolf18
		</p>
	</div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Exo|Orbitron');
.stonemain5{
margin: auto;
background-image: url("http://s1.picswalls.com/wallpapers/2015/11/22/cyberpunk-wallpaper_102105675_292.jpg");\
background-repeat: no-repeat;
height: 550px;
width: 80%;
border: 6px double #66ccff;
overflow: auto;
}
.stoneboxleft5{
overflow: auto;
background-color: black;
width: 40%;
height: 450px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 90px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxtop5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxbottom5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}

"Chararcter Quote Here"

For basic information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.

"Character Quote Here"

For Appearance information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.

"Character Quote Here"

For Personal information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Exo|Orbitron');
.stonemain5{
margin: auto;
background-image: url("http://s1.picswalls.com/wallpapers/2015/11/22/cyberpunk-wallpaper_102105675_292.jpg");\
background-repeat: no-repeat;
height: 550px;
width: 80%;
border: 6px double #66ccff;
overflow: auto;
}
.stoneboxleft5{
overflow: auto;
background-color: black;
width: 40%;
height: 450px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 90px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxtop5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}
.stoneboxbottom5{
overflow: auto;
background-color: black;
width: 40%;
height: 215px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Exo', sans-serif;
font-size: 18px;
color: #ccefff;
padding: 15px;
border: 3px solid #66ccff;
}</style>
<div class="stonemain5">
	<div class="stoneboxleft5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Chararcter Quote Here&quot;</span></em>
			<hr>
		</div>
		For basic information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

	<div class="stoneboxtop5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Character Quote Here&quot;</span></em>

			<hr>
		</div>
		For Appearance information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

	<div class="stoneboxbottom5">
		<div style="text-align: center; line-height: 40px; color: 66ccff;  font-size: 48px; font-family: 'Orbitron', sans-serif;">
			<em><span style="font-size:36px;">&quot;Character Quote Here&quot;</span></em>

			<hr>
		</div>
		For Personal information.... Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sagittis blandit fermentum. Proin nisl nunc, imperdiet sed porttitor at, malesuada quis lectus. Nulla at ex ipsum. Cras facilisis eros a risus dignissim, nec fermentum arcu euismod. Proin rutrum nulla eget nisl lacinia, vitae accumsan urna convallis. Donec id mauris dolor. Nunc vitae lacus malesuada, egestas turpis quis, faucibus mi. Vestibulum quam neque, sollicitudin nec feugiat quis, hendrerit sit amet odio. Maecenas sed nibh congue, semper lectus sed, ultrices ante. Duis dignissim massa ac egestas euismod. Ut id ullamcorper elit. Quisque lacinia fringilla ullamcorper. Sed vitae nisi eu nunc sagittis tincidunt id id elit. Duis ut lacus et risus fermentum efficitur semper ut dolor. Ut dictum turpis vitae justo condimentum varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquet urna non dignissim maximus. Aliquam non sodales sapien. Suspendisse rutrum est a neque mattis, non faucibus quam tempor. In pretium quam quis volutpat iaculis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc laoreet et nisi aliquet condimentum. Ut id gravida magna. Vestibulum aliquet, lacus vitae tristique porta, quam elit dapibus enim, eget euismod ligula dolor dictum ex. Fusce iaculis pulvinar fringilla.
	</div>

	<div style="clear:both;">
		&nbsp;
	</div>

	<div style="text-align: center; font-size: 10px; font-family: 'Orbitron', sans-serif;">
		<span style="font-size:12px;"><span style="color:#FFFFFF;">Coded By || StoneWolf18</span></span>
	</div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain6{
margin: auto;
background-color: #8a7a63;
height: 620px;
width: 90%;
border: 4px solid #5c4c36;
text-align: left;
overflow: hidden;
}
.stoneimageleft6{
float: left;
}
.stonebox6{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #b5a58f;
border: 4px solid #5c4c36;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: black;
font-size: 18px;
padding: 10px;
}
.stoneimageright6{
float: right;
}
hr.stonehr6{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.

Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.

Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.

Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.

Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.

No code for this one because I used it for a person interest check, I can do something similar if you ask, however!

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain7{
margin: auto;
background-color: black;
height: 620px;
width: 90%;
border: 4px solid black;
text-align: left;
overflow: hidden;
}
.stoneimageleft7{
float: left;
}
.stonebox7{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #0d0d0d;
border: 4px solid black;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: #f2f2f2;
font-size: 18px;
padding: 10px;
}
.stoneimageright7{
float: right;
}
hr.stonehr7{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

Coded By || StoneWolf18

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.

Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.

Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.

Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.

Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Amatic+SC|Raleway');
.stonemain7{
margin: auto;
background-color: black;
height: 620px;
width: 90%;
border: 4px solid black;
text-align: left;
overflow: hidden;
}
.stoneimageleft7{
float: left;
}
.stonebox7{
overflow: auto;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
height: 550px;
width: 468px;
float: left;
background-color: #0d0d0d;
border: 4px solid black;
text-align: left;
font-family: 'Raleway' , sans-serif;
color: #f2f2f2;
font-size: 18px;
padding: 10px;
}
.stoneimageright7{
float: right;
}
hr.stonehr7{
 border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}</style>
<div class="stonemain7">
	<div class="stoneimageleft7">
		<img alt="Campfire" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://southernafrican.news/wp-content/uploads/2016/07/campfire.jpg&key=8673acda4d21e4a64adc913d32c094818de8b7ce0132f9b4014a2dc2850f3139" style="width: 478px; height: 620px; border: none;">
	</div>

	<div class="stonebox7">
		<p style="text-align: center;">
			<span style="font-size:16px;"><span style="text-align: center; color: white; font-family: &quot;Amatic SC&quot;, cursive;">Coded By || StoneWolf18</span></span>
		</p>


		<div style="font-family: 'Amatic SC', cursive; font-size: 36px;margin-top: 10px; margin-bottom: 10px;text-align: center;">
			Title
		</div>

		<div data-role="contentPage">
			<hr data-role="contentPageBreak">
		</div>

		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dignissim lacus eu erat auctor lacinia. Nunc sagittis nisi et condimentum luctus. Nunc et hendrerit dolor, ac bibendum enim. Nunc mollis tincidunt felis vel mollis. Ut neque libero, convallis nec metus sed, elementum blandit ipsum. Duis maximus, lorem mattis viverra volutpat, lectus ipsum porttitor velit, nec efficitur mi ex nec nisl. Sed augue sem, consequat id arcu at, placerat consequat ex. Sed ac tortor in mi accumsan maximus at eu leo. Maecenas rhoncus, tortor eu dignissim convallis, sem elit tincidunt ligula, sit amet sollicitudin sapien dolor in lectus. Sed tincidunt feugiat lobortis. Duis quis cursus urna. Donec dui nulla, porttitor ac tempor eu, suscipit non eros. Donec lobortis molestie sapien, in scelerisque sem sodales ullamcorper.
		</p>

		<p>
			 
		</p>

		<p>
			Integer lectus velit, feugiat eu efficitur eu, mollis ut dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris et ligula in tellus egestas dignissim. Morbi ultrices metus eros, nec hendrerit ligula pellentesque non. Etiam interdum feugiat nisi nec bibendum. Nulla dapibus consequat mi sed varius. Pellentesque tincidunt purus non posuere luctus.
		</p>

		<p>
			 
		</p>

		<p>
			Phasellus vel turpis quis orci facilisis consequat. Nunc sollicitudin hendrerit orci. Pellentesque nulla sem, viverra in turpis ullamcorper, pharetra sodales sem. In eu viverra felis. Nullam malesuada dui eros, in condimentum elit tincidunt sit amet. Vivamus lacinia nulla a sodales egestas. Praesent tincidunt dapibus enim, in congue metus hendrerit a. Pellentesque vehicula ex sed vehicula posuere. Sed non rutrum lacus. Duis lobortis porttitor elit vel aliquet. Fusce placerat mollis massa, ac pulvinar massa euismod vitae. Pellentesque quis ipsum finibus, imperdiet dui quis, tristique tortor.
		</p>

		<p>
			 
		</p>

		<p>
			Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut pulvinar fringilla libero, vel ornare risus. Nam dignissim, risus consectetur semper interdum, orci nisi bibendum lorem, sed gravida lectus lorem egestas risus.
		</p>

		<p>
			 
		</p>

		<p>
			Aliquam id laoreet tortor, eget gravida est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam iaculis vulputate felis, vitae porttitor neque tincidunt vel. Suspendisse fringilla pharetra ex at tempus. Praesent gravida hendrerit elit eu iaculis. Curabitur id purus at nulla lacinia scelerisque. Nullam posuere, nisi eget sollicitudin sagittis, quam justo semper felis, ac dapibus lectus urna nec neque. Vivamus ultrices augue venenatis semper vulputate.
		</p>

		<p>
			 
		</p>

		<p>
			Nunc congue, mauris sed mollis lobortis, lectus felis hendrerit turpis, quis faucibus purus quam quis elit. Morbi consectetur ultrices libero, venenatis ultrices orci porta quis. Nullam posuere, purus ut condimentum ultrices, velit purus ultrices lacus, eu tristique dui nulla luctus augue. Mauris dignissim dignissim odio, at posuere eros placerat sed. Praesent pretium nulla et dui tristique, nec interdum lacus euismod. Nam faucibus pharetra risus, ac lacinia est molestie placerat. Nullam id nisl eget ipsum gravida condimentum. Phasellus volutpat vel lacus a fringilla. Curabitur feugiat, augue eu dignissim porta, nibh tortor consequat odio, hendrerit lobortis nulla est in velit. Nunc a erat dui. Suspendisse tempus massa eu cursus gravida. Donec fermentum, lacus id aliquam consectetur, tortor nulla fringilla felis, eu condimentum turpis mauris et ligula.
		</p>
	</div>

	<div class="stoneimageright7">
		<img alt="Forest" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://im.boklm.eu/3663199137-o.jpg&key=6eff9409e573b6d764a96e83eb41d0f6f198ab18da932af1a9b97bf13d794f47" style="width: 440px; height: 650px; border: none;">
	</div>

	<div style="clear:both;">
		 
	</div>

	<div style="text-align: center; color: white; font-size: 8px; font-family:'Amatic SC', cursive;">
		<span style="font-size:18px;">Coded By || StoneWolf18</span>
	</div>
</div>

StoneWolf18 · Jan 21, 2017

@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain9{
margin:auto;
background-color:black;
height:700px;
width:70%;
overflow:hidden;
padding:10px;}

.stoneborder9{
border: 6px double #cccccc;
height:690px;}

hr.stonehr9{
border-top: 2px solid white;}

.stoneboxtop9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxbottom9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneboxright9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: right;
margin-right: 50px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneimage9{
height: 200px;
width: 450px;
float: right;
margin-right: 50px;
}
.stonecredit9{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Walter Turncoat', cursive;
color: grey;
}

Character Name

Basic Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Appearance

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Backstory

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display:none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain9{
margin:auto;
background-color:black;
height:700px;
width:70%;
overflow:hidden;
padding:10px;}

.stoneborder9{
border: 6px double #cccccc;
height:690px;}

hr.stonehr9{
border-top: 2px solid white;}

.stoneboxtop9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}


.stoneboxbottom9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: left;
margin-left: 50px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}


.stoneboxright9{
overflow: auto;
background-color: white;
height: 200px;
width: 450px;
border: 3px solid #cccccc;
float: right;
margin-right: 50px;
margin-left: 15px;
margin-top: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
padding: 10px;
}

.stoneimage9{
height: 200px;
width: 450px;
float: right;
margin-right: 50px;
}
.stonecredit9{
height: 50px
width: 60px
float: center;
margin: auto;
text-align: center;
font-family: 'Walter Turncoat', cursive;
color: grey;
}</style>
<div class="stonemain9">
	<div class="stoneborder9">
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;">
			<p style="">
				 
			</p>

			<p style="">
				<span style="font-size:72px;">Character Name </span>
			</p>

			<hr class="stonehr9" hr="" style="font-size: 48px;">
		</div>

		<div class="stoneboxtop9">
			<h2 style="color: black; font-family: 'Rock Salt', cursive; font-size: 24px; text-align: center;">
				Basic Information
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneimage9">
			<img alt="image" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=http://research.larc.smu.edu.sg/bizanalytics/assets/img/default.jpg&key=01cdb392376af5ac9b5878dd985956a8da10c35bd3bed1f88c99431395d1db57" style="width: 450px;height:200px;">
		</div>

		<div class="stoneboxbottom9">
			<h2 style="color: black; font-family: 'Rock Salt', cursive; font-size: 24px; text-align: center;">
				Appearance
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div class="stoneboxright9">
			<h2 style="color: black; font-family: 'Rock Salt', cursive; font-size: 24px; text-align: center;">
				Backstory
			</h2>

			<hr>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</div>

		<div style="clear:both;">
			<div class="stonecredit9;" style="text-align: center;">
				<span style="color:#cccccc;font-family: 'Walter Turncoat', cursive;">Coded By || StoneWolf18</span>
			</div>
		</div>
	</div>
</div>

StoneWolf18 · Jan 22, 2017

@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain8{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid #461220;
background-color: #AA4751;
overflow: auto;
}
hr.stonehr8 {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.stoneimage8{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid #461220;
}
.stonebox8{
overflow: auto;
background-color: #e8c9cc;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid #461220;
}

"Character quote here"

"Character Quote Here"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain8{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid #461220;
background-color: #AA4751;
overflow: auto;
}
hr.stonehr8 {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.stoneimage8{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid #461220;
}
.stonebox8{
overflow: auto;
background-color: #e8c9cc;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid #461220;
}</style>
<div class="stonemain8">
	<div style="text-align: center; font-size: 32px; font-family: 'Cormorant SC', serif; color: black;">
		<i>"Character quote here"</i>
		<hr class="stonehr8">
	</div>

	<div class="stoneimage8">
		<img alt="image.jpeg" data-fileid="210663" src="https://www.aprentiv.com/wp-content/themes/aprentiv-template/images/placeholder-pres.jpg" style="width: 290px; height: 459px;">
	</div>

	<div class="stonebox8">
		<div style="text-align: center; font-size: 28px; font-family: 'Cormorant SC', serif; color: black;">
			<em>"Character Quote Here"</em>

			<hr class="stonehr8">
		</div>

		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</p>
	</div>

	<div style="clear: both;">
		 
	</div>

	<p style="text-align: center;">
		<strong><span style="color:#461220;font-family: 'Walter Turncoat', cursive;text-align: center;font-family: 'Cormorant SC'">Coded By || StoneWolf18</span></strong>
	</p>
</div>

StoneWolf18 · Jan 22, 2017

@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain10{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid black;
background-color: grey;
overflow: auto;
}
hr.stonehr10{
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.stoneimage10{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid black;
}
.stonebox10{
overflow: auto;
background-color: white;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid black;
}

"Character quote here"

"Character Quote Here"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	 
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Cormorant|Cormorant+SC');
.stonemain10{
margin: auto;
height: 700px;
width: 65%;
border: 6px solid black;
background-color: grey;
overflow: auto;
}
hr.stonehr10{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.stoneimage10{
float: left;
margin-left: 20px;
margin-right: 20px;

margin-top: 20px;
border: 6px solid black;
}
.stonebox10{
overflow: auto;
background-color: white;
width: 60%;
height: 470px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
font-family: 'Cormorant', serif;
font-size: 20px;
color: black;
padding: 15px;
border: 6px solid black;
}</style>
<div class="stonemain10">
	<div style="text-align: center; font-size: 32px; font-family: 'Cormorant SC', serif; color: black;">
		<i>"Character quote here"</i>
		<hr class="stonehr10">
	</div>

	<div class="stoneimage10">
		<img alt="image.jpeg" data-fileid="210663" src="https://www.aprentiv.com/wp-content/themes/aprentiv-template/images/placeholder-pres.jpg" style="width: 290px; height: 459px;">
	</div>

	<div class="stonebox10">
		<div style="text-align: center; font-size: 28px; font-family: 'Cormorant SC', serif; color: black;">
			<em>"Character Quote Here"</em>

			<hr class="stonehr10">
		</div>

		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
		</p>
	</div>

	<div style="clear: both;">
		 
	</div>

	<p style="text-align: center;">
		<strong><span style="color:black;font-family: 'Walter Turncoat', cursive;text-align: center;font-family: 'Cormorant SC'">Coded By || StoneWolf18</span></strong>
	</p>
</div>

StoneWolf18 · Jan 22, 2017

@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain11{
margin: auto;
height: 720px;
width: 50%;
border: 6px double #950404;
background-color: black;
overflow: auto;
}
.stoneboxleft11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}
.stoneboxright11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}

Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Post Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Coded By || StoneWolf18

Code:

<p style="display: none;">
	&nbsp;
</p>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Walter+Turncoat');
.stonemain11{
margin: auto;
height: 720px;
width: 50%;
border: 6px double #950404;
background-color: black;
overflow: auto;
}
.stoneboxleft11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: left;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 10px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}
.stoneboxright11{
overflow: auto;
background-color: black;
width: 45%;
height: 500px;
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 20px;
text-align: left;
font-family: 'Walter Turncoat', cursive;
font-size: 18px;
color: #666666;
padding: 15px;
border: 3px solid #950404;
}</style>
<div class="stonemain11">
	<img alt="Image 1" border="display:none" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://placehold.it/820x150&amp;key=d18e768a09b37d9120e0120ef449b0bb17d2de5e81ad2363098813cac476fdce" style="width: 820px;height:150px;">
	<p>
		&nbsp;
	</p>

	<div class="stoneboxleft11">
		<img alt="Image 2" border="display:none" src="https://www.rpnation.com/applications/core/interface/imageproxy/imageproxy.php?img=https://placehold.it/450x150&amp;key=0854140aea158963199aa81c217d3f834a1b931f42fd6267ed3e257ad736b1ab" style="width: 450px;height:150px;">
		<hr>
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;font-size: 24px">
			<u>Information</u>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div class="stoneboxright11">
		<div style="color: white; font-family: 'Rock Salt', cursive; text-align: center;font-size: 24px">
			<u>Post Header</u>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.
	</div>

	<div style="clear: both; text-align: center;">
		<span style="font-size:14px;"><span style="color:#950404;font-family: 'Walter Turncoat', cursive;">Coded By || StoneWolf18</span></span>
	</div>
</div>

StoneWolf18 · Jan 24, 2017

Another for an interest check!

@import url('https://fonts.googleapis.com/css?family=Nosifer|Shadows+Into+Light');
.stonemain13{
margin: auto;
height: 600px;
width: 94%;
border: 6px double white;
background-color: black;
overflow: auto;
}
.stonebox13{
overflow: auto;
height: 585px;
width: 510px;
float: left;
background-color: black;
text-align: left;
font-family: 'Shadows Into Light', cursive;
font-size: 20px;
padding: 30px;
}
.stoneimageleft13{
float: left;
}
.stoneimageright13{
float: left;
}

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus tempus justo non pellentesque. Donec rhoncus erat ex, sed elementum metus mattis et. Cras sed purus urna. Vivamus eu tellus ut dolor efficitur dictum. Sed sollicitudin tincidunt ipsum. Etiam id dui eget est elementum gravida. Sed convallis tincidunt nibh at blandit. Morbi commodo est eget erat molestie volutpat. Sed sit amet finibus ipsum, in tincidunt felis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam at euismod diam. Proin sit amet rutrum odio, et suscipit urna. Vivamus interdum, massa a semper lobortis, nulla elit iaculis massa, non cursus orci neque id eros. Aliquam ut cursus sem. In sem quam, bibendum vel ullamcorper et, egestas vitae ipsum. Nullam pretium, ipsum at lacinia mattis, neque augue vehicula augue, at interdum leo sapien a justo. Phasellus eros metus, aliquam quis augue at, pretium aliquet augue. Sed id pharetra felis. Quisque at quam felis. Sed iaculis enim sed blandit varius. Donec accumsan scelerisque aliquam. Phasellus quis risus eget justo tincidunt condimentum. Curabitur suscipit enim ut nibh faucibus, sed tempus magna accumsan. Donec vitae iaculis nisl. Suspendisse vestibulum viverra risus, ut facilisis dolor vestibulum ac. Vivamus non quam efficitur, vehicula est a, iaculis dui.

Stone's Code Dump

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

StoneWolf18

Within the Depths of a Dream

Users who are viewing this thread

Similar threads