|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Blogo example</title>
|
|
|
|
|
|
<!-- Theme CSS -->
|
|
<link href="css/own.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body id="page-top">
|
|
<!-- Navigation -->
|
|
<nav><a href="/">blogoExample</a></nav>
|
|
<h1>The blogoExample blog</h1>
|
|
|
|
<div>
|
|
<!-- here will be placed the content of the blog index,
|
|
and the content of each different blog page -->
|
|
<a href='/postaboutcats.html'><div class="row o_text_black">
|
|
<h2>Post about cats</h2>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum mollis placerat. Sed tempus massa imperdiet pharetra mattis. Nullam condimentum urna tortor, ut iaculis mauris sodales ut. Pellentesque sed euismod purus. Donec ornare finibus erat sit amet bibendum.</p>
|
|
|
|
<p><em>04 October 2018</em></p>
|
|
|
|
<hr>
|
|
</div>
|
|
|
|
</a><a href='/the-empty-cube.html'><div class="row o_text_black">
|
|
<h2>The empty cube</h2>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis fermentum mollis placerat. Sed tempus massa imperdiet pharetra mattis. Nullam condimentum urna tortor, ut iaculis mauris sodales ut. Pellentesque sed euismod purus. Donec ornare finibus erat sit amet bibendum.</p>
|
|
|
|
<p><em>03 October 2018</em></p>
|
|
|
|
<hr>
|
|
</div>
|
|
|
|
</a><a href='/firstpost.html'><div class="row o_text_black">
|
|
<h2>First post</h2>
|
|
|
|
<p>Aenean lacinia nulla ut congue porttitor. Etiam vitae eleifend massa. In arcu turpis, dignissim vitae viverra nec, imperdiet at libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin laoreet libero libero, quis viverra ante imperdiet vel. Sed quis arcu ac elit sollicitudin consectetur nec eget velit. Aliquam dictum vel orci ut bibendum.</p>
|
|
|
|
<p><em>04 October 2018</em></p>
|
|
|
|
<hr>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<hr>
|
|
<footer>This is the footer</footer>
|
|
|
|
<!-- jQuery -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|