<!DOCTYPE html> <html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="your description"> <meta name="Author" content="your name"> <meta name="keywords" content="hugo blog"> <link rel="stylesheet" href=https://example.com/css/syntax.css> <link rel="stylesheet" href=https://example.com/css/style.css> <script src="https://kit.fontawesome.com/1b7478c139.js" crossorigin="anonymous"></script> <title>title</title> </head><body><aside id="sidenav"> <header> <a href="https://example.com"><img src="/avatar.png" alt="avatar"></a> <a id="branding" href="https://example.com"> title </a> </header> <nav> <a href="/" > <i class="fas fa-home fa-sm"></i> <span>home</span> </a> <a href="/blog/" > <i class="fas fa-keyboard fa-ms"></i> <span>blog</span> </a> <a href="/tags" > <i class="fas fa-tags fa-ms"></i> <span>tags</span> </a> <a href="https://github.com/yourgithubusername23434" target="_blanck" > <i class="fab fa-github fa-ms"></i> <span>github</span> </a> <a href="/index.xml" > <i class="fas fa-rss fa-ms"></i> <span>RSS</span> </a> <a href="/contact" > <i class="far fa-envelope"></i> <span>contact</span> </a> </aside> <main id="main"> <a href="javascript:void(0)" id="closebtn" onclick="navToggle()"><i class="fas fa-bars fa-lg"></i></a> <div class="content"> <div class="spacer"></div> <p>welcome to my place</p> <div class="nav-next-prev"> <div class="nav-prev"> <a href="https://example.com/posts/post2/"><i class="fas fa-chevron-left"></i></a> </div> <a class="nav-top" href="#">top</i></a> <div class="nav-next"> <a class="grayed-out" href="javascript:void()"><i class="fas fa-chevron-right"></i></a> </div> </div> </div><footer> <div class="footer-content"> <div class="contact-info"> <div class="footer-mail"> <i class="far fa-envelope"></i> <a href="mailto:mail@example.com">mail@example.com</a> </div> <div class="footer-phone"> <i class="fas fa-phone"></i> 8888888888 </div> </div> <p class="copyright meta">Copyright © 2008–2019, Steve Francia and the Hugo Authors; all rights reserved.</p> </div> </footer></main> </body> <script src=https://example.com/js/navbutton.js></script> </html>