Prome&Crim

<style>
body {
background-image: url(http://img.7te.org/images/570x363/animation-free-footage-hd-red-abstract-black-background-youtube-14824543.jpg);
background-attachment:fixed;
background-color:#000000;
font-family:serif;
text-align:center;
}
#left, #navbar2, #navbar2 a {
background-color:#690000;
border:5px solid #FF0000;
color:#ffffff;
}
#right, #navbar1, #navbar1 a {
background-color:#FF0000;
border:5px solid #690000;
color:#ffffff;
}
#left {
z-index:2;
position:fixed;
height:84%;
width:48%;
left:1%;
top:12%;
}
#right {
z-index:2;
position:fixed;
right:1%;
bottom:12%;
height:84%;
width:48%;
}
#navbar1 {
z-index:3;
position:fixed;
top:4%;
left:3%;
height:4%;
width:42%;
}
#navbar2 {
z-index:3;
position:fixed;
bottom:4%;
right:3%;
height:4%;
width:42%;
}
#navbar1 a {
display:inline-block;
position:relative;
top:50%;
padding:1%;
font-weight:bold;
}
#navbar2 a {
display:inline-block;
position:relative;
top:-100%;
padding:1%;
font-weight:bold;
}
#left h3 {
color:#ffffff;
}
#right h3 {
color:#ffffff;
}
h4 {
text-align:left;
}
.tab {
width:100%;
height: 100%;
overflow: auto;
}
img {
width:90%;
}
h2 {
}
b {
font-size:105%;
}
p {
text-indent:5%;
text-align:left;
}
a {
text-decoration:none;
}
::-webkit-scrollbar {
width:8px;
height:8px;
background-color:#630000;
box-shadow:inset 0px 0px 5px #000000;
}
::-webkit-scrollbar-thumb:vertical {
background-color:#000000;
border-radius:10px;
box-shadow:0px 0px 5px #000000;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#690000;
border-radius:10px;
box-shadow:0px 0px 5px #000000;
}
#credit {
z-index:1;
text-decoration:none;
color:007ba7;
position:fixed;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;
font-family: UnifrakturCook, Brush Script MT, script, cursive;
font-size:16px;
}
</style>

<div id="left">
<div style="height: 100%;overflow:hidden;padding-left:1%;padding-right:1%;">

<div class="tab" id="1A">
<h2><Font Color= FF0000>Prometheus "Flames"</font></h2>
<img src="http://i.imgur.com/TddAT54.gif">
<p style="text-align:center;text-indent:0%;">
<br>
<b><font color= "FF0000">Species:</font></b> Fire God
<br>
<b><font color= "FF0000">Gender:</font></b> Male
<br>
<b><font color= "FF0000">Age:</font></b>Immortal
<br>
<b><font color= "FF0000">Hair:</font></b> Black
<br>
<b><font color= "FF0000">Eyes:</font></b> Crimson
<br>
<b><font color= "FF0000">Height:</font></b> 6'4
<br>
<b><font color= "FF0000">Weight:</font></b> 156lbs
<br>
<b><font color= "FF0000">Build:</font></b> Thin But Toned
<br>
<b><font color= "FF0000">Orientation:</font></b> Straight
<br>
<b><font color= "FF0000">Partner/Mate:</font></b> Lancer Scathach
</p>
</div>

<div class="tab" id="1B">
<h2>Background</h2>
<img src="https://www.walldevil.com/wallpapers/a88/8065-katekyo-hitman-reborn-reborn-kyoya-hibari.jpg"/>
<p>
I'm Prometheus. The more quiet and subtle one out of the two of us. So I guess I have to tell you a bit about my life, well I grew up in a quiet area before having to join the military. After a while, I was a stone cold killer.With my rifle on my back, I'd walk around being feared as the Unseen Killer. So being that as it may I was fairly alone due to what I was and what I am, a fire god. Fast forward a few thousand years of minor details, and we come to the date of my last days of being a Mercenary. I was one of the most popular yet feared mercs around, with zero failed missions and countless confirmed kills in the battlefield. Fast forward a couple of months and I was now part of a secret private military. Showing my skills in battle, I have reached the highest rank in my corporations naval Military; The Admiral of the fleet. Now, the rest of my life is just small details and a lot of loose ends, so I think that will be the end of this log. Date of entry 11/24/1992. Prometheus signing out.</p>
<p>

</p>
</div>

<div class="tab" id="1C">
<h2>Abilities</h2>
<p>
Paragraph.
</p>
</div>

<div class="tab" id="1D">
<h2>Innovatory </h2>
<h4>Innovatory</h4>

<br>
<br>


</div>
<div class="tab" id="1E">
<h2>Family</h2>
<h4>Family</h4>
<align =left>
<ul>
<li>Little sister: <a target="_blank" href="https://roleplay.chat/profile.php?user=Jenna+saotome" target="_blank">Jenna Saotome</a> </li>
<li>Daughter(s): <a target="_blank" href="https://roleplay.chat/profile.php?user=Aki+Tsubasa" target="_blank">Aki Tsubasa</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Emerald Sea Flames" target="_blank"> Emerald Sea Flames</a></li>
<li>Daughter(s) -C-: <a href = "https://roleplay.chat/profile.php?user=Lilian+Bunny+Tsubasa" target="_blank">Lilian</a></li>
<li>Son(s):<a target="_blank" href="https://roleplay.chat/profile.php?user=Hiro+Tsubasa" target="_blank">Hiro Tsubasa</a></li>
</ul>


</div>


<div class="tab" id="1F">
<h2>OOC</h2>
<h4>OOC-</h4>
<ul>
<li>Is pm friendly :3 But be warned I dont Rp in Pm unless asked to.</li>
<li>Pretty new to rping so please bear with small undetailed posts</li>
<li>I am NOT willing to partake in certain rps</li>
<li>My Default is Prometheus, but will play Crimson upon asking</li>
</ul>
<br>
<br>
<div align='center'><a target='_blank' href='http://www.hit-counts.com'><img src='http://www.hit-counts.com/counter.php?t=MTQwMzk1OA==' border='0' alt='Visitor Counter'></a><BR>


</div>

</div>
</div>

<div id="navbar1">
<a href="#1A">Stats</a>
<a href="#1B">Background</a>
<a href="#1C">Abilities</a>
<a href="#1D">Innovatory</a>
<a href="#1E">Family</a>
<a href="#1F">OOC</a>
</div>

<div id="right">
<div style="height:100%;overflow-y:hidden;padding-left:1%;padding-right:1%;">

<div class="tab" id="2A">
<h2><font color= #690000>Crimson "Flame" </font></h2>
<img src="http://img03.deviantart.net/ba51/i/2016/182/c/d/elesis_dark_knight_wallpaper_by_gakuko130-da8diyc.jpg"/>
<p style="text-align:center;text-indent:0%;">
<br>
<b><font color= "690000">Species:</font></b>Fire Goddess
<br>
<b><font color= "690000">Gender:</font></b>Female
<br>
<b><font color= "690000">Age:</font></b> Immortal
<br>
<b><font color= "690000">Hair:</font></b> Crimson Red
<br>
<b><font color= "690000">Eyes:</font></b> Red
<br>
<b><font color= "690000">Height:</font></b> 5'4
<br>
<b><font color= "690000">Weight:</font></b>Want to Die?
<br>
<b><font color= "690000">Build:</font></b> Normal
<br>
<b><font color= "690000">Orientation:</font></b>Bi(Male Lean)
<br>
<b><font color= "690000">Partner/Mate:</font> </b> Single
<br>
</p>
</div>

<div class="tab" id="2B">
<h2>Background</h2>
<img src="https://i.ytimg.com/vi/-wr0MchxCrM/maxresdefault.jpg"/>
<p>
Hiya! I'm Crimson, or Crim for short. I'm the more loving and outgoing one out of the both of us. As for my story? Hmm, well all i can really tell you is that I have been with my brother Prometheus since we were born. I was in a "stasis" for a majority of our life, and only been out and about recently since there were no threats that could kill us anymore. Although i haven't gotten any cool nicknames like my brother, I'm still feared on the battlefield. As for just normal living you ask? Well all I've really known is life to the battlefield, I've only been living a "normal life" just recently when i went to this weird but amazing bar. As for the rest? Well if you wish to know anything just come to where i usually reside at in the bar. For now I've got to go! I have a mission to complete!
</p>
</div>

<div class="tab" id="2C">
<h2>Personality</h2>
<p>
Paragraph.
</p>
</div>

<div class="tab" id="2D">
<h2>Abilities</h2>
<h4>Ability here-</h4>
<p>
Description here.
</p>
<h4>Ability here-</h4>
<p>
Description here.
</p>
</div>

<div class="tab" id="2E">
<h2>Inventory</h2>
<h4>Item-</h4>
<p>
Description here.
</p>
</div>

</div>
</div>

<div id="navbar2">
<a href="#2A">Stats</a>
<a href="#2B">Background</a>
<a href="#2C">Personality</a>
<a href="#2D">Abilities</a>
<a href="#2E">Inventory</a>
</div>