ok..so here it is…i did a chapter project and the page is ALMOST identical…almost….i’m putting the code for both my work and the text answer..on mine below the closing </html> i have blocked out stuff that i had to remove that the book wanted us to remove. Anyways the script is identical & i’ll post mine then their pics for comparison..it’s like the Font size is off but it’s not in script…any suggestions?? Am I missing something obvious..too tired..I maybe over thinking it…but i look at this as if a client wanted it done a certain way…anyways:::
MINE FIRST
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body {background-image:url(background.jpg);
font-family:Veranda,Arial,sans-serif;}
header {background-color:#000033;
background-image:url(headerbackblue.jpg);
background-repeat:no-repeat;
background-position:right;
color:#ffff99;
height:400%;
text-indent:1em;}
h1,h2,h3 {font-family:Georgia,"Times New Roman",serif;}
nav {font-weight:bold;
font-size:1.5em;}
nav a {text-decoration:none;}
p {text-indent:2em;}
footer {text-align:center;
font-style:italic;
font-size:.80em;}
</style>
</head>
<body>
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="tours.html">Tours</a>
<a href="reservations.html">Reservations</a>
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<img src="hero.jpg" alt="Tour guide paddling a kayak"
width="500" height="350">
<p>Take a guided kayak tour while you explore the shoreline of
scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
Copyright © 2020 KayakDoorCounty.net
</footer>
</body>
</html>
<!-- #bar {background-color:#152420;} -->
<!-- main {background-image:url(heroback.jpg); -->
<!-- background-repeat:no-repeat;} -->
<!-- <nav> -->
<!-- <a href="index.html">Home</a> -->
<!-- <a href="tours.html">Tours</a> -->
<!-- <a href="reservations.html">Reservations</a> -->
<!-- <a href="contact.html">Contact</a> -->
<!-- </nav> -->
MY SCRIPT RUNNING
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { background-image: url(background.jpg);
font-family: Verdana, Arial, sans-serif; }
header { background-color: #000033;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
color:#FFFF99;
line-height: 400%;
text-indent: 1em;}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
nav { font-weight: bold;
font-size: 1.5em; }
nav a { text-decoration: none; }
p { text-indent: 2em; }
footer { font-style: italic;
font-size: .80em;
text-align: center;}
</style>
</head>
<body>
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a>
<a href="tours.html">Tours</a>
<a href="reservations.html">Reservations</a>
<a href="contact.html">Contact</a>
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<img src="hero.jpg" alt="tour guide paddling a kayak"
width="500" height="350">
<p>Take a guided kayak tour while you explore the shoreline of
scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
Copyright © 2020 KayakDoorCounty.net
</footer>
</body>
</html>
BOOK SCRIPT RUNNING