Website Development Project – Complete Code
Introduction
This project demonstrates how to build a simple static website using HTML, CSS, and JavaScript.
The website includes a homepage, navigation menu, styled layout, and basic interactivity.
[Link]
<!DOCTYPE html>
<html>
<head>
<title>My Simple Website</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<header>
<h1>Welcome to My Website</h1>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<section>
<h2>About This Site</h2>
<p>This is a simple website created using HTML, CSS, and JavaScript.</p>
<button onclick="showMessage()">Click Me</button>
<p id="msg"></p>
</section>
<footer>
<p>© 2025 My Website</p>
</footer>
<script src="[Link]"></script>
</body>
</html>
[Link]
body {
font-family: Arial;
margin: 0;
background-color: #f4f4f4;
}
header {
background: #333;
color: white;
padding: 15px;
text-align: center;
}
nav a {
color: white;
margin: 10px;
text-decoration: none;
}
section {
padding: 20px;
background: white;
margin: 20px;
}
button {
padding: 10px;
background: #333;
color: white;
border: none;
}
footer {
text-align: center;
padding: 10px;
background: #333;
color: white;
}
[Link]
function showMessage() {
[Link]("msg").innerHTML = "Hello! This message is from JavaScript.";
}
Conclusion
This website project demonstrates the basics of web development. It can be expanded by adding
backend technologies like Python, PHP, or MySQL.