<!DOCTYPE html>
<html lang="en-US">
  
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Blog</title>
  </head>

  <body>
    
    <header> <!-- header start -->

      <div class="container">
	
	<div class="avatar"> <!-- avatar start -->
	  <img alt src="" class="avatar" width="100" height="100">
	</div> <!-- avatar end -->
	
	<div id="brand"> <!-- brand start -->
	  <h1><a href="/" title="Blog" rel="home">Blog</a></h1>
	</div> <!-- brand end -->
	
	<nav> <!-- navigation start -->
	  <div>
	    <ul>
	      <li><a href="/">Blog</a></li>
	    </ul>
	  </div>
	</nav> <!-- navigation end -->
      </div>
      
    </header> <!-- header end -->

    <div class="container">
      <article class="post"> <!-- article start -->
	{Post}
      </article> <!-- article end -->
    </div>

    <footer> <!-- footer start -->
      <div class="container">
      </div>
    </footer> <!-- footer end -->
    
  </body>
  
</html>