Here is an image of how the HTML looked like:
Here is the code from the HTML Work sheet:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.box{
float:left;
width:30%;
padding:60px;
margin:.5% .5%;
font-weight:bold;
color:black;
font-family: ‘Helvetica’, sans-serif;
}
.b1{
background-color:#1D6919
}
.b2{
background-color:#EEEE41
}
.b3{
background-color:#FFFFFF
}
.b4{
background-color:#7DF749
}
</style>
<link href=’https://fonts.googleapis.com/css?family=Orbitron’ rel=’stylesheet’ type=’text/css’>
</head>
<body>
<p></p>
<p><center><b>We Miss Marcus<b></center></p>
<div class=”box b1″>
<p><center>We Miss Marcus</center></p>
</div>
<div class=”box b2″>
<p><center>Marcus is the best QB ever!</center></p>
</div>
<div class=”box b3″>
<p><center>Lockie Eats Butts</center></p>
</div>
<div class=”box b4″>
<p><center>Go Ducks!</center></p>
</div>
<center><img src=”http://www.gannett-cdn.com/-mm-/dafa2c9f806365709dd10de5b12e1c2b87006741/c=0-59-1577-1244&r=x404&c=534×401/local/-/media/USATODAY/USATODAY/2014/09/07/1410069065000-USATSI_8069615.jpg””> </center>
</body>
</html>
What I did:
I changed the font to Helvetica, adjusted the size, margins, and colors of the boxes. Changed what was written in the boxes. Made all the words, both bold and centered. Added a title on to the page itself. Added an image from the outside.