Create example.html

yvesfogel · Dec 7, 2023 · 07286ea · 07286ea
1 parent e5c7764
commit 07286ea
Showing 1 changed file with 39 additions and 0 deletions.
diff --git a/example.html b/example.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>My Beautiful Website</title>
+    <style>
+        /* Add your CSS styling here */
+        body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
+        .header { background-color: #4CAF50; color: white; text-align: center; padding: 1em; }
+        .nav { background-color: #333; overflow: hidden; }
+        .nav a { float: left; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; }
+        .nav a:hover { background-color: #ddd; color: black; }
+        .content { padding: 20px; }
+        .footer { background-color: #f1f1f1; text-align: center; padding: 10px; }
+    </style>
+</head>
+<body>
+
+    <div class="header">
+        <h1>Welcome to My Website</h1>
+    </div>
+
+    <div class="nav">
+        <a href="#home">Home</a>
+        <a href="#news">News</a>
+        <a href="#contact">Contact</a>
+        <a href="#about">About</a>
+    </div>
+
+    <div class="content">
+        <h2>Main Content</h2>
+        <p>This is the main area of your website. You can add your own content here.</p>
+    </div>
+
+    <div class="footer">
+        <p>Footer content goes here.</p>
+    </div>
+
+</body>
+</html>