s2t2 · November 16, 2015 02:51
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Student Site Title</title>
    <link rel="stylesheet" src="style.css">
    <style>
      //h1 {color:red}
    </style>
  </head>
  <body>
    <header>
 	    <h1>Student Site</h1>
 	    <nav>
 	      <ul>
 		      <li>About</li>
 		      <li>Activities</li>
 		      <li>Experience</li>
 		      <li>Contact</li>
 		    </ul>
 	    </nav>
 	  </header>

    <div>
      <img src="violations_by_month_720_360.png" >
    </div>

 	  <footer>
 	    <p>&copy; 2015 Student Name</p>
 	  </footer>
  </body>
 </html>
diff --git a/index_bootstrapped.html b/index_bootstrapped.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Student Site Title</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
  </head>
  <body>
    <header class="container">
 	    <h1>Student Site</h1>
 	    <nav>
 	      <ul>
 		      <li>About</li>
 		      <li>Activities</li>
 		      <li>Experience</li>
 		      <li>Contact</li>
 		    </ul>
 	    </nav>
 	  </header>

    <div class="container">
      <img src="violations_by_month_720_360.png" class="img-circle">
    </div>

 	  <footer class="container">
 	    <p>&copy; 2015 Student Name</p>
 	  </footer>

    <!-- put js scripts below all html body content when possible, for page-load performance -->
    <script type="text/javascript">

      // Open this file with the Chrome browser, right click on the page,
      // ... choose "Inspect Element", and navigate to the "Console"
      // ... to see these messages and interact with these js variables.

      var myMessage = "Hello World"

      console.log(myMessage)

      var myObject = {
        color:"blue",
        height:"five foot two",
        message:"tie my shoe"
      } // this is a JSON object, which uses "key-value" pairs

      console.log(myObject)

    </script>
  </body>
 </html>
diff --git a/style.css b/style.css
 /*
 can you declare one or more styles below
 to change the orientation of navigation links in student_styled.html
 from vertical to horizontal?
 */

 h1 {color:steelblue}
diff --git a/violations_by_month_720_360.png b/violations_by_month_720_360.png
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Student Site Title</title>
	<link rel="stylesheet" src="style.css">
	<style>
	//h1 {color:red}
	</style>
	</head>
	<body>
	<header>
	<h1>Student Site</h1>
	<nav>
	<ul>
	<li>About</li>
	<li>Activities</li>
	<li>Experience</li>
	<li>Contact</li>
	</ul>
	</nav>
	</header>

	<div>
	<img src="violations_by_month_720_360.png" >
	</div>

	<footer>
	<p>© 2015 Student Name</p>
	</footer>
	</body>
	</html>
	/*
	can you declare one or more styles below
	to change the orientation of navigation links in student_styled.html
	from vertical to horizontal?
	*/

	h1 {color:steelblue}