Coding for Jarvan

[Jack'Aran]



<style type="text/css">
#affiliates:hover, #Demacia:hover, #Neutral:hover, #Noxus:hover, #Switzerland:hover, #ooc:hover {
opacity:1;}

p{padding:10px;
color:#FFF;}

strong {
color:#FF0;
}

.affiliate1 {
width:100%;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.affiliate1:hover {
background-color:#333;
opacity:0.5;
}


.Demacian1 {
width:100%;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.Demaffiliate1:hover {
background-color:#333;
opacity:0.5;
}


.Neutral1 {
width:100%;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.Neutaffiliate1:hover {
background-color:#333;
opacity:0.5;
}


.Noxus1 {
width:100%;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.Noxaffiliate1:hover  {
background-color:#333;
opacity:0.5;
}


.Switzerland1 {
width:100%;
text-align:center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


.Swiaffiliate1:hover  {
background-color:#333;
opacity:0.5;
}




a:link, a:visited {
color:#fff;
text-decoration:none;
}

h1 {
z-index:3 !important;
text-shadow:0px 0px 15px #bbb;
cursor:default;
font-size:15pt;
font-family: 'Century Gothic';
text-transform: normal;
text-align: center;
letter-spacing:-1px;
line-height: 15pt;
font-variant:small-caps;
color: #000000;
padding: 1px;
font-weight: normal;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;
}


#stats {
min-height:300px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 1%, #FF7700 3%, #0033F9 18%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FF8811), color-stop(3%,#FF7700), color-stop(18%,#0033F9), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 1%,#474747 3%,#000000 18%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

#affiliates{
opacity:0.7;
min-height:10px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


#Demacia{
opacity:0.7;
min-height:80px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


#Neutral{
opacity:0.7;
min-height:80px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


#Noxus{
opacity:0.7;
min-height:80px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}



#Switzerland{
opacity:0.7;
min-height:80px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}


#ooc {
opacity:0.7;
min-height:150px;
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #FF8811 2%, #FF7700 10%, #0033F9 36%, #0066F9 75%, #2266FF 95%, #FF8811 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#333333), color-stop(10%,#474747), color-stop(36%,#000000), color-stop(75%,#111111), color-stop(95%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* IE10+ */
background: linear-gradient(top, #333333 2%,#474747 10%,#000000 36%,#111111 75%,#1c1c1c 95%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 10px 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.pfor {display:none;
}
#profile {
background-color:transparent !important;
border:none;
margin:0 auto;
}



body {
background:url(http://images.wikia.com/leagueoflegends/images/d/dc/Demacia.jpg) fixed no-repeat center center;
font-family:arial;
font-size:10px;
}


* {
cursor:url(http://img.photobucket.com/albums/v504/col_jack_oneil_Sg1/Icons/DoransBlade.png), url(http://www.fileden.com/files/2009/11/17/2654176/pen.cur),auto; !important;
}

</style>

<div id="stats">
<h1>Stats</h1>
<br>
<img src="http://img.photobucket.com/albums/v504/col_jack_oneil_Sg1/Characters%20Pictures/GarenPortrait.jpg" style="float:left; padding:5px;" border="0" alt="Coulson">
<p>
<strong>Name:</strong> Garen Crownguard

<br><strong>Age:</strong> 28
<br><strong>Alignment:</strong> Lawful Good
<br><strong>Race:</strong> Human
<br><strong>Love interests:</strong> Katarina De Couteau
<br>
<br><strong>Height:</strong> 6'2"
<br><strong>Weight:</strong> 200 lbs.
<br><strong>Hair:</strong> Brown
<br><strong>Skin:</strong> White
<br><strong>Eyes:</strong> Blue
<br><strong>Physique:</strong> Body Builder, Athletic
<br>
<br>
Throughout Valoran, the resolve of Demacia's military is alternately celebrated or despised, but always respected. Their "zero tolerance" moral code is strictly upheld by civilians and soldiers alike. In combat, this means Demacian troops may not make excuses, flee, or surrender by example. Garen, the valiant warrior who bears the title "the Might of Demacia", is the paradigm to which these leaders are compared. Thousands of great heroes have risen and fallen on the bloody battlefields between Demacia and its preeminent rival, Noxus. It was beneath their mighty banners of war that Garen first met steel with Katarina, the Sinister Blade. The infantrymen who beheld this event (and survived) commented that it seemed as though the two were locked in a mortal waltz set against a symphony of clashing blades.
<br>
<br>Garen, the pride of the Demacian military and the leader of the Dauntless Vanguard, returned from this battle breathless for the first time in his career, though some speculate this was due to <u><a href="http://img.photobucket.com/albums/v504/col_jack_oneil_Sg1/GarenKatarinaKiss.jpg">reasons other than exhaustion.</a></u> The plausibility of these rumors was bolstered when, in every instance thereafter, Garen seized the opportunity to encounter the Sinister Blade again. A paragon of Demacian ethic, Garen never entertained such allegations, for he knew others couldn't understand. Even simply the pursuit of a worthy opponent on the battlefield is, to a true warrior, the reason to rise each morning. The promise of one, particularly one so beautifully and diametrically opposed, is the validation of his existence.
<br>
<br>
<br>
<img src="http://images1.wikia.nocookie.net/__cb20100415071640/leagueoflegends/images/b/b4/Perseverance.jpg">
<br><strong>Perseverance</strong> (Innate): Garen will regenerate 0.5% of his maximum health per second after not receiving damage for 7 seconds. The regenerative state will stop if Garen receives damage.
<br>
<img src="http://images3.wikia.nocookie.net/__cb20100415071638/leagueoflegends/images/b/bc/DecisiveStrike.jpg">
<br><strong>Decisive Strike (Active):</strong> Garen gains bonus movement speed for 4 seconds, in addition his next melee attack within 6 seconds will deal physical damage and silence its target for 2.5 seconds.
<br>
<img src="http://images2.wikia.nocookie.net/__cb20100415071637/leagueoflegends/images/c/c2/Courage.jpg">
<br><strong>Courage</strong> (Passive): Garen's armor and magic resistance are permanently increased by 0.5 every time he kills an enemy unit. Garen can gain a maximum of 25 armor and magic resistance. <br>
<strong>(Active):</strong> Garen places a defensive shield on himself, decreasing all damage taken by a percentage for 3 seconds.
<br>
<img src="http://images3.wikia.nocookie.net/__cb20100415071640/leagueoflegends/images/a/a1/Judgment.jpg">
<br><strong> Judgment (Active):</strong> Garen rapidly spins his sword around his body for 3 seconds, removing all existing slows and reducing the duration of new slows by 50%, plus dealing physical damage to nearby enemies every half second. Minions and neutral monsters only take half damage from this ability. Garen can deactivate Judgment early by activating the ability again after 0.5 seconds. Garen cannot use Decisive Strike or Demacian Justice while Judgment is in effect. Judgment's damage can critically strike, in which case, only the bonus damage will be multiplied.
<br>
<img src="http://images3.wikia.nocookie.net/__cb20100415071639/leagueoflegends/images/2/2f/DemacianJustice.jpg">
<br><strong> Demacian Justice (Active):</strong> Garen brings down Demacian Justice on his opponent, dealing magic damage, plus additional magic damage based on how much health his opponent is missing.
<br>


</p>

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

<div id="affiliates">
<h1>Affiliates</h1>
<br>

<div class="affiliate1"><a href="#"></a></div>

<br>
<div class="affiliate1">Member of <a href="http://theleagueoflegendsgroup.webs.com/">League of Legends RP</a></div>
<br>
</div>

<div id="Demacia">
<h1>Demacian Affiliates</h1>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Jarvan Lightshield IV">Prince Jarvan Lightshield IV</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Luxanna Crownguard">Lux Crownguard</a></div>

</div>

<div id="Neutral">
<h1>Neutral Affiliates</h1>

<div class="affiliate1"><a href="http://2.roleplaychat.org/profile.php?user=Grandmaster at Arms">Jax</a></div>

<div class="affiliate1"><a href="http://2.roleplaychat.org/profile.php?user=Malzahar">Malzahar</a></div>

<div class="affiliate1"><a href="http://3.roleplaychat.org/profile.php?user=Ashe%20of%20Freljord">Queen Ashe of Freljord</a></div>

<div class="affiliate1"><a href="http://2.roleplaychat.org/profile.php?user=King Tryndamere">Tryndamere</a></div>

<div class="affiliate1"><a href="http://2.roleplaychat.org/profile.php?user=Rumble">Rumble</a></div>

<div class="affiliate1"><a href="http://2.roleplaychat.org/profile.php?user=Maven of the Strings">Sona</a></div>



</div>

<div id="Noxus">
<h1>Noxus Affiliates</h1>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Katarina Du Couteau">Katarina Du Couteau</a></div>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Swain">Swain</a></div>

</div>


<div id="Switzerland">
<h1>UhhSwitzerland? Affiliates</h1>

<div class="affiliate1"><a href="http://roleplaychat.org/profile.php?user=Batman">Batman</a></div>
</div>

<div id="ooc">
<h1>O.O.C.</h1>
<p>
»Rule 1. Paragraph Roleplay only.
<br>»Rule 2. Original Characters are welcomed.
<br>»Rule 3. Literacy, Spelling, Grammar are mandatory.
<br>»Rule 4. A profile; Portrait, Basic Stats, BRIEF story or description.
<br>»Rule 5. Limits - I don't have any, really, whatever happens in RP.
<br>»Rule 6. Be prepared to discuss story arcs and plot.
</p>
</div>