page 03 — glimmer (about page)

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

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

     glimmer @ hawkinsgrocery.tumblr.com

     PLEASE DO NOT:
        remove the credits;
        claim as your own;
        use as a base;
        take parts of the theme;
        repost as your own.

     YOU CAN:
        edit as much as you want for your own personal use only.

-------------------------------------------------------->


<head>
<title>{Title}&nbsp;&nbsp;—&nbsp;&nbsp;about</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link href='https://fonts.googleapis.com/css?family=Karla:400,300,700' rel='stylesheet' type='text/css'>

<!-- scripts -->
<link href='https://static.tumblr.com/m2fiocp/rlrqq9wlt/outicons.css' rel='stylesheet' type='text/css'>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {
background:#000000;
height: 80px;
}

::-webkit-scrollbar {
height: 10px;
width: 3px;
}

body {
    background-color:#f8f8f8;
    color:#212121;
    font-size:10px;
    font-family:'Karla';
    font-weight:400;
    letter-spacing:0.4px;
    line-height:190%;
    text-align:justify;

}


a {
    text-decoration: none;
    color:#b8b8b8;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

a:hover {
    color:#decba4;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

}

#s-m-t-tooltip {
width:auto;
padding:5px;
text-transform:uppercase;
}

#container {
width:400px;
margin-top:65px;
margin-bottom:150px;
margin-left:auto;
margin-right:auto;
}

#topbar {
text-align:center;
margin-bottom:20px;
}

#title {
text-align:center;
color:#777;
font-size:15px;
font-weight:bold;
display:inline-block;
padding:0px;
padding-bottom:8px;
}

#links {
margin-top:-5px;
}

#links a {
color:#b8b8b8;
margin-right:10px;
}

#links a:hover {
color:#decba4;
}

#tags-container {
text-align:left;
}

#tags-links {
text-align:center;
margin-top:10px;
margin-left:0px;
}

#tags-links a {
color:#b8b8b8;
margin-right:10px;
}

#tags-links a:hover {
color:#decba4;
}


 .credit {
    position:fixed;
    bottom:15px;
    right:15px;
    font-size:20px
}

</style>
</head>
<body>

<div id="container">

<div id="topbar">

<div id="title">glimmer</div>

<div id="links">
<b>
<a href="/">back</a>&nbsp;
<a href="/ask">message</a>&nbsp;
<a href="/archive">archive</a>&nbsp;
<a href="/">link</a>
</b>
<br><br>
<br>
</div>

<div id="tags-container">


<!---------- bio ---------->
<div id="bio">

<!-- bio -->
<p> This is what <b>bold</b>, <i>italic</i>, and <a href="/">links</a> look like.</p>

<p>You can add whatever you want and however much text you want.</p>

<br>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In ante metus dictum at tempor commodo ullamcorper a lacus. Nulla posuere sollicitudin aliquam ultrices sagittis orci a. Egestas congue quisque egestas diam in arcu cursus euismod quis. Scelerisque viverra mauris in aliquam sem. Tellus molestie nunc non blandit massa enim nec. Velit laoreet id donec ultrices tincidunt arcu. Elit pellentesque habitant morbi tristique senectus et netus et malesuada. Quisque egestas diam in arcu cursus. Varius duis at consectetur lorem donec massa. Mollis nunc sed id semper risus in hendrerit.</p>

<!-- section -->

<br><br>

<div id="tags-links">
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
<a href="/">link</a>
</div>
<br><br>

</div>


<!-- jquery -->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

<script>
$(document).ready(function() {
    $(document).tooltip({
        track:true
    });
});
</script>

<div class="credit"><a href="https://hawkinsgrocery.tumblr.com" title="hawkinsgrocery"><i class="oi oi-heart"></i></a></div>
</body></html>