Jaykingamez/hello.html

## hello.html
<!DOCTYPE html>
<html>
<head>
   <body>
<title>Hello World!</title>
<link rel="stylesheet" type="text/css" href="theme.css" />
 <style>
</style>
 <div id="container">
   <div id="header">
     <h1>Spacebrite</h1>
</div>
<div id="content">
  <div id="nav">
    <h3>Navigation</h3>
     <ul>
       <li><a href="requests.html">Requirements</a></li>
       <li><a href="">Pricing</a></li>
       <li><a href="">Contact us</a></li>
</ul>
</div>
<div id="main">
      <h2>Home Page</h2>
      <p>SpaceBrite mission is to properly distribute ticketing prices to high middle-income families using NASA data analyses</p>
      <img src="https://sa-api-2018.herokuapp.com/team-photos/_qMd6bJ9c-DE_VbtV_KJ6bqOG7U=/7213/width-800/" width="300" height="200" />
      <p></p>

</div>
</div>
<div id="footer">
      Copyright &copy; 2018 Spacebrite
</div>
</div>
 </body>
</head>
</html>

## theme.css
#header{
   background-color: #66CCFF;
   color: white;
   text-align: center;
   padding: 10px;
}

body {
  background-color: #EEE;
  font-family: Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: red;
}

h1, h2, h3 {
   margin: 0;
}

#container {
   background-color: white;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

#nav {
   width: 180px;
   float: left;
}

#nav ul {
   list-style-type: none;
   padding: 0;
}

#nav .selected {
  font-weight: bold;
}

#content {
   padding: 10px;
}

#main {
    width: 600px;
    float: right;
}

#footer {
 clear: both;
 padding: 20px;
 background-color: #999999;
 color: white;
 text-align: right;
}

#content .sidebar {
  color: blue;
}
	<!DOCTYPE html>
	<html>
	<head>
	<body>
	<title>Hello World!</title>
	<link rel="stylesheet" type="text/css" href="theme.css" />
	<style>
	</style>
	<div id="container">
	<div id="header">
	<h1>Spacebrite</h1>
	</div>
	<div id="content">
	<div id="nav">
	<h3>Navigation</h3>
	<ul>
	<li><a href="requests.html">Requirements</a></li>
	<li><a href="">Pricing</a></li>
	<li><a href="">Contact us</a></li>
	</ul>
	</div>
	<div id="main">
	<h2>Home Page</h2>
	<p>SpaceBrite mission is to properly distribute ticketing prices to high middle-income families using NASA data analyses</p>
	<img src="https://sa-api-2018.herokuapp.com/team-photos/_qMd6bJ9c-DE_VbtV_KJ6bqOG7U=/7213/width-800/" width="300" height="200" />
	<p></p>

	</div>
	</div>
	<div id="footer">
	Copyright © 2018 Spacebrite
	</div>
	</div>
	</body>
	</head>
	</html>
	#header{
	background-color: #66CCFF;
	color: white;
	text-align: center;
	padding: 10px;
	}

	body {
	background-color: #EEE;
	font-family: Helvetica, Arial, sans-serif;
	}

	a {
	text-decoration: none;
	color: red;
	}

	h1, h2, h3 {
	margin: 0;
	}

	#container {
	background-color: white;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	}

	#nav {
	width: 180px;
	float: left;
	}

	#nav ul {
	list-style-type: none;
	padding: 0;
	}

	#nav .selected {
	font-weight: bold;
	}

	#content {
	padding: 10px;
	}

	#main {
	width: 600px;
	float: right;
	}

	#footer {
	clear: both;
	padding: 20px;
	background-color: #999999;
	color: white;
	text-align: right;
	}

	#content .sidebar {
	color: blue;
	}