Untitled

<html><head>

<!--

            about 01. "JUMP"
            by @astraliys

    ♡ do not touch the credit
    ♡ edit as much as you please
    ♡ thank u :)

-->

<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">

<!-- scroll down to the labelled area to add your info ! -->

<!-- tooltips scripts -->

<link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300
});
});
})(jQuery);
</script>

<style type="text/css">

/* tooltips */

#s-m-t-tooltip {max-width:300px;margin:13px;padding:5px;border-bottom:1px solid #eeeeee;border-radius:0px; background:#ffffff;color:#666;z-index:999999;font-size:7px;font-style:none;font-weight:lighter;box-shadow:1px 1px 3px rgba(0,0,0,.0);
}

/* scrollbar */

::-webkit-scrollbar {
width: 5px; }

::-webkit-scrollbar-track {
background-color:#fff; }

::-webkit-scrollbar-thumb {
background-color:#eee; }

/* body */

body {background-color:#f6f6f6;font-family:'Source Sans Pro';font-size:10.5px;color:#777;margin:100px;}

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

a:hover {color:#b1b2cf;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

/* stuff */

#main {width:495px;margin-left:auto;margin-right:auto;max-height:800px;padding:5px;text-align:center; vertical-align: middle;}

#head {background-color:white;border-bottom:1px solid #eee;padding:10px;text-align:left;font-size:12px;width:470px;}


.icon {width:100px;height:100px;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #eee;}

.icon img {width:90px;height:90px;border:5px white solid;}

.quote_box {width:310px; height:30px;margin-left:110px;background-color:#fafafa;padding:35px;font-size:12px;font-style:italic;line-height:15px;margin-top:-111px;border-radius:3px;}

.tabs { margin-top:10px;background-color:white;width:100px;}

.tab {height:10px;padding:10px;background-color:white;border-bottom:1px solid #eee;text-align:left;text-transform:uppercase;}

.biog {width:350px; height:93px;margin-left:110px;background-color:#fff;padding:15px;line-height:15px;margin-top:-124px;border-bottom:1px solid #eee;text-align:left;overflow:auto;}

.tags {background-color:#fafafa;border-radius:3px;padding:20px;text-align:left;font-size:10.5px;width:450px;margin-top:10px;min-height:45px;}

.tags a {color:#999;font-style:italic;margin-left:15px;}

.tags a:hover {color:#b1b2cf;}

.returnlinks {top:20px;left:20px;position:fixed;}
.returnlinks a {color:#999;}
.returnlinks a:hover {color:#aaa;}


        </style></head>
        <body>
        <div style="bottom:30px;right:30px;position:fixed"><a href="http://astraliys.tumblr.com">ast.</a></div>

<div class="returnlinks">
    <a href="/" title="return"><span class="lnr lnr-home"></span></a>
    <br><br>
    <a href="/ask" title="message"><span class="lnr lnr-envelope"></span></a>
    <br><br>
    <a href="https://www.tumblr.com/dashboard" title="dashboard"><span class="lnr lnr-laptop"></span></a>
</div>

            <div id="main">


            <!-- ADD YOUR INFO FROM HERE !
            follow my guides if u need help <3 -->


            <div id="head"><span class="lnr lnr-moon"></span> &nbsp biography
            </div>
                                    <!-- ICON URL HERE -->
                <div class="icon"><img src="https://imgur.com/bzpgD3f"></div>

                                    <!-- QUOTE HERE -->
                <div class="quote_box">This tremendous world I have inside of me. How to free myself, and this world, without tearing myself to pieces. And rather tear myself to a thousand pieces than be buried with this world within me.- Kafka Franz</div>

                <div class="tabs">

                    <div class="tab">
                    <span class="lnr lnr-user"></span>&nbsp<i>
                        <!-- COSMO --> NAME
                    </i> </div>

                    <div class="tab">
                    <span class="lnr lnr-calendar-full"></span>&nbsp<i>
                        <!-- 17 --> AGE
                    </i> </div>

                    <div class="tab">
                    <span class="lnr lnr-map"></span>&nbsp<i>
                        <!-- IN THE GARDEN OF A CASTLE --> LOCATION
                    </i> </div>

                    <div class="tab">
                    <span class="lnr lnr-star"></span>&nbsp<i>
                        <!-- TAURUS --> STAR SIGN
                    </i> </div>

                </div>

                <div class="biog">
                <!-- WRITE STUFF HERE -->

                <b>bold</b>
                <br>
                new line
                <br>
                <i>italics</i> <br> <strike>strikethrough</strike>
                <br>
                <a href="http://LINK">link title</a>

                    <!-- END TEXT -->
                </div>

                <div class="tags">

                    <b>links</b> <!-- ADD YOUR LINKS -->
                    <!-- remember to change the titles! -->
                    <a href="/LINK">suburbia</a>
                    <a href="/LINK">talk me down</a>
                    <a href="/LINK">youth</a>
                    <a href="/LINK">fools</a>
                    <a href="/LINK">swimming pools</a>
                    <a href="/LINK">cool</a>
                    <a href="/LINK">for him.</a>
                    <a href="/LINK">wild</a>
                    <a href="/LINK">the quiet</a>
                    <a href="/LINK">lost boy</a>
                    <a href="/LINK">heaven</a>
                    <a href="/LINK">blue</a>
                    <br><br>


                    <b>tags</b> <!-- ADD YOUR TAGS -->
                    <!-- remember to change the titles! -->
                    <a href="/tagged/TAG"># loving someone</a>
                    <a href="/tagged/TAG"># the city</a>
                    <a href="/tagged/TAG"># she lays down</a>
                    <a href="/tagged/TAG"># somebody else</a>
                    <a href="/tagged/TAG"># chocolate</a>
                    <a href="/tagged/TAG"># ugh</a>
                    <a href="/tagged/TAG"># a change of heart</a>
                    <a href="/tagged/TAG"># she's american</a>

                </div>

            </div>
        </body>
        </html>