Header 2

Normal Text, Bold, Italic, Underline, ~~Strike~~, Big and Small

Blockquote

The Code

Copy the coding below and paste onto your header.php page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Title Here ♥</title>
<meta name="description" content="Site Description Here"/>
<meta name="keywords" content="Keywords Here"/>
</head>

big { font-family: georgia; font-size: 19px; color: #7ddcb1; letter-spacing: -1px; text-style: normal; text-transform: uppercase;
}
small { font-family: arial; font-size: 11.4px; color: #c1f4a2; 
}
h1 { margin: 2px; font-family: times; font-size: 20px; color: #c8c8c8; letter-spacing: 0px; font-weight: normal; text-align: left; text-transform: lowercase; font-style: italic; padding: 3px; margin-bottom: 2px; background-color: #545959; border-bottom: 1px solid #1f9f98; border-radius: 10px; 
}
h2 { margin: 2px; font-family: times; font-size: 20px; color: #c8c8c8; letter-spacing: 0px; font-weight: normal; text-align: center; text-transform: lowercase; font-style: italic; padding: 3px; margin-bottom: 2px; background-color: #545959; border-bottom: 1px solid #1f9f98; border-radius: 10px; 
}
blockquote { background-color: #565c5c; border: 3px double #59c494; border-radius: 10px; color: #989898; width: 470px; padding: 3px;
}
textarea { background-color: #565c5c; border-top: 2px solid #59c494; border-bottom: 2px solid #59c494; border-left: 2px solid #1f9f98; border-right: 2px solid #1f9f98; color: #989898; text-align: center; padding: 3px; border-radius: 10px;
}
a:active, a:visited, a:link { color: #c2c2c2; font-style: normal; text-decoration: none; font-weight: normal; letter-spacing: 0px;
}
a:hover {color: #989898;
}
a.s1 { font-family: arial; font-size: 11.4px; color: #6ed7a8; font-style: normal; display: block; background-color: #4e5252; margin: 0px; padding: 3px; text-align: center; letter-spacing: 0px; 
}
a.s1:hover { color: #c1f4a2; border-radius: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
}
a.s2 { font-family: arial; font-size: 11.4px; color: #36a0c3; font-style: normal; display: block; background-color: #4e5252; margin: 0px; padding: 3px; text-align: center; letter-spacing: 0px; 
}
a.s2:hover { color: #c1f4a2; border-radius: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
}
a.navi { margin: 2px; font-family: times; font-size: 18px; color: #59c494; letter-spacing: 0px; font-weight: normal; text-align: center; text-transform: lowercase; font-style: italic; padding: 3px; width: 90px; display: inline-block; background-color: #404343; border: 1px solid #404343;
}
a.navi:hover { color: #36a0c3; border-radius: 10px; border: 1px solid #36a0c3; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
}
a.updates { font-family: verdana; font-size: 12px; color: #59c494; font-style: normal; display: block; margin: 2px; padding-left: 5px; text-align: left; letter-spacing: 0px; border-left: 3px solid #1f9f98; border-radius: 10px; 
}
a.updates:hover { color: #d7d6d5; letter-spacing: 2px; border-left: 8px solid #59c494; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
}
a.elites { font-family: verdana; font-size: 12px; color: #59c494; font-style: normal; display: inline-block; margin: 0px; width: 30px; height: 30px; line-height: 30px; padding: 2px; text-align: center; letter-spacing: 0px; border-radius: 20px; background-color: #4e5252;
}
a.elites:hover { color: #c1f4a2; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
     transform: rotate(360deg);
}
a.c1{ font-family: arial; font-size: 9px; color: #6a7171; font-style: normal; display: inline-block; margin: 0px; width: 30px; height: 20px; line-height: 20px; padding: 2px; text-align: center; letter-spacing: 0px; border-radius: 20px; background-color: #292d2d;
}
a.c1:hover { color: #c1f4a2; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
     transform: rotate(360deg);
}
</style>

<div id="credit"> 
<a class="c1" href="http://adammcquaid.ca">Credit</a>
</div>

<div id="sitename">
Welcome
</div>

<div id="updates">
<a class="updates" href="">Update 1</a>
<a class="updates" href="">Update 2</a>
<a class="updates" href="">Update 3</a>
<a class="updates" href="">Update 4</a>
<a class="updates" href="">Update 5</a>
<a class="updates" href="">Update 6</a>
</div>

<div id="sidebar">
<h1>Header</h1>
<table width="210">
<tr><td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
</tr></table>

<h1>Header</h1>
<table width="210">
<tr><td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
</tr></table> 
</div>

<div id="sidebar2">
<h1>Header</h1>
<table width="210">
<tr><td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<td align="left">
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
<a class="s1" href="../../../index.htm">Link</a>
<a class="s2" href="../../../index.htm">Link</a>
</tr></table>

</div> 
</body>

</center>