New Student....maybe I'm Tired...you Guys Are Great For The ... - Digital Marketing Company | WordPress Web Design Services

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> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</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 &copy; 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> &nbsp; -->
<!-- <a href="tours.html">Tours</a> &nbsp; -->
<!-- <a href="reservations.html">Reservations</a> &nbsp; -->
<!-- <a href="contact.html">Contact</a> &nbsp; -->
<!-- </nav> -->

r/webdev - new student....maybe I'm tired...you guys are great for the help btw

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> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</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 &copy; 2020 KayakDoorCounty.net
</footer>
</body>
</html>