For Amber

[Jack'Aran]


<style type="text/css">

/* LINK COLOR */

a:link, a:visited {
color:#FFF;
text-decoration:none; /* removes the underline */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

a:hover {
color:#06F;
}

/* VARIOUS STYLES */

.characterSheet strong {
color:#FF0;
}

.characterSheet {
text-shadow:0px 0px 1px black;
width:650px;
margin:0 auto;
text-align:center;
}

.quotes {
font-size:25px;
line-height:-3px;
color:#FFF;
}

/* SPECIAL EFFECTS (Bolds, Italics, Underlines, etc. */

i {
background-color:#08F;
color:#FFF!important;
text-decoration:none;
}


/* SECTION HEADERS */

h1 {
color:#FFF;
margin-top:15px;
font-family:'monotype corsiva' !important;
line-height:7px;
letter-spacing:-3px;
font-weight:normal;
font-size:40px;
background:none;
text-align:center;
text-transform:none;
}

/* NAVIGATION - background, links, & hover states */

#nav {
text-align:center;
margin:0 auto;
margin-top:-15px;
color: white;
width: 500px;
height: 20px;
padding:5px;
line-height:-7px;
background-color: #06F!important;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
-webkit-border-radius: 0px 0px 50px 50px;
border-radius: 0px 0px 50px 50px;
}

#nav a:link, #nav a:visited {
font-size:10px !important;
letter-spacing:-1px;
text-decoration:none;
color:#FF0!important;
font-weight:normal !important;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding:5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

#nav a:hover {
background-color:#111;
color:#FFF!important;
text-decoration:none;
}


/* BASE TEMPLATE FOR SECTIONS - make a div and give it the id of template to create more sections */

#template {
font-size:11px;
font-family:arial !important;
background-color: #06F!important;
margin:0 auto;
margin-top:70px;
text-align: center;
width: 650px;
height: 400px;
padding: 5px;
color:white;
-webkit-box-shadow:inset 1px 1px 25px 1px #111;
-moz-box-shadow:inset 1px 1px 25px 1px #111;
box-shadow:inset 1px 1px 25px 1px #111;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
}

/* OVERALL LAYOUT (use ONLY if you know HTML/CSS) */
body {
background:url("none");
background-color: Black;
}

ul {list-style-type:none; margin:0; padding:0;}
li {display:inline;}

.anchor {
margin:0 auto;
width: 650px;
height: 400px;
overflow-y: hidden;
}

#container {
margin:0 auto;
width:900px;
}
#profile {
background-color: transparent;
border-color: transparent; color: #900;}
.pfor {display: none;}
</style>

<div id="container">
<div id="nav">
<a href="">[4]</a>
<a href="#one">The</a>
<a href="#two">Greatest</a>
<a href="#three">Team</a>
<a href="#four">Ever!</a>
<a href="#five">[4]</a>
<br>
</div>

<div id="template">


<div class="anchor">
<a name=""></a>
<div class="anchor">
<img src=" ****IMAGE HERE **** " width="250" height="400" style="float:left; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;

"/>
<center><h1>The Invisible Woman<h1></center>
<center><small>( Text here )</small>
<br>
<br>

<span class="quotes">❝</span><i>Fancy Quote here</i><span class="quotes">❞</span>
<br>



<br>
<br>
</center>
</div>


<a name="one"></a>
<div class="anchor">
<center><h1>info</h1></center>
<div class="characterSheet"><img src=" **Image here** " height="217" width="128" style="float:left; padding:5px; margin-top:-5px;" />

<img src=" **IMAGE HERE** " height="217" width="128" style="float:right; padding:5px; margin-top:-5px;" />
<br>
<strong>Name:</strong>
<br><strong>Alias:</strong>
<br><strong>Age:</strong>
<br><strong>Birthday:</strong>
<br><strong>Alignment:</strong> Lawful Good
<br><strong>Astrological Sign:</strong>
<br><strong>Marital Status:</strong><a href="http://1.roleplaychat.org/profile.php?user=Mister%20Fantastic"> Married, =P </a>
<br><strong>Height:</strong>
<br><strong>Weight:</strong>
<br><strong>Hair:</strong>
<br><strong>Skin:</strong>
<br><strong>Eyes:</strong>
<br><strong>Physique:</strong>
</div>

</div>


<a name="two"></a>
<div class="anchor">
<center><h1>page 2</h1></center>
<p>
<a href="http://1.roleplaychat.org/profile.php?user=Johnny%20Storm" target=blank><img src="http://24.media.tumblr.com/tumblr_lx98iaojWZ1r03eggo2_250.gif"></a> <a href="http://1.roleplaychat.org/profile.php?user=Mister%20Fantastic" target=blank><img src="http://24.media.tumblr.com/tumblr_m8rqn0fTqX1rb5t58o5_400.jpg" height="160" width="160"></a>


</p>

<p>

</p>
<p>

</p>
</div>


<a name="three"></a>
<div class="anchor">
<center><h1>page 3</h1></center>
<p>
<img src="http://24.media.tumblr.com/tumblr_lvlnglXwdA1qj7hvgo1_500.gif" height="180" width="360">
<br>
<img src="http://25.media.tumblr.com/tumblr_lvlnglXwdA1qj7hvgo2_500.gif" height="180" width="360">


</p>
<p>


</p>
<p>



</p>
</div>


<a name="four"></a>
<div class="anchor">

<center><h1>gallery</h1></center>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100" /></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<br>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<br>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
<a href="#" Target=blank><img src="http://placehold.it/100x100" height="100" Width="100"/></a>
</div>


<a name="five"></a>
<div class="anchor">
<center><h1>O.O.C. rules</h1></center>
<i>Let's get this straight. Some ground rules before you up and decide to talk to me.</i><br>
<div style="text-align:left; max-width:450px; margin:0 auto;"><img src=" " height="217" width="128" style="float:left; padding:5px;"

/><br>

<small>These get lengthy, so I only made 5</small><br>
✖ Rule #1 I'm very friendly to get along with, I prefer Semi - Para RP.
<br>
✖ Rule #2 Grammar, spelling, and punctuation can't be perfect for everyone! Just try your best all the time and you'll be fantastic!
<br>
✖ Rule #3 T1 Combat style, if you try anything else you're stretching it with me!
<br>
✖ Rule #4 Original Characters, Marvel, DC, or crossovers are accepted.
<br>
✖ Rule #5 I'm happily married to Reed, your flattery goes a long way, but my love for her stretches beyond space and time.
<br>
</div>

</div>

</div>

<div style="position:absolute; bottom:0; right:0;"><small>Profile created by <a href="http://roleplaychat.org/profile.php?user=Steve+Rogers">Thank you, Mr. Steven Rogers</a></small></div>
</div>