- 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>It is still 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, <q>there is no time like the present</q> (<cite>popular wisdom</cite>).</p>
<p>I found a lyrical ballad for Muffin:</p>
<!-- Start the quote here -->
Meow meow meow
meahh meow meeeow
meow meow
meow
from the Collected Works of W. Furspeare.
</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;
}
blockquote {
padding-left: 14px;
border-left: 2px solid #6a2cce;
color: #6a2cce;
}
cite {
color: #222222;
}
You’ve gone to a different page
Click inside the mini-browser to shift the focus onto this window.
Goalscompleted
0
- Let’s enclose the text on lines 24–29 using the
<blockquote>tag. - Then enclose the text of the poem inside the quote using the
<p>tag, - but attribute the source of the quote using the
<cite>tag.
Comments