<!doctype html> <html lang=en> <head> <meta charset=utf-8> <meta name=viewport content="width=device-width, initial-scale=1"> <title>Example Article | I'm Paul Mylchreest</title> <link rel=alternate href="/feed.xml" type="application/atom+xml" title="Atom Feed"> <link rel=stylesheet href="/stylesheets/all-5ec64f2f.css"> </head> <body> <nav class=main-nav> <a href="/"><span class=arrow>←</span> Home</a> </nav> <section id=wrapper> <article class=post> <header> <h1>Example Article</h1> <h2 class=date> 1 January 2012</h2> </header> <section id=post-body> <p>This is an example article. You probably want to delete it and write your own articles!</p> </section> </article> <footer id=post-meta> <a href="/"> <img class=avatar src="/images/avatar-2258454f.png" alt=Avatar> <div class=details> <div class=dark>Paul Mylchreest</div> <div class=light>Programmer, cyclist, floorball player</div> </div> </a> <div class=sharing> <a href="https://twitter.com/share?text=Example Article&url=https://blog.paulm.io/example-article&via=xlymian"> <i class=icon-twitter-squared></i> </a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://blog.paulm.io/example-article"> <i class=icon-facebook-squared></i> </a> <a href="mailto:?subject=Example Article&body=https://blog.paulm.io/example-article"> <i class=icon-mail-squared></i> </a> </div> </footer> <footer id=footer> <p class=small>© Paul Mylchreest 2017</p> </footer> </section> </body> </html>