About Section is changed for the Hostel Management System .

Projects/HOSTEL_MANAGEMENT/index.html

@@ -77,25 +77,17 @@
     <!--ABOUT US-->
 
 <section id="about">
-
-    <h1>ABOUT US</h1>
-    <p><span>Welcome to<b> [Project Name]!</b>
-
-        At [Project Name], our mission is to [state the primary objective or purpose of the project]. We are passionate about [mention the key values or principles driving the project] and believe in the power of [highlight the core aspects, technologies, or methodologies used in the project].
-
-        Our team consists of [describe the key members or contributors involved], who bring together their expertise in [relevant fields or areas of specialization]. With our combined skills and knowledge, we strive to [describe the overall impact or goal of the project].
-
-        Through [Project Name], we aim to [state the specific problem or challenge the project addresses]. By [explain the unique approach or solution the project offers], we seek to [describe the desired outcomes or benefits].
-
-        On this website, you will find [highlight the key features, resources, or information available]. Whether you're interested in [specific aspects or areas related to the project], looking to [invite collaboration or participation], or simply want to learn more, we encourage you to explore our website and get involved.
-
-        Join us in making a difference! [Include a call-to-action, such as signing up, donating, or contacting the project team] together, we can [reiterate the ultimate impact or positive change that can be achieved].
-
-        Thank you for visiting [Project Name], and we appreciate your support!
-
-        Remember to customize the example above based on the specific details, objectives, and target audience of your project.</span></p>
-
-
+    <div class="about-box">
+        <h1>ABOUT US</h1>
+        <p><span>Welcome to our <b> Hostel Management </b></span></p>
+        <p>Dashboard: A central hub displaying key metrics and overviews, such as occupancy rates, upcoming check-ins/outs, and maintenance requests..</p>
+        <p>Room Allocation: Tools for assigning rooms to students or guests, managing availability, and handling room transfers.</p>
+        <p>Student/Resident Management: Profiles for each resident, including personal information, room details, payment status, and disciplinary records.</p>
+        <p>Fee Management: Tracking of payments, generation of invoices, reminders for due payments, and financial reporting.</p>
+        <p>Maintenance Requests: Submission and tracking of maintenance issues, work orders, and resolution status.</p>
+        <p>Communication: Platforms for sending announcements, individual messages, or alerts to residents.</p>
+        <p>Thank you for visiting</p>
+    </div>
 </section>
 
 

Projects/HOSTEL_MANAGEMENT/style.css

@@ -122,48 +122,45 @@ li a{
    letter-spacing: 2px;
 } */
 
-#about{
-    margin:30px 30px 60px 30px;
-    text-align: center;
-    padding: 100px 30px 100px 30px;
-
-    /* min-height: 100%; */
-    position:relative;
-
-}
-#about h1
-{
-    margin:auto 0;
+#about {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 50px 0;
+    background-color: #f4f4f4;
 }
 
-#about::before {
-    content: "";
-    background-image: url(LOGO-removebg-preview.png);
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-size: 500px;
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
-    opacity: 0.35;
+.about-box {
+    background: linear-gradient(145deg, #271a5c, #755cb9);
+    border-radius: 10px;
+    box-shadow: 10px 10px 20px #d1d1d1, -10px -10px 20px #ffffff;
+    padding: 20px;
+    width: 80%;
+    max-width: 800px;
+    transform-style: preserve-3d;
+    transform: perspective(1000px) rotateY(20deg);
+    transition: transform 0.3s ease-in-out;
 }
 
+.about-box:hover {
+    transform: perspective(1000px) rotateY(0deg);
+}
 
+.about-box h1 {
+    text-align: center;
+    color: #fff9f9;
+    margin-bottom: 20px;
+}
 
-
-#about h1{
-    font-size: 50px;
-    font-family: 'Ysabeau', sans-serif;
-
+.about-box p {
+    color: #fefbfb;
+    line-height: 1.6;
+    margin: 10px 0;
 }
 
-#about p{
-    letter-spacing: 2px;
-    margin-top: 20px;
-    color: rgb(59, 59, 135);
+.about-box span {
+    font-weight: bold;
+    color: #fcf5f5;
 }
 
 #issues{