html 2

<!doctype html>
<html lang="en">
    <head>
  <title>{TITLE}</title>
  <link rel="shortcut icon" href="{Favicon}" />
  <link rel="alternate" type="application/rss+xml" href="{RSS}" />

  <!-- Booleans -->
  <meta name="if:Avatar" content="1" />
  <meta name="if:LinkOne" content="1" />
  <meta name="if:LinkTwo" content="1" />
  <meta name= "if:Underline" content="0" />

  <!-- Header -->
       <div class="topnav" id="myTopnav">
  <a href="#home">Home</a>
  <a href="#news">Ask</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
</div>


  <!-- Custom Text -->
  <meta name="text:Link One Url" content="/" />
  <meta name="text:Link One Text" content="Link One" />
  <meta name="text:Link Two Url" content="/" />
  <meta name="text:Link Two Text" content="Link Two" />
  <meta name="text:Ask Text" content="Ask" />

 <!-- Images -->
  <meta name="image:avatar" content="" />
 <meta name="image:background" content="" />


  <!-- Colors -->
  <meta name="color:background" content="#F5F6F7" />
  <meta name="color:text" content="#171717" />
  <meta name="color:content" content="#FFF" />
  <meta name="color:sidebar" content="#FFF" />
  <meta name="color:links" content="#171717" />
  <meta name="color:hover" content="#FF0000" />

        <style>
        *{
         margin: 0;
         padding: 0;
        }
        body{
            background: url('{image:background}') {color:background};
            color: {color:text};
        }
        a:link, a:visited {
            color: {color:links};
            text-decoration: {block:ifUnderline}underline{/block:ifUnderline} none;
        }
        a:hover{
        color: {color:hover};
        transition: all 0.5s ease-out;
        }


        #wrap{
            position: relative;
            margin: 110px auto;
            width: 500px;
            left: 10%;
        }
        #content{
            background: {color:content};
            width: 500px;
            padding: 10px;
            box-shadow: 1px 2px 1px 1px #ccc;
            margin: 10px;
        }
        #sidebar{
            background: {color:sidebar};
            position: absolute;
            left: 5%;
            top: 100px;
            width: 250px;
            height: 270px;
            min-height: 500px;
            box-shadow: 1px 2px 1px 1px #ccc;
        }
        .wrap{
            padding: 10px 25px 10px;
            width: auto;
            height: auto;
        }
        .wrap h2{
            text-align: center;
            font-size: 30px;
            font-weight: bold;
        }
        .nav{
            position: absolute;
            bottom: 5px;
        }
        .topnav {
    background-color:    #5fd7fe  ;
    overflow: hidden;
    opacity: 0.3;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color:  #000000 ;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
        </style>
    </head>
    <body>
    <div id="sidebar">
        <div class="wrap">
        {block:ifAvatar}
        <a href="{BlogURL}"><img src="{image:avatar}" width="200px" alt="Avatar"></a>
        {/block:ifAvatar}
        <h2>{TITLE}</h2>
        <p>{Description}</p>

        {block:ifLinkOne}
        <a href="{text:Link One Url}">{text:Link One Text}</a> <br />
        {/block:ifLinkOne}

         {block:ifLinkTwo}
        <a href="{text:Link Two Url}">{text:Link Two Text}</a> <br />
        {/block:ifLinkTwo}

        {block:AskEnabled}
        <a href="{BlogURL}ask">{text:Ask Text}</a><br />
        {/block:AskEnabled}

            <div class="nav">
                {block:PreviousPage}
                <a href="{PreviousPage}">Preious</a>
                {/block:PreviousPage}
                {block:NextPage}
                <a href="{NextPage}">Next</a>
                {/block:NextPage}
            </div>
        </div>
    </div>
    <div id="wrap">
{block:Posts}
<div id="content">

        {block:Text}

                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}{Body}

                {/block:Text}
                {block:Photo}
                        <a href="{Permalink}">
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"></a>

                {/block:Photo}

                {block:Panorama}

                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}

                {/block:Panorama}

                                {block:Photoset}

                        {Photoset-500}
                {/block:Photoset}

               {block:Quote}
                  <p><b style="font-size: 30px;">"</b>{Quote}<b style="font-size: 30px;">"</b></p>
                  <center>
                  {block:Source} - {Source}{/block:Source}
                  </center>
              {/block:Quote}

               {block:Link}
                <a href="{URL}" {Target}>{Name}</a>
                {/block:Link}

                {block:Chat}
                  <h3>{Title}</h3>
                      <ul class="chat">
                            {block:Lines}
                                <li>
                                        {block:Label}
                                            {Label}
                                        {/block:Label}
                                {Line}
                                </li>
                            {/block:Lines}
                        </ul>
              {/block:Chat}

                {block:Video}
                     {Video-500}
                        {block:Caption}
                            {Caption}
                        {/block:Caption}
                {/block:Video}

                {block:Audio}
                {block:Artist}
                <p>Artist: {Artist}</p>
                <p>Song:{block:TrackName}{TrackName}{/block:TrackName}</p>
                <p>{block:Album}Album: {Album}{/block:Album}</p>
                {AudioPlayerWhite}
                {/block:Artist}
                {block:Caption}{Caption}{/block:Caption}
                {/block:Audio}
                </div>
                {/block:Posts}
                </div>
    </body>
</html>