<![CDATA[
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Title</title>
<link href="https://fonts.googleapis.com/css?family=lexend:200, 400" rel="stylesheet">
<link rel="stylesheet" href="styles.css"> <!-- Link to the external CSS file -->
</head>
<body>
<header class="header">
<h1>Website Name</h1>
<h2>by Author Name</h2>
</header>
<nav>
<ul class="nav">
<li><a href="index.html">Blog</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
<main class="main">
<P align="left"><b>About me</b>
<P align="left">Type your blog post here. Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.Type your blog post here.
</main>
<footer class="footer">
<p>Contact: <a href="mailto:your-email@example.com">your-email@example.com</a></p>
</footer>
</body>
</html>
]]></plaintext>