125 lines
3.4 KiB
HTML
125 lines
3.4 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="section">
|
|||
|
<dev class="section-title">categories</dev>
|
|||
|
|
|||
|
<div class="list-item">
|
|||
|
<a class="entry-title" href="/blog/markdown-syntax/">Markdown Syntax Guide</a>
|
|||
|
|
|||
|
|
|||
|
<p>Sample article showcasing basic Markdown syntax and formatting for HTML elements.</p>
|
|||
|
|
|||
|
<div class="meta">
|
|||
|
|
|||
|
<i class="far fa-calendar-alt"></i> Mar 11 2019
|
|||
|
|
|||
|
<br>
|
|||
|
|
|||
|
<i class="fas fa-tags"></i>
|
|||
|
Tags: markdown, css, html, themes
|
|||
|
|
|||
|
</div>
|
|||
|
</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>
|