Template for Blog Post:
<!DOCTYPE html>
<html lang = "en-us">
<head>
<title> Blog Post Template #1 </title>
<meta charset = "UTF-8">
<link rel="stylesheet" type="text/css" href="NAME OF CSS STYLE SHEET HERE">
<!-- NOTE: DEPENDING ON THE CSS STYLESHEET YOU CHOOSE TO USE FOR YOUR BLOG
POST, YOU MAY WANT TO REARRANGE THE DIV ELEMENTS. EXPERIMENT BY REARRANGING THE
"nav", "section", and "footer" ELEMENTS AND WATCH HOW YOUR WEBPAGE CHANGES. -->
</head>
<body>
<div id="header">
<h1 style="text-align:center;">Blog Post: <i>TITLE OF BOOK</i> by AUTHOR</h1>
<h2 style="text-align:center;">YOUR NAME HERE</h2>
</div>
<!-- Modify the link so that it will redirect back to your CS Server page -->
<div id="nav">
<p> <a href="../index.html">Return</a> to the homepage. </p>
</div>
<!-- Here is the main body of your blog post. Add the
title of the post and the paragraph content. Edit and
rearrange as needed to suit your work. -->
<div id="section">
<h2>BLOG POST TITLE HERE</h2>
<p>
A PARAGRAPH OF TEXT.
<br><br>
A PARAGRAPH OF TEXT. REPEAT AS MANY TIMES AS NECESSARY.
<br><br>
THE LAST PARAGRAPH OF TEXT BEFORE A QUOTATION. </p>
<blockquote>
“INSERT QUOTATION HERE - READJUST THE ORDER OF PARAGRAPHS AND QUOTATIONS AS NEEDED"
</blockquote>
<p>
A NEW PARAGRAPH OF TEXT.
</p>
</div>
<div id="footer">
<blockquote>
"A FINAL QUOTATION TO GO IN YOUR FOOOTER. THIS COULD BE
YOUR OWN WORK, OR A QUOTATION FROM SOME OTHER SOURCE.
ALTERNATIVELY, DELETE THE FOOTER. WHAT SUITS YOUR BLOG
POST BEST?"<br><br>- WHO SAID THE QUOTATION?
</blockquote>
</div>
</body>
</html>