Click here to go back to main website - www.143.dk

Download link to this: Free HTML5 Basic Template




<!DOCTYPE html>

<html dir="ltr" lang="en">
<head>

<meta charset="utf-8">
<title>Free HTML5 Basic Template</title>
<link rel="stylesheet" href="style.css">
<meta name="description" content="Free HTML5 Basic Template">
<meta name="robots" content="index, follow, noarchive">

</head>
<body>

<div id="wrapper">

<!-- start html5 block -->

<header>
<h1>Free HTML5 Basic Template</h1>
<p>- this demo HTML5 template you see here is free.</p>
</header>

<!-- navigation start -->

<nav>
<ul>
<li><a href="#">Home</a></li>
<li class="active"><a href="#">Articles</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>

<!-- navigation end -->

<main>

<section>

<!-- content stuff start -->

<h1>.:: Very Best News Articles Ever Written ::.</h1>

<article>
<h2>My article title 3</h2>
<p class="article-date">Date: 03-01-2019 - By Webmaster</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales est eget dignissim rutrum.
Mauris sagittis id leo at aliquet. Praesent quis bibendum ligula. Nam volutpat porttitor sollicitudin.
Cras in eleifend sem, nec porta sapien. Curabitur at tristique risus.</p>
</article>

<article>
<h2>My article title 2</h2>
<p class="article-date">Date: 02-01-2019 - By Webmaster</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales est eget dignissim rutrum.
Mauris sagittis id leo at aliquet. Praesent quis bibendum ligula. Nam volutpat porttitor sollicitudin.
Cras in eleifend sem, nec porta sapien. Curabitur at tristique risus.</p>
</article>

<article>
<h2>My article title 1</h2>
<p class="article-date">Date: 01-01-2019 - By Webmaster</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales est eget dignissim rutrum.
Mauris sagittis id leo at aliquet. Praesent quis bibendum ligula. Nam volutpat porttitor sollicitudin.
Cras in eleifend sem, nec porta sapien. Curabitur at tristique risus.</p>
</article>

<!-- content stuff end -->

</section>

<aside>

<h2>.:: Information ::.</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales est eget dignissim rutrum.
Mauris sagittis id leo at aliquet. Praesent quis bibendum ligula.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sodales est eget dignissim rutrum.
Mauris sagittis id leo at aliquet. Praesent quis bibendum ligula.</p>

</aside>

</main>

<!-- footer stuff goes here -->

<footer>
<p>Copyright &copy; 2019 - YourWebsiteName.com - All Rights Reserved.</p>
</footer>

<!-- end html5 block -->

</div><!-- #wrapper end -->

</body>
</html>