<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome to My Website</title> <style> :root { --primary-color: #4CAF50; --secondary-color: #ffffff; --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-family); background-color: var(--secondary-color); color: #333; line-height: 1.6; } header { background: var(--primary-color); color: var(--secondary-color); text-align: center; padding: 4rem 1rem; } header h1 { font-size: 2.5rem; margin-bottom: 0.5rem; } header p { font-size: 1.2rem; } main { padding: 2rem 1rem; max-width: 900px; margin: auto; } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; } .feature { background: #f9f9f9; padding: 1.5rem; border-radius: 0.5rem; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); text-align: center; } .feature h2 { margin-bottom: 0.5rem; color: var(--primary-color); } .feature p { font-size: 0.95rem; } footer { text-align: center; padding: 1.5rem; background: #333; color: #fff; margin-top: 3rem; } @media (max-width: 600px) { header h1 { font-size: 2rem; } } </style></head> <body> <header> <h1>Welcome to My Website</h1> <p>New Aura</p> </header> <main> <section class="features"> <div class="feature"> <h2>Feature One</h2> <p>Describe your first amazing feature here. Keep it concise and engaging.</p> </div> <div class="feature"> <h2>Feature Two</h2> <p>Highlight another benefit or feature of your product or service.</p> </div> <div class="feature"> <h2>Feature Three</h2> <p>Explain a third point that will persuade visitors to learn more.</p> </div> </section> </main> <footer> <p>© 2025 My Website. All rights reserved.</p> </footer><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"f1d9e2d74fe64a929e9e2aa8e92e7977","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script></body> </html>