Experiment No.
Objective : Write HTML program for designing
your institute website. Display departmental
information of your institute on the website.
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rajkiya Engineering College Banda</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #f4f4f9;
header {
background: #4CAF50;
color: white;
text-align: center;
padding: 1rem 0;
position: relative;
nav {
background: #0056b3;
overflow: hidden;
nav a {
float: left;
color: white;
padding: 14px 20px;
text-decoration: none;
text-align: center;
nav a:hover {
background: #ddd;
.department {
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
padding: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
footer {
text-align: center;
padding: 10px;
background: #333;
color: white;
</style>
</head>
<body>
<header>
<img src="https://recbanda.ac.in/wp-content/uploads/2016/11/about_logo.png" alt="REC
Banda Logo">
<h1>Welcome to Rajkiya Engineering College Banda</h1>
<p>Empowering the engineers of tomorrow</p>
</header>
<nav>
<a href="#">Home</a>
<a href="#about">About Us</a>
<a href="#departments">Departments</a>
<a href="#contact">Contact</a>
</nav>
<div class="container" id="departments">
<h1>Our Departments</h1>
<div class="department">
<h2>Applied Science and Humanities</h2>
</div>
<div class="department">
<h2>Information Technology</h2>
</div>
<div class="department">
<h2>Electrical Engineering (EE)</h2>
<p>Emphasizes power and electrical machinery, fostering innovation </p>
</div>
<div class="department">
<h2>Mechanical Engineering (ME)</h2>
</div>
</div>
<footer>
© 2024 Rajkiya Engineering College Banda. All rights reserved.
</footer>
</body>
</html>
Index
Sr.No Topic Experiment Date Sign
1 Write HTML program for
designing your institute
website. Display
departmental information of
your institute on the
website.
2 Write HTML program to
design an entry form for
student details/employee
information/faculty details.
3 Develop a responsive
website using CSS and HTML.
Website may be for
tutorial/blogs/commercial
website.
4 Write programs using HTML
and Java Script for validation
of input data.
5 Write a program in XML for
creation of DTD, which
specifies set of rules. Create
a style sheet in CSS/ XSL &
display the document in
internet explorer.
6 Create a Java Bean for
Employee information
(EmpID, Name, Salary,
Designation and
Department).
7 Build a command-line utility
using Node.js that performs
a specific task, such as
converting text to uppercase,
calculating the factorial of a
number, or generating
random passwords.
8 . Develop a script that uses
MongoDB's aggregation
framework to perform
operations like grouping,
filtering, and sorting. For
instance, aggregate user data
to find the average age of
users in different cities.
9 Assume four users user1,
user2, user3 and user4
having the passwords pwd1,
pwd2, pwd3 and pwd4
respectively. Write a servlet
for doing the following: 1.
Create a Cookie and add
these four user id’s and
passwords to this Cookie. 2.
Read the user id and
passwords entered in the
Login form and authenticate
with the values available in
the cookies.
10 Create a table which should
contain at least the following
fields: name, password,
email-id, phone number
Write Servlet/JSP to connect
to that database and extract
data from the tables and
display them. Insert the
details of the users who
register with the web site,
whenever a new user clicks
the submit button in the
registration page
11 Write a JSP which insert the
details of the 3 or 4 users
who register with the web
site by using registration
form. Authenticate the user
when he submits the login
form using the user name
and password from the
database.
12 Design and implement a
simple shopping cart
example with session
tracking API.
