Amethyst Prime - 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>Amethyst Prime</title> <style> body { font-family: 'Arial', sans-serif; background-color: #f5e6ff; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .premium-section { background: linear-gradient(135deg, #dda0dd, #ee82ee); border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); padding: 30px; text-align: center; color: #fff; width: 350px; } .premium-section h1 { font-size: 2.5em; margin-bottom: 10px; } .premium-section p { font-size: 1.2em; margin-bottom: 20px; } .premium-section .cta-button { background: #8a2be2; border: none; border-radius: 50px; padding: 10px 25px; font-size: 1.1em; color: #fff; cursor: pointer; transition: all 0.3s ease; animation: jello 1.5s infinite; } .premium-section .cta-button:hover { background: #9400d3; } @keyframes jello { 0%, 100% { transform: scale(1); } 30% { transform: scale(1.25, 0.75); } 40% { transform: scale(0.75, 1.25); } 50% { transform: scale(1.15, 0.85); } 65% { transform: scale(0.95, 1.05); } 75% { transform: scale(1.05, 0.95); } } </style> </head> <body> <div class="premium-section"> <h1>Amethyst Prime</h1> <p>Discover the prime benefits of our Amethyst Prime membership.</p> <button class="cta-button">Join Amethyst</button> </div> </body> </html>