Scribd
Upload
7 views

Static Website

static website

Uploaded by

oraclejava12345
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
7 views

Static Website

static website

Uploaded by

oraclejava12345
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/ 1

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Simple Website</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #204; color: #fff; padding: 1rem; text-align:
center; }
nav ul { list-style: none; padding: 0; }
nav ul li { display: inline; margin-right: 20px; }
nav a { color: #fff; text-decoration: none; }
main { padding: 1rem; }
footer { text-align: center; padding: 1rem; background: #240; color:
#fff; }
</style>
</head>
<body>

<header>
<h1>My Simple Website</h1>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<main>

<section id="home">
<h2>Welcome!</h2>
<p>This is the homepage of my simple website.</p>
</section>

<section id="about">
<h2>About Us</h2>
<p>This website is created using HTML.</p>
</section>

<section id="contact">
<h2>Contact Us</h2>
<p>Email: [email protected]</p>
</section>

</main>

<footer>
<p>&copy; 2024 My Simple Website</p>
</footer>

</body>
</html>

You might also like