Tech Innovators - MeggiTools
Run
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tech Innovators</title> <style> body, html { margin: 0; padding: 0; font-family: 'Arial', sans-serif; overflow-x: hidden; } .hero { position: relative; width: 100%; height: 100vh; background: linear-gradient(135deg, #2b5876, #4e4376); color: white; display: flex; align-items: center; justify-content: center; text-align: center; } .hero-content { animation: slideUp 1.5s ease-out; } @keyframes slideUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .hero h1 { font-size: 4rem; margin: 0; } .hero p { font-size: 1.5rem; margin: 20px 0; } .cta-button { padding: 15px 30px; font-size: 1.2rem; color: #fff; background: #17a2b8; border: none; border-radius: 50px; cursor: pointer; transition: background 0.3s ease-in-out; } .cta-button:hover { background: #138496; } </style> </head> <body> <div class="hero"> <div class="hero-content"> <h1>Innovate with Technology</h1> <p>Leading the future of tech innovation.</p> <button class="cta-button">Learn More</button> </div> </div> </body> </html>