<!DOCTYPE html> <html> <head> <title>Flat theme</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,minimum-scale=1"> <link rel="alternate" type="application/rss+xml" href="/categories/index.xml" title="Flat theme" /> <link rel="stylesheet" href="/lib/icofont/icofont.min.css" /> <link rel="stylesheet" href="/css/syntax.css" /> <link rel="stylesheet" href="/css/style.css" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> </head> <body> <header class="header-wrapper"> <div class="header"> <a class="site-title" href="">Flat theme</a> <ul class="menu"> <li class="menu-item"> <a href="/posts/">Posts</a> </li> <li class="menu-item"> <a href="/essays/">Essays</a> </li> <li class="menu-item"> <a>Services↓</a> <ul class="sub-menu"> <li class="menu-item"><a href="#">Service A</a></li> <li class="menu-item"><a href="#">Service B</a></li> </ul> </li> <li class="menu-item"> <a href="/about/">About</a> </li> </ul> </div> </header> <main class="main-wrapper"> <div class="main"> <section id="tags"> <span class="tag"> <a href="syntax"> syntax <span>(1)</span> </a> </span> <span class="tag"> <a href="themes"> themes <span>(1)</span> </a> </span> </section> </div> <div class="side"> <div class="side-recent"> <h2 class="side-title">Recent Posts</h2> <hr /> <ul> <li> <a href="/posts/markdown-syntax/">Markdown Syntax Guide</a> </li> <li> <a href="/posts/placeholder-text/">Placeholder Text</a> </li> <li> <a href="/posts/math-typesetting/">Math Typesetting</a> </li> <li> <a href="/posts/emoji-support/">Emoji Support</a> </li> </ul> </div> <div class="side-recent"> <h2 class="side-title">Recent Essays</h2> <hr /> <ul> <li> <a href="/essays/what-is-hugo/">What Is Hugo</a> </li> </ul> </div> <div class="side-categories"> <h2>Categories</h2> <hr /> <ul> <li> <a href="/categories/syntax">syntax(1)</a> </li> <li> <a href="/categories/themes">themes(1)</a> </li> </ul> </div> <div class="side-tags"> <h2>Tags</h2> <hr /> <ul> <li> <a href="/tags/css">css (1)</a> </li> <li> <a href="/tags/emoji">emoji (1)</a> </li> <li> <a href="/tags/html">html (1)</a> </li> <li> <a href="/tags/markdown">markdown (2)</a> </li> <li> <a href="/tags/text">text (1)</a> </li> </ul> </div> </div> </main> <footer class="footer"> <div class="footer-row"> <a class="footer-item" href="/posts/index.xml"> Feed of Posts <i class="icofont-rss"></i> </a> <a class="footer-item" href="/essays/index.xml"> Feed of Essays <i class="icofont-rss"></i> </a> <a class="footer-item" href="/categories/index.xml"> Feed of "Categories" <i class="icofont-rss"></i> </a> </div> <div class="footer-row"> <span class="footer-item">Copyright <a href="https://creativecommons.org/licenses/by/4.0/">CC BY-4.0</a></span> </div> <div class="footer-row"> <span class="footer-item">Powered by <a href="https://gohugo.io">Hugo</a></span> <span class="footer-item">Theme <a href="https://cgit.leafee98.com/hugo-theme-flat.git">hugo-theme-flat</a></span> </div> </footer> </body> </html>