About Page #1: Whisper

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

<!-----------------------------------------------------------------

                     PAGE BY
       ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
       ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
       ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
       ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
       ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
       ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯

******** All pages are optimized for google chrome*********

• Don't remove or change the credit

• Don't use my page as a base code

• Only edit my page for personal use

• Send me an ask if you need help

• Send me an ask OFF ANON!
------------------------------------------------------------------------>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="http://i.imgur.com/v7jvraj.png">

        <style type="text/css">

::-webkit-scrollbar {background-color:transparent; height:8px; width:5px}
::-webkit-scrollbar-thumb:vertical {background-color:black; height:50px}
::-webkit-scrollbar-thumb:horizontal {background-color:black; height:8px!important}

 html {
       overflow: scroll;
}

body {
     background-image:url('INSERT BACKGROUND IMAGE URL');
    margin:0px;
    background-color:white ;
    font-family:calibri;
    font-size:12px;
    padding:5px;
    line-height:100%;
}


a {
color:#0489B1;
outline:none;
text-decoration:none;
font-family: calibri;
font-size:15px;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color:#FE2E9A;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}


#all{
    margin-left:auto;
    margin-right:auto;
    margin-top:120px;
    width:760px;
    height:95%;
}

#title{
    background-color:transparent;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    width:600px;
    height:40px;
    text-align:center;
    font-size:50px;
    font-family:calibri;
    border-bottom:10px solid black;
}

#pic img{
    position:fixed;
    margin-top:10px;
    width:280px;
    height:300px;
    margin-left:84px;

}


#info{

    background-color:;
    width:290px;
    height:288px;
    margin-left:375px;
    margin-right:auto;
    margin-top:10px;
    font-size:12px;
    font-family:calibri;
    line-height:100%;
    overflow-y:scroll;
    padding:5px;

}

.r{
    font-weight:bold;
    font-size:13px;
}

#bottomlinks{
    background-color:black;
    width:600px;
    height:37px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:10px;
    padding-top:25px;
    color:white;
    font-family:calibri;
}

#bottomlinks a{
    color:white;
    padding:10px;
    font-size:15px;
}

#bottomlinks a:hover{
    background-color:white;
    color:black;
}


 #taco {
    font-size:8px;
    font-family:times;
    letter-spacing:1px;
    }

 #taco a {
    font-size:11px;
    text-decoration:none;
    background-color:#fff;
    color:#a8a8a8;
    padding:5px;
    border:2px solid #ddd;
    position:fixed;
    right:7px;
    bottom:8px
    }


#taco a:hover {
    color:#fff;
    background-color:#000;
    border-radius:110px;
    -moz-transition-duration:2s;
    -webkit-transition-duration:2s;
    -o-transition-duration:2s;
    }

</style>


</head>
<body>

<div id="all">
<div id="title">About;</div>

<div id="pic"><img src="http://media.tumblr.com/dfaceeb868e31a0886714e78b06aaa65/tumblr_inline_mq38k5Ho591qz4rgp.png"></div>
<!-- To change the picture, change the URL between the quotation marks to that of your image. -->

<div id="info">

<span class="r">◆ Name: </span> Insert name here.
<hr>
<span class="r">◆ Age:</span> Insert age here.
<hr>
<span class="r">◆ Location:</span> Insert location here.
<hr>
<span class="r">◆ Other:</span> Insert other info here.

<!--

To make a new category, copy and paste this code and fill it with your info:

<span class="r">◆ New Category:</span> Insert info here.

To make a line under or between categories, just add: <hr>

-->

</div>
<div id="bottomlinks">
        <a href="/">link 1</a>
        <a href="/">link 2</a>
        <a href="/">link 3</a>
        <a href="/">link 4</a>
        <a href="/">link 5</a>

<!--

To add a new link, copy and paste this code under the last link:
<a href="/">new link</a>

To link to a page, put the page name between the quotation marks:
<a href="/pagename">link name</a>

To redirect to a new site, add the URL between the quotation marks:
<a href="https://instagram.com/">Instagram</a>

-->
</div>
</div>


<div id="taco">
<a href="http://sexmeluke.tumblr.com/">SML</a>
                </div>

</body>

</html>