diff --git a/css/styles.css b/css/styles.css
index 8a6ef70..8d6e708 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -15,6 +15,10 @@ h1{
     font-size: 50px;
 }
 
+h2{
+    font-size: 30px;
+}
+
 .title{
     margin: 20px;
     padding: 10px;
@@ -47,11 +51,16 @@ h1{
 }
 
 .contentCard, .textContent{
-    margin: 60px;
+    text-align: left;
     background-color: #ffe070;
-    padding: 20px;
+    padding: 30px;
     color: #731b83;
     border-radius: 20px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    width: 800px;
 }
 
 .contentText{
@@ -93,3 +102,38 @@ img{
 .footerLinks{
     color: #DFBDFF;
 }
+
+.homecard{
+    margin: 20px;
+    padding: 20px;
+    background-color: #ffe070;
+    border-radius: 20px;
+    color: #731b83;
+}
+
+.homenews{
+    padding: 40px;
+    background-color: #ffe070;
+    color: #731b83;
+    text-align: justify;
+    width: auto;
+}
+
+.newsitem{
+    padding-right: 20px;
+}
+
+.homeannounce{
+    text-align: right;
+    padding: 40px;
+    color: #ffe070;
+}
+
+.announceitem{
+    padding-right: 50px;
+    padding-left: 50px;
+}
+
+.announceitemdate{
+    text-align: left;
+}
\ No newline at end of file
diff --git a/images/news1.jpg b/images/news1.jpg
new file mode 100644
index 0000000..6913eca
Binary files /dev/null and b/images/news1.jpg differ
diff --git a/images/news2.jpg b/images/news2.jpg
new file mode 100644
index 0000000..c70ad4c
Binary files /dev/null and b/images/news2.jpg differ
diff --git a/index.html b/index.html
index ef7199d..cf80014 100644
--- a/index.html
+++ b/index.html
@@ -34,66 +34,115 @@ <h2>"Be The Next Tycoon"</h2>
         </div>
 
         <!-- PROGRAMS OFFERED -->
-        <div class="contentCard">
-            <table>
+        <div class="homecard">
+            <h2>Want to Enroll? On what program?</h2>
+            <table style="margin: auto;">
                 <tr>
-                    <td rowspan="3" style="padding-right: 50px;">
-                        <img src="icons/programsoffered.png" height="120" width="120">
+                    <td>
+                        <img src="images/imagesample.png" alt="">
                     </td>
-                    <td class="contentTitle"><b>PROGRAMS OFFERED</b></td>
-                </tr>
-                <tr>
-                    <td class="contentText">
-                        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
+                    <td>
+                        <img src="images/imagesample.png" alt="">
                     </td>
                 </tr>
                 <tr>
-                    <td style="text-align: right;">
-                        <a class="contentButton" href="pages/programsoffered.html">GO</a>
-                    </td>
+                    <th>Bachelor of Sciences in <br>Business Administration</th>
+                    <th>Bachelor of Science in <br>Agribusiness</th>
                 </tr>
+                
             </table>
+            <h3>If we got what you need, enroll now!</h3>
         </div>
 
         <!-- NEWS -->
-        <div class="contentCard">
-            <table>
+        <div class="homenews">
+            <h2>College News</h2>
+            <table >
                 <tr>
-                    <td rowspan="3" style="padding-right: 50px;">
-                        <img src="icons/news.png" height="120" width="120">
+                    <td class="newsitem">
+                        <img src="images/news1.jpg" alt="" height="360" width="600">
                     </td>
-                    <td class="contentTitle"><b>NEWS</b></td>
+                    <td class="newsitem">
+                        <img src="images/news2.jpg" alt="" height="360" width="600">
+                    </td>
+                </tr>
+                <tr>
+                    <td class="newsitem"><h3>Bravo, CBEshies!</h3></td>
+                    <td class="newsitem"><h3>CBE Teacher's Day Program</h3></td>
                 </tr>
                 <tr>
-                    <td class="contentText">
-                        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
+                    <td class="newsitem"><p>   
+                        At the recently conducted college - based ENTABLADO, the CBEshies gave a standing ovation worthy talents. 
+                        From performing arts up to the literary events, the College of Business Education have it all
+                    </p></td>
+                    <td class="newsitem">
+                        <p>The College of Business Education held its Teachers' Day program filled with gratitude towards our amazing educators.</p>
                     </td>
                 </tr>
                 <tr>
-                    <td style="text-align: right;">
-                        <a class="contentButton" href="pages/news.html">READ</a>
+                    <td class="newsitem" style="text-align: right;">
+                        <a class="contentButton" href="" target="_blank">READ MORE</a>
+                    </td>
+                    <td class="newsitem" style="text-align: right;">
+                        <a class="contentButton" href="" target="_blank">READ MORE</a>
                     </td>
                 </tr>
             </table>
         </div>
 
-        <!-- student organizations -->
-        <div class="contentCard">
+        <!-- announcements -->
+        <div class="homeannounce">
+            <h2>Announcements</h2>
+            <br>
             <table>
                 <tr>
-                    <td rowspan="3" style="padding-right: 50px;">
-                        <img src="icons/studentorgs.png" height="120" width="120">
-                    </td>
-                    <td class="contentTitle"><b>STUDENT ORGANIZATIONS</b></td>
+                    <td class="announceitemdate"><i>January 19, 2023</i></td>
+                    <td class="announceitemdate"><i>October 1, 2023</i></td>
+                    <td class="announceitemdate"><i>October 7, 2023</i></td>
+                    <td class="announceitemdate"><i>October 10, 2023</i></td>
                 </tr>
                 <tr>
-                    <td class="contentText">
-                        Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
+                    <td class="announceitem">
+                        <h3>
+                            Deadline of Enrollment: <br>
+                            January 20, 2023
+                        </h3>
+                        <p>
+                            For second semester <br>
+                            A.Y 2023-2024 <br>
+                        </p>
                     </td>
-                </tr>
-                <tr>
-                    <td style="text-align: right;">
-                        <a class="contentButton" href="pages/studentorgs.html">EXPLORE</a>
+                    <td class="announceitem">
+                        <h3>
+                            Midterms Schedule <br>
+                            Now Released!
+                        </h3>
+                        <p>
+                            Check out the Bayombong <br>
+                            Registrar Facebook Page <br>
+                            For More Details <br>
+                        </p>
+                    </td>
+                    <td class="announceitem">
+                        <h3>
+                            Deadline of College Fees: <br>
+                            October 20, 2023
+                        </h3>
+                        <p>
+                            For First Semester <br>
+                            A.Y 2023-2024
+                        </p>
+                    </td>
+                    <td class="announceitem">
+                        <h3>
+                            CBE <br>
+                            General Assembly
+                        </h3>
+                        <p>
+                            In front of CBE Building <br>
+                            October 16 2023 <br>
+                            3:00PM - 5:00PM
+                        </p>
                     </td>
                 </tr>
             </table>