AI – AD

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>AI Chatbot</title><style>*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}body{background:#0f172a;height:100vh;display:flex;justify-content:center;align-items:center;}.chat-container{width:100%;max-width:900px;height:90vh;background:#111827;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 25px rgba(0,0,0,.4);}.header{padding:20px;background:#1f2937;color:white;font-size:22px;font-weight:bold;text-align:center;}.chat-box{flex:1;padding:20px;overflow-y:auto;}.message{max-width:75%;padding:12px 16px;margin-bottom:15px;border-radius:15px;line-height:1.5;}.user{background:#10a37f;color:white;margin-left:auto;}.bot{background:#374151;color:white;}.input-area{display:flex;padding:15px;background:#1f2937;}.input-area input{flex:1;padding:14px;border:none;border-radius:10px;outline:none;font-size:16px;}.input-area button{margin-left:10px;padding:14px 20px;background:#10a37f;border:none;color:white;border-radius:10px;cursor:pointer;font-size:16px;}.input-area button:hover{background:#0d8a6c;}</style></head><body><div class="chat-container"><div class="header">🤖 AI Assistant</div><div class="chat-box" id="chatBox"><div class="message bot">नमस्कार! मी तुमचा AI Assistant आहे.</div></div><div class="input-area"><input type="text" id="userInput" placeholder="Type your message..."><button onclick="sendMessage()">Send</button></div></div><script>function sendMessage(){let input=document.getElementById("userInput");let text=input.value.trim();if(text==="") return;let chatBox=document.getElementById("chatBox");chatBox.innerHTML += `<div class="message user">${text}</div>`;setTimeout(()=>{chatBox.innerHTML += `<div class="message bot">तुमचा संदेश प्राप्त झाला: ${text}</div>`;chatBox.scrollTop=chatBox.scrollHeight;},500);input.value="";chatBox.scrollTop=chatBox.scrollHeight;}</script></body></html>