Scribd
Upload
33 views13 pages

A Project On HTML Webpage Design

The document is a project submission on HTML webpage design by Barish Timalsina for the Computer Science Department. It includes an acknowledgment letter, three HTML subtopics detailing personal information, family and college background, and a contact form. The project showcases skills in HTML, CSS, and web design principles.

Uploaded by

barishyt5
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
33 views13 pages

A Project On HTML Webpage Design

The document is a project submission on HTML webpage design by Barish Timalsina for the Computer Science Department. It includes an acknowledgment letter, three HTML subtopics detailing personal information, family and college background, and a contact form. The project showcases skills in HTML, CSS, and web design principles.

Uploaded by

barishyt5
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
You are on page 1/ 13

A PROJECT ON HTML WEBPAGE DESIGN

TO: DEPARTMENT OF COMPUER


SUBJECT TEACHER: PAWAN KARKI (PW)

SUBMITED BY:
BARISH TIMALSINA
GRADE: 11 ‘G’
Barish Timalsina
Imadol, Lalitpur
[email protected]
9863201556
24th Dec 2024
Pawan Sir
United Academy
Kumaripati, Lalitpur
Subject: Acknowledgement for Project Work on "HTML Webpage Design"
Dear Pawan Sir,
I hope this letter finds you well. I am writing to formally acknowledge and express my sincere
gratitude to the Computer Science Department for assigning me the project on "HTML Webpage
Design."
I deeply appreciate the opportunity to work on this creative and essential topic in web
development. This project will allow me to explore the fundamentals of HTML and develop
skills in designing functional and visually appealing web pages. I am excited to experiment with
various elements, such as text formatting, hyperlinks, images, and tables, while adhering to the
principles of good web design.
I am committed to completing the project to the best of my ability and adhering to all guidelines
and deadlines. If needed, I will seek guidance from the department to ensure the successful
completion of the project.
Once again, thank you for this valuable opportunity. I look forward to the learning experience
and contributing meaningfully to this academic endeavor.
Sincerely,
Barish Timalsina
Sec ‘G’ 3261
Subtopic NO: 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Barish Timalsina</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
text-align: center;
}
img {
border-radius: 50%;
width: 150px;
height: 150px;
}
h1 {
margin-bottom: 10px;
}
p{
margin-bottom: 20px;
}
ul {
text-align: left;
margin-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid #ddd;
}
th, td {
padding: 8px;
text-align: left;
}
</style>
</head>
<body>
<div class="container">
<img src="c:\Users\Barish\OneDrive\Pictures\iphone\IMG_4485.JPG" alt="Barish
Timalsina">
<h1>Barish Timalsina</h1>
<p>Hello! My name is Barish Timalsina. I am 17 years old and I study in grade 11 at United
Academy. My hobbies include playing outdoor sports and many more.
I am a very ebullient person and I love to make new friends. I am very passionate about
my studies and I am very dedicated to my work. I am very hardworking and I always try to give
my best in everything I do. I am very punctual and I always try to complete my work on time. I
am very friendly and I love to help others. I am very kind and I always try to make people
</p>
<h2>Hobbies</h2>
<ul>
<li>Playing outdoor sports</li>
<li>Reading books</li>
<li>Traveling</li>
<li>Listening to music</li>
</ul>
<h2>Education</h2>
<table>
<tr>
<th>Grade</th>
<th>Institution</th>
</tr>
<tr>
<td>11</td>
<td>United Academy</td>
</tr>
</table>
</div>
</body>
</html>
Subtopic NO: 2

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About My Family and College</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
text-align: center;
}
h1 {
margin-bottom: 10px;
}
p{
margin-bottom: 20px;
}
ul {
text-align: left;
margin-bottom: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>About My Family and College</h1>
<h2>Family Members</h2>
<ul>
<li>Father: [Bashu Dev Timalsina]</li>
<li>Mother: [Rita Timalsina]</li>
<li>Elder Sister: [Priyanka Timalsina]</li>
<li>Elder Brother: [Prasun Timalsina]</li>
<li>Younger Brother: [Pratham]</li>

</ul>
<h2>College</h2>
<p>I am currently studying at United Academy.</p>
</div>
</body>
</html>
Subtopic NO: 3

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
max-width: 600px;
text-align: center;
}
h1 {
margin-bottom: 10px;
}
p{
margin-bottom: 20px;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
input, textarea {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
button {
padding: 10px 20px;
border: none;
border-radius: 4px;
background-color: #007BFF;
color: white;
cursor: pointer;
}
button:hover {
background-color: #0056b3;
}
address {
margin-top: 20px;
font-style: normal;
}
</style>
</head>
<body>
<div class="container">
<h1>Contact Us</h1>
<p>If you have any questions, feel free to reach out to us through the form below or visit
our office.</p>
<form action="submit_form.php" method="post">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<textarea name="message" rows="5" placeholder="Your Message" required></textarea>
<button type="submit">Submit</button>
</form>
<address>
<strong>Our Office:</strong><br>
Kumaripati,lalitpur<br>
Infront of United Academy at 2nd floor <br>
<a href="mailto:[email protected]">[email protected]</a>

</address>
</div>
</body>
</html>

You might also like