Created
May 20, 2026 05:58
-
-
Save james0r/57e3980c0e9cfbd5679c43d4bd7f2d27 to your computer and use it in GitHub Desktop.
test html
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Generic HTML Page</title> | |
| <style> | |
| * { | |
| box-sizing: border-box; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { | |
| font-family: Arial, sans-serif; | |
| background: #f5f5f5; | |
| color: #222; | |
| line-height: 1.6; | |
| } | |
| header { | |
| background: #111827; | |
| color: white; | |
| padding: 1rem 2rem; | |
| } | |
| nav { | |
| display: flex; | |
| gap: 1rem; | |
| margin-top: 0.5rem; | |
| } | |
| nav a { | |
| color: #cbd5e1; | |
| text-decoration: none; | |
| } | |
| main { | |
| max-width: 900px; | |
| margin: 3rem auto; | |
| padding: 0 1rem; | |
| } | |
| .card { | |
| background: white; | |
| padding: 2rem; | |
| border-radius: 12px; | |
| box-shadow: 0 2px 10px rgba(0,0,0,0.08); | |
| } | |
| button { | |
| margin-top: 1rem; | |
| padding: 0.75rem 1.25rem; | |
| border: none; | |
| border-radius: 8px; | |
| background: #2563eb; | |
| color: white; | |
| cursor: pointer; | |
| } | |
| button:hover { | |
| opacity: 0.9; | |
| } | |
| footer { | |
| text-align: center; | |
| padding: 2rem; | |
| color: #666; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>My Website</h1> | |
| <nav> | |
| <a href="#">Home</a> | |
| <a href="#">About</a> | |
| <a href="#">Contact</a> | |
| </nav> | |
| </header> | |
| <main> | |
| <section class="card"> | |
| <h2>Welcome</h2> | |
| <p> | |
| This is a generic HTML starter template with simple styling. | |
| </p> | |
| <button id="btn"> | |
| Click Me | |
| </button> | |
| </section> | |
| </main> | |
| <footer> | |
| © 2026 Example Company | |
| </footer> | |
| <script> | |
| const btn = document.getElementById('btn'); | |
| btn.addEventListener('click', () => { | |
| alert('Button clicked!'); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment