Update index.html, index.css

index.css

@@ -13,28 +13,65 @@ h1 {
 
 #homePageJumbo {
     background-color:#002f6c;
+    height:100px;
     
     
     
     
 }
-
+.jumbotext {
+    text-align:center;
+    float:left;
+    width:33%;
+}
 #homepageTitle {
     color:#ffc915;
-    font-size:100px;
+    font-size:30px;
 }
-#homePageSlogan {
-    text-align:center;
+#homePageSlogan1 {
     color:#ffc915;
-    font-size:35px;
+    font-size:20px;
     font-style:italic;
     
 }
+#homePageSlogan2 {
+    color:#ffc915;
+    font-size:20px;
+    font-style:italic;
+    
+}
+.row {
 
 
+}
 .clickables {
-    cursor: pointer;
+    float:left;
+    width:20%;
+    height:400px;
+    opacity:75%;
+    border-style:solid;
+    border-color:black;
+    border-width:2px;
 }
-/*I added this, Sam */
 
+.resturants {
+    background-color:red;
+}
+.resturants:hover .clickables{
+    width:33%;
+    padding:105px;
+    
+}
+#classes {
+    background-color:blue;
+    
+}
+#professors {
+    background-color:purple;
+    
+}
+#dorms {
+    background-color:orange;
+    
+}
 /* implement cool thing on the slogan where it glows */

index.html

@@ -26,7 +26,7 @@
             <h2  class="jumbotext" id="homePageSlogan2" >By the Students </h2>
         </div>
         <div class="row">
-            <div class="clickables" id="restaurants">
+            <div class="clickables resturants">
                 </div>
             <div class="clickables" id="classes">
                 </div>