From c91d2931f6901a898a3e6d8c2611d7aa03ee7678 Mon Sep 17 00:00:00 2001
From: sm4797 <sm4797@drexel.edu>
Date: Thu, 16 Feb 2023 16:00:24 +0000
Subject: [PATCH] Update index.html, index.css
---
index.css | 53 +++++++++++++++++++++++++++++++++++++++++++++--------
index.html | 4 ++--
2 files changed, 47 insertions(+), 10 deletions(-)
diff --git a/index.css b/index.css
index 80a5a4f..61b19db 100644
--- a/index.css
+++ b/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;
}
-/*I added this, Sam */
+.clickables {
+ float:left;
+ width:20%;
+ height:400px;
+ opacity:75%;
+ border-style:solid;
+ border-color:black;
+ border-width:2px;
+}
+.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 */
diff --git a/index.html b/index.html
index 54b1907..42846ca 100644
--- a/index.html
+++ b/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>
@@ -38,4 +38,4 @@
</div>
</body>
-</html>
+</html>
\ No newline at end of file
--
GitLab