Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Bussline</title>
</head>


    <style>
        header{
            font-family: candara;
            background-color: darkblue;
            color: white;
            text-align: center;
        }
        #tagline{
            font-style: italic;
        }
        #nav{
            text-indent: 35em;
            background-color: aliceblue;
            border: solid;
            width: 1900px;
        }
         footer{
                font-family: sans-serif;
                background-color: lightblue;
                color: black;
                font-style: italic;
            }


    </style>
<body>
    <header>
<h1>BUSLINE OF THE CITY</h1>

<div id="tagline"><h3>Travel with ease! &trade;</h3></div>
<img src="bussline.png" width="300px" height="300px" alt="bussline logo">
    </header>
    <div id="nav">

        <h2><a href="home"> Home </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Reservation.htm">Make a Reservation</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Contact"> Contact Us</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="MailingList">Join Our Mailing List</a></h2>


    </div>
           <footer>
     <h6> 3746 Harvard Street</h6>
            <h6>773-987-0000</h6>
  </footer>
</body>
</html>