Scribd
Upload
2 views9 pages

Web Exp1

The document outlines the design of a college webpage for Maharaja Agrasen Institute of Technology, including sections for courses, departments, faculty, and library resources, using HTML and CSS. It features navigation links, lists of courses and faculty members, and a footer with contact information. The CSS styles enhance the visual presentation of the webpage elements.

Uploaded by

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

Web Exp1

The document outlines the design of a college webpage for Maharaja Agrasen Institute of Technology, including sections for courses, departments, faculty, and library resources, using HTML and CSS. It features navigation links, lists of courses and faculty members, and a footer with contact information. The CSS styles enhance the visual presentation of the webpage elements.

Uploaded by

phaltuidme
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

Experiment-1

Aim- Design webpage for your college containing a description of the


courses,dept.,faculties,library etc using href,list tags.

1.Index.html file

<!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="styles.css" />

<title>College Website</title>

</head>

<body>

<header style="display: grid; grid-auto-flow: column; align-items: center">

<h1>Welcome to Maharaja Agrasen Institute of Technology</h1>

</header>

<nav>

<a href="#home">Home</a>

<a href="#courses">Courses</a>

<a href="#departments"> Departments</a>

<a href="#faculty">Faculty</a>

<a href="#library">Library</a>

</nav>
<div class="container">

<section id="courses">

<h2>Courses Offered</h2>

<p>

We offer a wide range of undergraduate and postgraduate courses. Some

of the key courses are:

</p>

<ul>

<li><a href="#Btech"> Bachelor of Computer Science</a></li>

<li><a href="#Arts">Bachelor of Arts in Literature</a></li>

<li><a href="#BBA">Master of Business Administration</a></li>

<li><a href="#BSc">Master of Science in Physics</a></li>

</ul>

</section>

<section id="departments">

<h2>Departments</h2>

<p>Our college is home to the following departments:</p>

<ul>

<li><a href="#comp-sci">Computer Science</a></li>

<li><a href="#arts">Arts</a></li>

<li><a href="#physics"> Physics</a></li>

<li><a href="#business">Business Administration</a></li>

</ul>
</section>

<section id="faculty">

<h2>Faculty</h2>

<p>Meet our esteemed faculty members who provide quality education:</p>

<ul>

<li>

<a href="#CSE-HOD">Dr. John Smith - Head of Computer Science</a>

</li>

<li>

<a href="#Arts-HOD">Prof. Mary Jane - Department of Literature</a>

</li>

<li>

<a href="#Bsc-HOD">Dr. Walter White - Department of Physics</a>

</li>

<li><a href="#BBA-HOD">Prof. Richard Willey - MBA Program</a></li>

</ul>

</section>

<section id="library">

<h2>Library</h2>

<p>

Our library offers a vast collection of books, journals, and research

papers for all students and staff. For more information:

</p>
<ul>

<li><a href="#library1">Visit the Library Website</a></li>

<li><a href="#library2">Library Timings</a></li>

<li><a href="#library3">Borrowing Policy</a></li>

</ul>

</section>

</div>

<footer>

<p>&copy; 2025 MAIT. All rights reserved.</p>

<p>Email: [email protected]</p>

</footer>

</body>

</html>

2. styles.css file

body {

margin: 0;

padding: 0;

nav {

background-color: rgb(187, 7, 7);

overflow: hidden;

color: white;

padding: 14px 20px;


}

nav a:hover {

background-color: #ddd;

color: black(221, 221, 221);

h2 {

color: #333;

ul {

list-style-type: disc;

padding-left: 2rem;

li {

margin: 5px 0;

footer {

background-color: #333;

color: white;

padding: 20px 0;

text-align: center;

.footer-content {

display: flex;
justify-content: space-evenly;

a{

color: rgb(3, 3, 3);

text-decoration: none;

}
Output:
Web Technologies Lab
CIE-356P

Faculty Name: Mr. Alok Kumar Sharma


Student Name: Hritij Chaudhary
Roll No. : 11214802722
Semester: 6th

Maharaja Agrasen Institute of Technology, PSP Area,


Sector-22,Rohini,New Delhi-110086
Lab Assessment Sheet

S.No Experiment Marks Total Date Signature


Marks
R1 R2 R2 R4 R5

You might also like