|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Simple Blog Website</title> |
|
<link rel="stylesheet" href="styles.css"> |
|
</head> |
|
<body> |
|
<header> |
|
<h1>Blog Title</h1> |
|
</header> |
|
<main> |
|
<section class="posts"> |
|
|
|
<article class="post"> |
|
<h4>$name</h4> |
|
<time datetime="YYYY-MM-DD">Post Date</time> |
|
<h2>Post Title</h2> |
|
<p>Short post summary...</p> |
|
<a href="#readmore" class="button">Read More</a> |
|
</article> |
|
|
|
</section> |
|
<aside class="sidebar"> |
|
|
|
</aside> |
|
</main> |
|
<footer> |
|
<p>© Copyright Your Name - Simple Blog Website</p> |
|
</footer> |
|
</body> |
|
</html> |
