<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Recent posts</a></li>
</ul>
</nav>
</div> <!-- / .container -->
</header>
<div class="container">
<main role="main">
<article class="article-featured">
<h2 class="article-title"></h2>
<img src="" alt="" class="article-image">
<p class="article-info"></p>
<p class="article-body"></p>
<a href="#" class="article-read-more"></a>
</article>
<article class="article-recent"></article>
<article class="article-recent"></article>
<article class="article-recent"></article>
</main>
<aside class="sidebar"></aside>
</div>
<footer>
<p></p>
<p></p>
</footer>
</body>
</html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Lora|Ubuntu:400,700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<div class="container container-nav">
<div class="site-title">
<h1>Living the social life</h1>
<p class="subtitle">A blog exploring minimalism in life</p>
</div>
<nav>
