Scribd
Upload
5 views4 pages

Practical

The document contains two HTML code snippets for a college website. The first snippet is a profile page for ABC College of Commerce, highlighting its focus on quality education and student development, along with an image and a link to a feedback form. The second snippet is a feedback form for students to provide their name and email, with a submission button and a link back to the college profile.

Uploaded by

zdxz8h62bm
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
5 views4 pages

Practical

The document contains two HTML code snippets for a college website. The first snippet is a profile page for ABC College of Commerce, highlighting its focus on quality education and student development, along with an image and a link to a feedback form. The second snippet is a feedback form for students to provide their name and email, with a submission button and a link back to the college profile.

Uploaded by

zdxz8h62bm
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

PRACTICAL 1 CODE 1

<!DOCTYPE html>
<html>
<head>
<title>College Profile</title>
<style>
body {
background-color: #f0f8ff;
font-family: Arial;
}
h1 {
text-align: center;
color: darkblue;
}
p{
font-size: 18px;
color: #333;
text-align: center;
}
img {
display: block;
margin: auto;
border: 2px solid black;
}
a{
display: block;
text-align: center;
font-size: 18px;
margin-top: 20px;
}
</style>
</head>

<body>

<h1>ABC College of Commerce</h1>


<p>
ABC College provides quality education in Commerce, IT and Management.
We focus on overall student development.
</p>

<img src="[Link]" alt="College Building" width="300">

<a href="[Link]">Go to Feedback Form</a>

</body>
</html>
PRACTICAL 1 CODE 2

<!DOCTYPE html>
<html>
<head>
<title>Feedback Form</title>
<style>
body {
background-color: #fffaf0;
font-family: Arial;
}
h2 {
text-align: center;
color: green;
}
form {
text-align: center;
}
input {
margin: 8px;
padding: 5px;
}
</style>
</head>

<body>

<h2>Student Feedback Form</h2>

<form>
Name:<br>
<input type="text" placeholder="Enter your name"><br>

Email:<br>
<input type="email" placeholder="Enter your email"><br><br>
<input type="submit" value="Submit">
</form>
<br>
<a href="college profile 1">Back to Home</a>

</body>
</html>

You might also like