Coading Master AI
HTML
CSS
JS
HTML
1
<h1>Welcome to Coading Master AI</h1> <p>The ultimate glassmorphism editor.</p> <button class="action-btn">Click Me</button>
CSS
1
body{font-family:'Inter',sans-serif;text-align:center;margin-top:50px;color:#333}.action-btn{background:rgba(0,170,255,.5);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-shadow:0 1px 1px rgba(0,0,0,.1)}.action-btn:hover{background:rgba(0,170,255,.75);box-shadow:0 0 20px rgba(0,170,255,.6);transform:translateY(-2px)}
JS
1
const button=document.querySelector('.action-btn');button.addEventListener('click',()=>{alert('Hello from Coading Master AI!')});console.log('Coading Master AI Initialized.');