Untitled

Of course! Here's a simplified version of the HTML and CSS code for your web page:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
        }
        .college-name {
            font-size: 24px;
            color: #333;
        }
        .department {
            margin: 20px 0;
        }
        .department-name {
            font-size: 20px;
            color: #333;
            margin-bottom: 10px;
        }
        .department-description {
            font-size: 16px;
            color: #666;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1 class="college-name">My Collage</h1>
        <p>Welcome! Explore our departments:</p>
    </div>
    
    <div class="department">
        <h2 class="department-name">Computer Science</h2>
        <p class="department-description">Programming, algorithms, and software development.</p>
    </div>
    
    <div class="department">
        <h2 class="department-name">Engineering</h2>
        <p class="department-description">Mechanical, electrical, and civil engineering.</p>
    </div>
    
    <div class="department">
        <h2 class="department-name">Arts</h2>
        <p class="department-description">Painting, sculpture, and artistic expression.</p>
    </div>
</body>
</html>
```

This simplified code maintains the basic structure and styling of the web page to display college and department details. You can copy and paste this code into an HTML file and open it in a web browser to see the result.
Editor is loading...