124 lines
3.2 KiB
HTML
124 lines
3.2 KiB
HTML
<!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>
|