<!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>