HTML Microproject Docs
HTML Microproject Docs
WASHIM
PRINCIPAL:
DR.B.G.GAWALWAD
(PRINCIPAL IN GOVERNMENT POLYTECHNIC,WASHIM)
1
GOVERNMENT POLYTECHNIC
WASHIM
INFORMATION TECHNOLOGY
2022-2023
CERTIFICATE
This is to certify that Mr. …………………………………………………………………………………
Roll No. ………….. of Second Semester of Diploma in Information Technology
of institute “ Government Polytechnic , Washim (code:0031) ” has completed
the Micro-project in “ Basic web page using html ” for the Academic
Year 2022-2023 as prescribed in the curriculum.
2
PRINCIPAL:
DR.B.G.GAWALWAD
(PRINCIPAL IN GOVERNMENT POLYTECHNIC,WASHIM)
DEPARTMENT OF
INFORMATION
TECHNOLIGY
SUBMITTED BY:
INDEX
Introduction 05
1
2
Source code 06
3
Output 09
4
Conclusion
4
AN INTRODUCTION
5
Web page source code
<!DOCTYPE html>
<html>
<head>
<title>Welcome to My Website</title>
<style>
Body {
Font-family: Arial, sans-serif;
}
Header {
Padding: 20px;
}
Nav ul {
List-style-type: none;
Margin: 0;
Padding: 0;
Overflow: hidden;
}
Nav li {
Float: left;
}
Nav li a {
Display: block;
Text-align: center;
Padding: 14px 16px;
Text-decoration: none;
}
Nav li a:hover {
6
Background-color: #f1f1f1;
}
H1 {
Text-align: center;
}
P{
Font-size: 18px;
Line-height: 1.5;
Padding: 20px;
Text-align: justify;
}
.cta-button {
Display: inline-block;
Background-color: #4CAF50;
Color: #fff;
Padding: 10px 20px;
Border-radius: 5px;
Text-decoration: none;
Margin-top: 20px;
Font-weight: bold;
}
.cta-button:hover {
Background-color: #3e8e41;
}
Footer {
Text-align: center;
Padding: 20px;
}
</style>
</head>
7
<body>
<header>
<h1>Welcome to My Website</h1>
</header>
<nav>
<ul>
<li><a href=”index.html”>Home</a></li>
<li><a href=”about.html”>About Us</a></li>
<li><a href=”contact.html”>Contact Us</a></li>
<li><a href=”#”>More</a></li>
</ul>
</nav>
<main>
<p>Our website offers a wide range of educational resources to help
students excel in their studies. We provide a vast selection of books,
notebooks, and sample papers to assist students in their learning process.
Our goal is to provide quality materials that are relevant to their studies
and cater to their academic needs. Whether you’re a high school student
preparing for exams or a college student looking for supplementary
materials, we’ve got you covered. Our website is designed to be user-
friendly, making it easy to navigate and find the resources you need. With
our commitment to quality and excellence, you can trust that our
materials will aid you in achieving your academic goals.</p>
<a href=”#” class=”cta-button”>Click Here to Purchase Our
Services</a>
</main>
<footer>
<p>© 2023 All Rights Reserved</p>
</footer>
</body>
</html>
8
OUTPUT