page3.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="Jacob Howard">
<meta name="description" content="a website!">
<meta name="keywords" content="html">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<title>Cliffhangers</title>
</head>

<body>
<header align="center"><h1>CliffHangers</h1></header>
<nav align="center">
<a href="page1.html"><button>Page 1</button></a>
<a href="page2.html"><button>Page 2</button></a>
<a href="page3.html"><button class="current">Page 3</button></a>
</nav>
<article id="main">
<p contenteditable=true><br><br>
&nbsp;&nbsp;&nbsp;...actually a power braclet, <strong>in disgusie</strong> as a croissant!<br>
This croissant looked like it was about to blow the building to a million pieces. Swelling, growing more and more with small shards of dried moldy pastry flying in all directions! She only knew that she had to get out of there, only to be stopped by doors that were locked from the outside, and she did not have the key or her cell phone. She had to use the...
</p>
</article>
</body>

</html>