Scribd
Upload
16 views3 pages

Index HTML

The document contains the HTML structure for a webpage titled 'Our College', featuring a welcome message, an 'About Us' section, and a list of departments. It includes both embedded and external CSS for styling, with a focus on layout, colors, and typography. The footer provides copyright information for the college, indicating it is a recognized institution established in 1995.

Uploaded by

shanoje.112250
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views3 pages

Index HTML

The document contains the HTML structure for a webpage titled 'Our College', featuring a welcome message, an 'About Us' section, and a list of departments. It includes both embedded and external CSS for styling, with a focus on layout, colors, and typography. The footer provides copyright information for the college, indicating it is a recognized institution established in 1995.

Uploaded by

shanoje.112250
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Index.

html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Our College</title>

<!-- a. Cascading Style Sheet (External CSS) -->

<link rel="stylesheet" href="style.css">

<!-- b. Embedded Style Sheet -->

<style>

body {

background-color: #f4f9ff;

font-family: 'Segoe UI', sans-serif;

h1 {

text-align: center;

color: #004080;

.about {

padding: 20px;

background-color: #e6f0ff;

border-radius: 10px;

width: 80%;

margin: auto;

}
</style>

</head>

<body>

<h1>Welcome to Our College</h1>

<div class="about">

<!-- c. Inline Style Sheet -->

<h2 style="color: #0066cc;">About Us</h2>

<p style="font-size: 16px;">

Our College was established in 1995 and has been recognized as one of the top institutions in the
region.

We provide a wide range of undergraduate and postgraduate programs in Engineering, Science,


Arts, and Management.

</p>

</div>

<div class="departments">

<h2>Departments</h2>

<ul>

<li>Computer Science</li>

<li>Electronics and Communication</li>

<li>Mechanical Engineering</li>

<li>Physics and Chemistry</li>

<li>Business Administration</li>

</ul>

</div>

<footer>
<p style="text-align:center; color:gray;">&copy; 2025 Our College. All rights reserved.</p>

</footer>

</body>

</html>

Style.css

/* a. Cascading Style Sheet - External */

.departments {

margin: 30px auto;

width: 80%;

background-color: #d9eaff;

padding: 20px;

border-radius: 10px;

.departments ul {

list-style-type: square;

color: #003366;

font-size: 18px;

footer {

margin-top: 50px;

background-color: #cce0ff;

padding: 10px 0;

You might also like