tgriesser/index.html

## index.html
<!DOCTYPE html>
<html>
    <head>
        <title>ScriptEd CSS Garden</title>
    </head>
  <body>
    <h1 id="banner">ScriptEd CSS Site!</h1>
    <h1 id="tagline">We love ScriptEd</h1>
    <img src="http://i65.tinypic.com/qxvr46.jpg">
     <p id="mission">ScriptEd equips students with the fundamental coding skills and professional experiences that together create access to careers in technology.</p>
      <p id="about"> This year in ScriptEd we are going to create several websites, games and webapps! </p>
      <h1 id="topics"> In ScriptEd we learn...</h1>
      <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>Git</li>
        <li>jQuery</li>
      </ul>
  </body>
</html>

## styles.css
#body{
  background-color: #f2f2f2;
}

#banner{
  color: #f2f2f2;
  font-family: Arial;
  padding: 20px;
  font-size: 42px;
  background-color: #15C2D2;
  border-bottom: 3px solid #EF5330;
  text-align: center;
}

#tagline {
  text-align: center;
  font-family: Arial;
  font-style: italic;
  color: #EF5330;
}

p {
  font-size: 20px;
  line-height: 32px;
}

#about {
  text-align: center;
}

img {
  width: 200px;
  float: left;
  margin: 2px 10px 10px 10px;
  padding: 5px;
  border: 2px solid #EF5330;
}

#topics {
  color: #EF5330;
  font-family: Arial;
  width: 180px;
  float: left;
  margin-right: 40px;
  margin-left: 20px;
}

ul {
  float: left;
}

li {
  list-style-image: url(http://www.cafefrei.ie/images/icons/list-star.png);
  padding-left: 10px;
  line-height: 30px;
  width: 200px;
}

li:hover {
  background-color: #15C2D2;
}
	<!DOCTYPE html>
	<html>
	<head>
	<title>ScriptEd CSS Garden</title>
	</head>
	<body>
	<h1 id="banner">ScriptEd CSS Site!</h1>
	<h1 id="tagline">We love ScriptEd</h1>
	<img src="http://i65.tinypic.com/qxvr46.jpg">
	<p id="mission">ScriptEd equips students with the fundamental coding skills and professional experiences that together create access to careers in technology.</p>
	<p id="about"> This year in ScriptEd we are going to create several websites, games and webapps! </p>
	<h1 id="topics"> In ScriptEd we learn...</h1>
	<ul>
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
	<li>Git</li>
	<li>jQuery</li>
	</ul>
	</body>
	</html>
	#body{
	background-color: #f2f2f2;
	}

	#banner{
	color: #f2f2f2;
	font-family: Arial;
	padding: 20px;
	font-size: 42px;
	background-color: #15C2D2;
	border-bottom: 3px solid #EF5330;
	text-align: center;
	}

	#tagline {
	text-align: center;
	font-family: Arial;
	font-style: italic;
	color: #EF5330;
	}

	p {
	font-size: 20px;
	line-height: 32px;
	}

	#about {
	text-align: center;
	}

	img {
	width: 200px;
	float: left;
	margin: 2px 10px 10px 10px;
	padding: 5px;
	border: 2px solid #EF5330;
	}

	#topics {
	color: #EF5330;
	font-family: Arial;
	width: 180px;
	float: left;
	margin-right: 40px;
	margin-left: 20px;
	}

	ul {
	float: left;
	}

	li {
	list-style-image: url(http://www.cafefrei.ie/images/icons/list-star.png);
	padding-left: 10px;
	line-height: 30px;
	width: 200px;
	}

	li:hover {
	background-color: #15C2D2;
	}