Page #03 - Navigation Page



        <html>
        <head>

    <!--
THEME MADE BY ANDREA @ MILIKBOY
PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
-->

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head><title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>

        <style type="text/css">

        body {
        font-family:Times New Roman;
        font-size:10px;
        margin-top: 120px;
        text-align:center;
        background-color:#ffffff;
        background-image: url("http://static.tumblr.com/a2d4cd3a8348c3948bfd1709bdf43a4c/cjsy6gz/5JImofsx9/tumblr_static_untitled-1.jpg");
        background-attachment: fixed;
        }

        a {
        color:#111111;
        text-decoration:none;
        }

        a:hover {
        color:#b8b8b8;
        text-decoration:none;
        }

        #title {
        color:#111111;
        font-size:25px;
        letter-spacing:2px;
        font-style:italic;
        }

        #subtitle {
        color:#111111;
        font-size:15px;
        letter-spacing:3px;
        padding-bottom:20px;
        }

        #category {
        color:#111111;
        width:194px;
        font-size:12px;
        text-transform:uppercase;
        padding:5px;
        letter-spacing:2px;
        margin-bottom:5px;
        text-align:center;
        border-bottom:1px solid #111111;
        }

        #links a {
        display:block;
        text-transform:lowercase;
        width:200px;
        font-size:9px;
        letter-spacing:2px;
        padding:2px;
        margin-top:2px;
        margin-bottom:2px;
        position:justify;
        color:#111111;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        }

        #links a:hover {
        color:#111111;
        font-style:italic;
        letter-spacing:4px;
        -moz-transition-duration:1s;
        -webkit-transition-duration:1s;
        -o-transition-duration:1s;
        }


        #credit {
        font-family:Calibri;
        font-size:9px;
        letter-spacing:1px;
        float:right;
        position:fixed;
        bottom:15px;
        right:10px;
        }

        #credit a {
        color:#ffffff;
        padding:5px;
        text-transform:uppercase;
        background:#111111;
                }

        #credit a:hover {
        color:#111111;
        text-transform:uppercase;
        font-style:none;
        background:#ffffff;
                }


        {CustomCSS}</style></head><body>

        <div id="title">your way through the stars</div>
        <div id="subtitle">{Name}'s navigation</div>

        <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
        <div id="category">group title</a></div>
        <div id="links">
        <a href="/">link three</a>
        <a href="/">link two</a>
        <a href="/">link three</a>
        <a href="/">link four</a>
        <a href="/">link five</a>
        </div></div>

        <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
        <div id="category">group title</a></div>
        <div id="links">
        <a href="/">link one</a>
        <a href="/">link two</a>
        <a href="/">link three</a>
        <a href="/">link four</a>
        <a href="/">link five</a>
        </div></div>

        <br>

        <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
        <div id="category">group title</a></div>
        <div id="links">
        <a href="/">link one</a>
        <a href="/">link two</a>
        <a href="/">link three</a>
        <a href="/">link four</a>
        <a href="/">link five</a>
        </div></div>


        <div style="width:200px; padding:10px; text-align:center; display:inline-block; margin-left:5px; margin-right:5px; background:#ffffff;">
        <div id="category">group title</a></div>
        <div id="links">
        <a href="/">link one</a>
        <a href="/">link two</a>
        <a href="/">link three</a>
        <a href="/">link four</a>
        <a href="/">link five</a>
        </div></div>

        <div id="credit"><a href="http://mlikboy.tumblr.com/">mlikboy</a></div>

        </body>
        </html>