- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The website of a beginning coder</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<p>Blog</p>
<nav>
Return to home
</nav>
</header>
<main>
<article>
<h1>Day Seven. Muffin gave me an assignment</h1>
<p>Today Muffin came and gave me a bit of an unusual assignment. A certain female cat has moved in next door, and Muffin does not know how to write songs. Therefore, he asked me to find some sort of great composition that he could perform for her.</p>
<p>Like they say, there is no time like the present (popular wisdom).</p>
</article>
<aside>
Your ad could go here
</aside>
</main>
<footer>
Website footer
</footer>
</body>
</html>
CSS
body {
padding: 0 30px;
font-size: 14px;
line-height: 22px;
font-family: "Georgia", serif;
color: #222222;
}
h1 {
font-size: 20px;
line-height: normal;
}
nav {
color: #888888;
}
aside {
margin: 20px 0;
color: #c4c4c4;
}
You’ve gone to a different page
Goalscompleted
0
- Enclose the text
There is no time like the present
using the<q>
tag.
Comments