diff --git a/index.html b/index.html
new file mode 100644
index 00000000..3d9e4817
--- /dev/null
+++ b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>My Website</title>
+ <style>
+ body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ background-color: #f0f0f0;
+ }
+ header {
+ background-color: #0073e6;
+ color: white;
+ padding: 1rem 0;
+ text-align: center;
+ }
+ nav {
+ background-color: #004a99;
+ display: flex;
+ justify-content: center;
+ padding: 0.5rem;
+ }
+ nav a {
+ color: white;
+ text-decoration: none;
+ margin: 0 1rem;
+ }
+ main {
+ padding: 2rem;
+ text-align: center;
+ }
+ footer {
+ background-color: #0073e6;
+ color: white;
+ text-align: center;
+ padding: 1rem 0;
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ }
+ </style>
+</head>
+<body>
+ <header>
+ <h1>Welcome to My Website</h1>
+ <p>Your tagline goes here</p>
+ </header>
+ <nav>
+ <a href="#home">Home</a>
+ <a href="#about">About</a>
+ <a href="#contact">Contact</a>
+ </nav>
+ <main>
+ <h2>About Me</h2>
+ <p>This is where you can write about yourself or your purpose.</p>
+ <h2>Contact</h2>
+ <p>Email: yourname@example.com</p>
+ </main>
+ <footer>
+ <p>© 2024 My Website. All rights reserved.</p>
+ </footer>
+</body>
+</html>