Page 02

<!DOCTYPE html>
<head>
    <title>{Title}</title>
    <link rel="shortcut icon" href="{Favicon}">
    <meta name="description" content="" />
    <meta name="viewport" content="width=820" />

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

    <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

    <style type="text/css">

        #tumblr_controls{top: 1px !important; margin: 0 0 0 0; right: 6px !important; position: fixed !important;-webkit-filter: invert(100%) ;important;}

        ::-webkit-scrollbar-thumb:vertical{
            height:10px;
            background-color: #fdb813;}
        ::-webkit-scrollbar-thumb:horizontal{
            height:30px;
            background-color: #fdb813;}
        ::-webkit-scrollbar{
            height: 3px;
            width: 3px;
            background-color: transparent;}

        #s-m-t-tooltip {
            max-width:300px;
            padding:2px 4px 3px 4px;
            margin:20px 0px 0px 20px;
            background-color:transparent;
            font-size:8px;
            letter-spacing:1px;
            text-transform:uppercase;
            color:#fff;
            z-index:999999999999999999999999999999999999;}

        body{
            font-size:13px;
            font-family: 'Open Sans', sans-serif;
            color:#000000;
            background:#f5f5f5;}

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

        a:hover{
            text-decoration:none;}

        #topbar {
            width:100%;
            height:50px;
            overflow:hidden;
            position:fixed;
            top:0px;
            left:0px;
            z-index:1;
            background:url(https://static.tumblr.com/wgcmeok/PZRpu6s8a/watermelon_pattern_2.png);
            background-repeat:repeat;
        }

        .colour-part {
            width:20%;
            height:100%;
            float:left;}

        .ttl{
            font-size:18px;
            color:#000000;
            font-weight:bold;}

        .ttl:first-letter{
            color:#ea4444;}

        .lnk a{
            display:inline-block;
            background-color:#d9ed9f;
            color:#000000;
            text-transform:uppercase;
            padding:5px;
            font-size:10px;
            margin-bottom:5px;}

        .melon img{
            width:50px;
            height:50px;
            float:right;
            margin-top:-50px;
        }

        #cred{
            position:fixed;
            bottom:20px;
            right:20px;
        }

    </style>
</head>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<body>

    <div id="topbar"></div>

    <table align="center" width="600px" style="margin-top:140px;" cellspacing="10">
        <thead>
            <tr>

                <th style=
                    "font-family: 'Open Sans', sans-serif;
                    text-transform:uppercase;
                    font-weight:500;
                    color:#000000;
                    text-align:center;
                    background-color:#fff;
                    text-shadow:1px 1px #ea4444;
                    font-size:20px;">Navigation <div class="melon"><img src="https://static.tumblr.com/wgcmeok/mZbpu6qhn/watermelon.png"></div></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="background-color:#fff;padding:10px;">
<div class="ttl">About</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id ipsum augue. Integer porta et eros eget suscipit. Duis tincidunt placerat dignissim. Sed tempor vel leo in venenatis. Quisque volutpat odio lorem, eu convallis magna sagittis id. Donec porta arcu lectus, eget rutrum felis porttitor et. Quisque eu leo lacinia, elementum risus vel, cursus tellus. Cras elit tellus, suscipit eget condimentum id, maximus vel quam.</p>
<p>Cras consequat vitae turpis sit amet congue. Aliquam sit amet ex sed enim tincidunt luctus sed sit amet ante. Donec enim ligula, mattis sed nulla sed, sagittis accumsan lorem. Praesent ultricies sit amet augue eu facilisis. Nunc massa dolor, lobortis sed posuere id, tristique at libero. Ut sodales eget magna et sollicitudin. Vivamus consectetur nibh neque. Duis eget tincidunt ante, sit amet iaculis neque. Proin nec felis faucibus, condimentum enim at, malesuada turpis. Sed accumsan rhoncus mi, ut ultricies purus gravida at.</p>
                </td>
            </tr>
            <tr>
                <td style="background-color:#fff;padding:10px;">
<div class="ttl">Links & Tags</div><br>
<div class="lnk">
    <a span style="background-color:#ea4444;color:#fff;" title="">Links</span></a>
    <a href="#">twitter</a>
    <a href="#">sideblog</a>
    <a href="#">pinterest</a>
    <a span style="background-color:#ea4444;color:#fff;" title="">tags 1</span></a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a span style="background-color:#ea4444;color:#fff;" title="">Misc</span></a>
    <a href="/tagged/">Selfies</a>
    <a href="/tagged/">Pretty people</a>
    <a href="/tagged/">Useful things</a>
    <a href="/tagged/">Songs &amp; mixes</a>
    <a href="/tagged/">Posts I relate to</a>
    <a href="/tagged/">Adorable things</a>
    <a span style="background-color:#ea4444;color:#fff;" title="">tags 2</span></a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
    <a href="/tagged/">tag</a>
</div>
                </td>
            </tr>
            <tr>
                <td>

                </td>
            </tr>
        </tbody>
    </table>

    <div id="cred"><a href="https://simplethemes.tumblr.com">S</a></div>

</body>
</html>