Page #9

    <!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">

    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <link rel="alternate" type="application/rss+xml" href="{RSS}">

<head>
    <!----

    Page 09: Spring
    about page
    by: superfrown.tumblr.com

    You may:
      Edit as much as you like

    You may not:
      Claim as your own
      Remove the credit


    ---->


    <style type="text/css">

    /* MAIN */

    body {
        background-color:#efefef;
        background-image: url();
        background-attachment: fixed;
        background-repeat: repeat;
        color:#424242;
        font-family: calibri;
        font-size: 11px;
        margin: 0px;
        padding: 0px;}

    a:link, a:active {
        text-decoration:none;
        color: #cecece;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

     a:visited {
        text-decoration:none;
        color: #cecece;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

    a:hover {
        color: #e8e8e8;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}


    ::-webkit-scrollbar {
          height:6px;
          width:4px;
          background-color: #ffffff;}

    ::-webkit-scrollbar-thumb:vertical {
          background-color: #cecece;}

    ::-webkit-scrollbar-thumb:horizontal {
          background-color: #cecece;}


    /* SIDEBAR */

      .sidebar {
        width:620px;
        padding-top:10px;
        padding-bottom:10px;
        background-color:#e8e8e8;
        z-index:2000;}


    /* LINKS */

      .links {
        text-align:center;
        width:640px;
        height:25px;}

      .links a {
        display:inline-block;
        font-size:14px;
        padding:4px;
        margin-top:0px;
        margin-right:6px;
        margin-left:6px;
        text-transform:lowercase;
        font-style:italic;
        letter-spacing:1px;
        color: #9e9e9e;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}

      .links a:hover {
        color: #9e9e9e;
        text-decoration:line-through;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;}


    /* STUFF */

      .stuff {
        width:620px;
        height:auto;
        padding-bottom:10px;
        margin:0 auto;
        background-color:#f4f4f4;}

      .image {
        position:absolute;
        margin-top:10px;
        margin-left:466px;
        width:140px;
        height:340px;
        border:2px solid #ffffff;}

      .image img {
        width:140px;
        height:340px;}

      .box {
        margin-top:10px;
        margin-left:10px;
        width:426px;
        height:324px;
        padding:10px;
        overflow:auto;
        font-size:13px;
        text-align:justify;
        color:#9e9e9e;
        background-color:#ffffff;}

      .stat {
        margin-bottom:10px;
        padding-left:5px;
        line-height:18px;
        letter-spacing:1px;
        color:#8e8e8e;
        border-bottom:2px solid #8e8e8e;}


    </style>


</head>

<body>


<div class="stuff">

<div class="sidebar">


<!--- EDIT YOUR PAGE LINKS HERE --->
<div class="links">
    <a href="/"> Home </a>
    <a href="/ask"> Ask  </a>
    <a href=""> Link 1 </a>
    <a href=""> Link 2 </a>
    <a href="http://superfrown.tumblr.com"> credit </a>
</div>


</div>


<div class="image">

<!--- EDIT YOUR IMAGE HERE --->
<img src="https://24.media.tumblr.com/8bdbdcb89761d54df01c9608c5d499d7/tumblr_mwwenbaFkZ1s74pnvo3_r1_400.png">
</div>


<div class="box">

<!--- EDIT YOUR DESCRIPTION HERE --->
<div class="stat"><b>Name:</b>  name here  </div>
<div class="stat"><b>Age:</b>  age here  </div>
<div class="stat"><b>Location:</b>  location here  </div>


Hello! This is a description. If it gets too long, a scrollbar will appear. <a href="/">Lorem ipsum</a> dolor sit amet, consectetur <i>adipiscing</i> elit. Nam <b>nulla augue</b>, dictum vitae orci in, euismod blandit risus. Ut ullamcorper, urna a ultricies luctus, sapien mauris consequat massa, feugiat laoreet eros neque ut ipsum. Aliquam ac ante hendrerit, ultrices sapien ac, aliquet massa. Donec eget placerat lectus. Mauris sit amet semper purus, ut accumsan dolor. Nulla dignissim, ligula gravida rhoncus bibendum, enim nisi feugiat nisl, eu porttitor arcu lectus nec urna. Nulla faucibus diam sit amet leo gravida, id rhoncus erat varius. Ut posuere laoreet urna.
<br><br>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin aliquam et elit ac pellentesque. Aenean ac elit feugiat, dapibus sem vitae, pulvinar augue. Suspendisse ut diam tempus, feugiat enim ut, mollis augue. Nullam lorem libero, tincidunt quis tincidunt eu, sodales id arcu. Donec vitae tempor arcu, a tincidunt ligula. Etiam ut vestibulum leo. Nullam volutpat dolor vestibulum rhoncus molestie. Duis non faucibus mauris, egestas tincidunt nisl. Suspendisse rhoncus accumsan eros, id hendrerit metus auctor et. Duis volutpat mi justo. Etiam sit amet tortor id nisl consequat congue. Integer nec porta tortor, quis feugiat lectus. Donec nec diam massa. Aenean blandit nibh eget neque rutrum semper. Ut libero massa, eleifend at pellentesque eget, consectetur eu lorem.

</div>

</body>
</html>