Merge pull request #2 from daeyeonnn/Dion

Update Index, CSS, and cbelogo to Transparent
shindaeon · Oct 4, 2023 · 565401b · 565401b
2 parents 752b01b + 2f8be89
commit 565401b
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 31 deletions.
diff --git a/images/cbelogo.jpg b/images/cbelogo.jpg
diff --git a/images/cbelogo.png b/images/cbelogo.png
diff --git a/images/python.jpg b/images/python.jpg
diff --git a/index.html b/index.html
@@ -6,11 +6,16 @@
     </head>
     <body>
         <div class="header">
-            <a class="menu" href="pages/about.html">About</a>
-            <a class="menu" href="">History</a>
-            <a class="menu" href="">News</a>
-            <a class="menu" href="">Courses Offered</a>
-            <a class="menu" href="">Student Organizations</a>
+            <table>
+                <tr>
+                    <td><img src="images/cbelogo.png" width="80px" height="80px"></td>
+                    <td class="menuitem"><a class="menu" href="pages/about.html">About</a></td>
+                    <td class="menuitem"><a class="menu" href="">History</a></td>
+                    <td class="menuitem"><a class="menu" href="">News</a></td>
+                    <td class="menuitem"><a class="menu" href="">Courses Offered</a></td>
+                    <td class="menuitem"><a class="menu" href="">College Map</a></td>
+                </tr>
+            </table>           
         </div>
         <div class="title">
             <h1>Welcome to <br>College of Business Education</h1>
@@ -19,30 +24,21 @@ <h1>Welcome to <br>College of Business Education</h1>
         </div>
 
         <div class="contentCard">
-            <table>
-                <tr>
-                    <td>
-                        <h3>Courses Offered</h3>
-                        <p>Check out what courses our college can offer to you.</p>
+            <table class="tableCard">
+                <tr class="cardRow">
+                    <td class="cardItem">
+                        <img src="https://picsum.photos/200">
                     </td>
-                    <td>
+                    <td class="cardItem">
                         <img src="https://picsum.photos/200">
                     </td>
                 </tr>
-            </table>
-        </div>
-
-        <div class="contentCard">
-            <table>
-                <tr>
-                    <td>
-                        <h3>News</h3>
-                        <p>Get updated on our College's News and Announcements</p>
-                    </td>
-                    <td><img src="https://picsum.photos/200"></td>
+                <tr class="cardRow">
+                    <th>Courses Offered</th>
+                    <th>News</th>
                 </tr>
             </table>
-</div>
+        </div>
 
         <div class="footer">
             <p>Nueva Vizcaya State University</p>

diff --git a/styles.css b/styles.css
@@ -1,38 +1,59 @@
 body{
-    background-color: #5B1C6E;
+    background-color: #731b83;
     color: #DFBDFF;
     margin: auto;
     font-family: Helvetica;
 }
 
+h1{
+    font-size: 50px;
+}
+
 .title{
     margin: 20px;
     padding: 10px;
 
 }
 
 .menu{
-    padding: 3px;
+    padding: 5px;
+
 }
 
 .header{
     background-color: #f585ff;
     color: white;
-    padding: 25px;
-    text-align: right;
-    margin: auto;
+    padding: 10px;
+
 }
 
 .contentCard{
     background-color: #ffe070;
     color: #731b83;
-    padding: 60px;
-    margin: 50px;
+    padding: 30px;
+
+}
+
+.tableCard{
+    margin: auto;
+}
+
+.cardItem{
+    padding: 4%;
 }
 
 .footer{
     background-color: #230D2B;
     text-align: center;
     padding: 10px;
     font-size: 12px;
-}
+}
+
+input[type="button"]{
+    padding: 30px;
+    margin: 30px;
+    background-color: #f585ff;
+    font-family: Helvetica;
+    font-size: 20px;
+    text-align: left;
+}