MENU
<article>
<header>
<h1 class="title post">About Our City</h1>
<a class="more" href="/">home page</a>
</header>
<div class="message">
<img class="photo-preview" src="/img/about.jpg" alt="" />
<h3 class="about">Suspendisse lectus mauris tincidunt</h3>
Etiam porttitor augue ut risus molestie tempus. Vivamus sollicitudin arcu vitae urna imperdiet eget adipiscing velit rhoncus. In vulputate nisi ut orci vulputate a placerat est vehicula. In viverra ante vitae <a href="#">diam lobortis mollis</a>. Duis odio odio, euismod id pharetra aliquet, faucibus non neque. Donec auctor accumsan. mauris, eget vulputate mi fermentum vitae. Nulla  met commodo non, suscipit vel augue. Aliquam erat volutpat.<br><br>
<h3 class="about">Quisque malesuada, tortor ut consectetur hendrerit!</h3>
Vivamus sollicitudin arcu vitae urna imperdiet eget adipiscing velit rhoncus. In vulputate nisi ut orci vulputate a placerat est vehicula. In viverra ante vit Duis odio odio, euismod id pharetra aliquet, faucibus non neque. Donec auctor accumsan. mauris, eget vulputate mi fermentum vitae. Nulla  met commodo non, suscipit vel augue. Aliquam erat volutpat.<br><br>
<ul class="more-articles">
<li><a href="#">Lorem ipsum dolor sit amet. Consectetur adipiscing elit.</a></li>
<li><a href="#">Suspendisse venenatis elit ut quam consequat quis blandit lectus. </a></li>
<li><a href="#">Aenean dapibus vulputate nulla. Nec ornare orci porttitor eu. </a></li>
<li><a href="#">Ut imperdiet suscipit ullamcorper. Sed in orci eget tellus iaculis tempus.</a></li>
<li><a href="#">Nam nec bibendum libero. Morbi mattis facilisis tortor, sed ultricies elit.</a></li>
</ul>
</div>
</article>