diff --git a/about.html b/about.html
index 56828b3fd..333e3ee36 100644
--- a/about.html
+++ b/about.html
@@ -16,12 +16,112 @@
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="#">Faculty</a></li>
-                <li><a href="#">Research Groups</a></li>
+                <li><a href="contact.html">Contact Us</a></li>
             </ul>
         </nav>
         
         
-    </header><footer class="site-footer">
+    </header>
+    
+    <section class="intro-hm intro-about">
+        <div class="intro-txt">
+            <h1>Learn More About Us</h1>
+        </div>
+    </section>
+    
+
+
+    <section class="about-section about-abt">
+        <div class="about-content">
+          <h2>Know More About Us</h2>
+          <p>
+            This is the Information Technology age and at its core is Computer Science. The study of computer science is therefore critical if society is to take full advantage of the benefits Information Technology has to offer and make rapid economic advances. Computer science involves the study and development of applications that allow for our everyday use of computers, the software systems that support these applications, and the means and methods used to produce both applications and systems that behave reliably, correctly and ethically. At the heart of Computer Science lies the skill of computer programming and employers who hire Computer Scientists expect adept programmers with knowledge of current techniques and tools and the ability to apply sound engineering principles to the development, construction and maintenance of computer programs.
+
+            The range of courses available in the department and the skills acquired by students enable them to find employment in many diverse fields of the economy and prepare our graduates for the computing industry, working in a project team (or research and development team), and to enable the graduate to bring specialist skills to that team. The course also provides the platform for further study or research through exposure to established and emerging technologies and methods, and to active fields of research in Computer Science.
+            
+            The Department offers two undergraduate degree programmes, Bachelor of Science in Computer Science Single-Major (3:2:1:1) and Major-Minor (3:2:2:1) as well as Bachelor of Science in Information Technology.
+         </p>
+        </div>
+
+        
+    </section>
+
+
+    <section class="about-body">
+        <div class="container about-container">
+            <h1 class="about-container-header">Get To Know Us</h1>
+            <p id="sub-header">Things get interesting because you are eager to know more, or you become eager to know more because it is interesting?</p>
+            
+            <div class="about-section">
+                <div class="about-content">
+                    <h3>Our Organization</h3>
+                    <p>The University of Ghana is one of Africa's most preeminent public universities. Our impact on individuals, our region, and the world is profound. Whether we are launching young people into a boundless future or confronting the grand challenges of our time through dauntless research.
+                    UG educates more than 38,000 students annually, with approximately 2.64% being computer science students. We turn ideas into impact and transform the world around us. For more about our impact, visit our news site, UG News.</p>
+                </div>
+                <div class="about-image">
+                    <img src="./img/about-banner.jpg" alt="">
+                </div>
+            </div>
+            
+            <div class="about-section">
+                <div class="about-content">
+                    <h3>Our Community</h3>
+                    <p>If you are inspired by a big challenge, you've come to the right place! The computer science community at the University of Ghana encourages its people to be vibrant and brave in taking on new challenges that push boundaries beyond imagination.</p>
+                </div>
+                <div class="about-image">
+                    <img src="./img/hm-bg.jpg" alt="">
+                </div>
+            </div>
+            
+            <div class="about-section">
+                <div class="about-content">
+                    <h3>Distance Learning</h3>
+                    <p>Experience a UG-CDCD classroom from wherever you are. Take advantage of real-time lectures and personal interaction with professors through a suite of online delivery options, customizing your degree to fit your schedule. Our online classroom maintains the same level of academic rigor while providing students with more ways of learning.</p>
+                </div>
+                <div class="about-image">
+                    <img src="./img/hm-bg1.jpg" alt="">
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    <footer class="site-footer">
         
     
         <div class="footer-links">
diff --git a/contact.html b/contact.html
new file mode 100644
index 000000000..080503e0b
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>UG || Computer Science</title>
+    <style>
+        .container {
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+}
+#contact-form {
+    background: #f9f9f9;
+    padding: 20px;
+    margin-top: 20px;
+    border-radius: 5px;
+}
+#contact-form label {
+    display: block;
+    font-weight: bold;
+    margin-top: 10px;
+}
+#contact-form input[type="text"],
+#contact-form textarea {
+    width: 100%;
+    padding: 8px;
+    margin-top: 6px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+#contact-form input[type="submit"] {
+    width: 100%;
+    padding: 10px;
+    margin-top: 10px;
+    background: #040468;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+#contact-form input[type="submit"]:hover {
+    background: #005da9;
+}
+    </style>
+</head>
+<body>
+    <header class="header">
+        <div class="dept-logo">
+            <img src="img/CS_logo.png" class="logo" alt="Computer Science Department">
+        </div>
+        <nav class="navbar">
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About</a></li>
+                <li><a href="#">Faculty</a></li>
+                <li><a href="contact.html">Contact Us</a></li>
+            </ul>
+        </nav>
+        
+        
+    </header>
+    
+    <section class="intro-hm intro-about">
+        <div class="intro-txt">
+            <h1>Reach Out To Us</h1>
+        </div>
+    </section>
+
+<div class="container">
+    <h2>Contact Us</h2>
+    <form id="contact-form" action="#" method="post">
+        <label for="name">Name</label>
+        <input type="text" id="name" name="name" placeholder="Your Name" required>
+
+        <label for="email">Email</label>
+        <input type="text" id="email" name="email" placeholder="Your Email" required>
+
+        <label for="message">Message</label>
+        <textarea id="message" name="message" placeholder="Your Message" required></textarea>
+
+        <input type="submit" value="Submit">
+    </form>
+</div>
+<footer class="site-footer">
+        
+    
+    <div class="footer-links">
+        <div class="footer-section">
+            <h3>Academics</h3>
+            <ul>
+                <li><a href="#">Undergraduate Courses</a></li>
+                <li><a href="#">Graduate Courses (MPhil Computer Science)</a></li>
+                <li><a href="#">Graduate Courses (MSc Computer Science)</a></li>
+                <li><a href="#">Graduate Courses (PhD)</a></li>
+            </ul>
+        </div>
+
+        <div class="footer-section">
+            <h3>Admissions</h3>
+            <ul>
+                <li><a href="#">Undergraduate</a></li>
+                <li><a href="#">Graduate</a></li>
+                <li><a href="#">International Students</a></li>
+                <li><a href="#">Entry Requirements</a></li>
+            </ul>
+        </div>
+
+        <div class="footer-section">
+            <h3>Contact Us</h3>
+            <h4>Phone & Email</h4>
+            <p>+00000000000</p>
+            <p>+00000000000</p>
+            <p>school@edu.com</p>
+            <div class="social-media">
+            <!-- <div class="social-icons">
+                <a href="#" class="fa-brands fa-instagram"></a>
+                <a href="#" class="fa-brands fa-twitter"></a>
+                <a href="#" class="fa-brands fa-facebook"></a>
+            </div> -->
+        </div>
+    </div>
+</footer>
+
+
+<script src="script.js"></script>
+</body>
+</html>
diff --git a/index.html b/index.html
index 82e7979ad..14da51c1d 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="#">Faculty</a></li>
-                <li><a href="#">Research Groups</a></li>
+                <li><a href="contact.html">Contact Us</a></li>
             </ul>
         </nav>
         
@@ -66,7 +66,7 @@ <h1>Discover Engaging Departmental Events</h1>
         </div>
     </section>
 
-    <section class="about-section">
+    <section class="about-section about-hm">
         <div class="about-content">
           <h2>Know More About Us</h2>
           <p>Explore the forefront of technological innovation and creativity. Dive into our cutting-edge research and nurturing learning environment that prepares you for the challenges of tomorrow.</p>
diff --git a/style.css b/style.css
index 41b9c5dd2..9d6b2895b 100644
--- a/style.css
+++ b/style.css
@@ -3,9 +3,13 @@
     margin: 0;
 }
 
-body{
-    font-family:Arial, Helvetica, sans-serif;
+/* General styles */
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
     color: #040468;
+    background-color: #f4f4f4;
 }
 
 .header{
@@ -270,7 +274,7 @@ h2 {
     margin-left: 20px;
   }
   
-  .about-content {
+  .about-hm {
     max-width: 800px;
     margin: 0;
   }
@@ -363,3 +367,100 @@ h2 {
 .site-footer a:hover {
     text-decoration: underline;
 }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* About Page */
+
+.intro-about{
+    height: 50vh;
+}
+
+.about-abt, .about-abt h2{
+    text-align: center;
+}
+
+
+
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+.about-body {
+    padding: 40px 0;
+}
+
+.about-container-header {
+    font-size: 2.5em;
+    text-align: center;
+    margin-bottom: 30px;
+}
+
+#sub-header{
+    text-align: center;
+    font-size: 1.1em;
+}
+
+.about-section {
+    display: flex;
+    align-items: center;
+    margin-bottom: 40px;
+}
+
+.about-content {
+    flex: 1;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+    margin: 2em;
+}
+
+.about-content h3 {
+    font-size: 1.8em;
+    margin-bottom: 15px;
+}
+
+.about-content p {
+    font-size: 1.1em;
+    line-height: 1.6;
+    color: #555;
+}
+
+.about-image {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    overflow: hidden;
+    border-radius: 8px;
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
+}
+
+.about-image img {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+    transition: transform 0.3s ease-in-out;
+}
+
+.about-image img:hover {
+    transform: scale(1.1);
+}