Commits

Seth Hobson committed c9e5f73

initial import for presidents assignment

  • Participants
  • Parent commits 0012868

Comments (0)

Files changed (6)

File homework/h5/jadams.jpg

Added
New image

File homework/h5/jefferson.jpg

Added
New image

File homework/h5/madison.jpg

Added
New image

File homework/h5/presidents.html

+<!DOCTYPE html>
+<html>
+<!-- This file produces a grid of images of 4 presidents with their names.  The names are links to
+pages for each of the presidents 
+Adapted from:  Franklyn Turbak
+-->
+<head>
+<link rel="stylesheet" href="presidents_style.css">
+<meta charset=UTF-8">
+<title>Famous Presidents</title>
+</head>
+<body>
+<!-- this is where you must include the navbar.html file when you remove the navbar div -->
+ <div id="navbar">
+ </div>
+ <div id="main">
+      <div id="gallery">
+          <div class="pres">
+                <div class="presImg">
+                        <img src="washington.jpg" 
+                        alt="Picture of George Washington">
+                </div>
+                <div class="presName">
+                        <a href="washington.html">George Washington</a>
+                </div>
+          </div>
+        
+          <div class="pres">
+                <div class="presImg">
+                        <img src="jadams.jpg" 
+                        alt="Picture of John Adams">
+                </div>
+                <div class="presName">
+                        <a href="jadams.html">John Adams</a>
+                </div>
+          </div>
+          
+          <div class="pres">
+                <div class="presImg">
+                        <img src="jefferson.jpg" 
+                        alt="Picture of Thomas Jefferson">
+                </div>
+                <div class="presName">
+                        <a href="jefferson.html">Thomas Jefferson</a>
+                </div>
+          </div>
+        
+          <div class="pres">
+                <div class="presImg">
+                        <img src="madison.jpg" 
+                        alt="Picture of James Madison">
+                </div>
+                <div class="presName">
+                        <a href="madison.html">James Madison</a>
+                </div>
+          </div>
+        
+    </div> 
+  </div>
+
+</body>
+</html> 
+

File homework/h5/presidents_style.css

+/* CSS Document 
+This file defines the styles used by the president.html stylesheet for the CSS Assignment
+Adapted from Franklyn Turbak
+*/
+
+#gallery {float: left; width: 500px; background-color: yellow; margin-left:auto; margin-right:auto}
+.pres {clear:left;}
+.presImg {float:left;}
+.presImg img {width:100px; height:125px; margin-left:25px; margin-top:25px;}
+.presName {height:25px; padding-left:150px; padding-top:75px; padding-bottom: 50px; font-size:20px;}
+.presName a {color: black; text-decoration:none;} 
+
+body  {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 12pt;
+}
+
+h2,h3 {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	color: blue; 
+	}
+
+h2 {font-size: 18pt;
+	text-align: center;}
+
+h3 {font-size: 14pt;}
+
+#main {
+ /* you must define this for the assignment */
+}
+ 
+ 
+#navbar {
+/*  you must define this for the assignment */
+   
+}

File homework/h5/washington.jpg

Added
New image