Untitled

mail@pastecode.io avatarunknown
plain_text
2 months ago
1.7 kB
1
Indexable
Never
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.