Index.html

[Muraye]

<title>Simple Website</title>

Welcome to My Website

• Home
• About
• Contact

Home

This is the home section of the website.

About

This is the about section of the website.

Contact

This is the contact section of the website.

Name: Email: Message: <textarea id="message" name="message" required></textarea> Submit

© 2024 My Website

<script src="scripts.js"></script> body { font-family: Arial, sans-serif; margin: 0; padding: 0; }

header {
background-color: #4CAF50;
color: white;
padding: 10px 0;
text-align: center;
}

nav ul {
list-style-type: none;
padding: 0;
}

nav ul li {
display: inline;
margin: 0 10px;
}

nav ul li a {
color: white;
text-decoration: none;
}

section {
padding: 20px;
margin: 20px;
}

footer {
background-color: #f1f1f1;
text-align: center;
padding: 10px;
position: fixed;
width: 100%;
bottom: 0;
}

form {
display: flex;
flex-direction: column;
}

label {
margin-top: 10px;
}

input, textarea {
margin-bottom: 10px;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}

button {
background-color: #4CAF50;
color: white;
padding: 10px;
border: none;
border-radius: 4px;
cursor: pointer;
}

button:hover {
background-color: #45a049;
}document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault();
alert('Form submitted!');
// Here you can add more functionality, like sending the form data to a server
});