Scribd
Upload
0 views

text

This document is an HTML template for a basic website featuring a header, navigation menu, main content sections (Home, About, Contact), and a footer. The website includes a simple contact form for users to get in touch. The styling is done using internal CSS for layout and design.

Uploaded by

Alexandria D'jubreal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0 views

text

This document is an HTML template for a basic website featuring a header, navigation menu, main content sections (Home, About, Contact), and a footer. The website includes a simple contact form for users to get in touch. The styling is done using internal CSS for layout and design.

Uploaded by

Alexandria D'jubreal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<title>My Basic Website</title>
<style>
body {
font-family: Arial, sans-serif;
}
header {
background-color: #f0f0f0;
padding: 20px;
text-align: center;
}
nav {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
nav a {
color: #fff;
text-decoration: none;
margin: 10px;
}
main {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
}
footer {
background-color: #f0f0f0;
padding: 10px;
text-align: center;
clear: both;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Basic Website</h1>
</header>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<main>
<section id="home">
<h2>Home</h2>
<p>Welcome to my website! This is the home page.</p>
</section>
<section id="about">
<h2>About</h2>
<p>This is the about page. You can learn more about me and my
website here.</p>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Get in touch with me through this contact form:</p>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="Submit">
</form>
</section>
</main>
<footer>
<p>&copy; 2023 My Basic Website</p>
</footer>
</body>
</html>

You might also like