Spaces:
Running
Running
File size: 2,072 Bytes
f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 b66cb47 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 27ebc99 f31bf83 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>katar - Chat</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
</head>
<body class="bg-gray-100">
<div class="min-h-screen flex flex-col">
<header class="bg-indigo-600 text-white p-4 shadow-md">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-xl font-bold">katar Chat</h1>
<nav>
<a href="index.html" class="mx-2 hover:text-gray-300">Home</a>
<a href="visual.html" class="mx-2 hover:text-gray-300">Images</a>
<a href="voice.html" class="mx-2 hover:text-gray-300">Voice</a>
<a href="credits.html" class="mx-2 hover:text-gray-300">Credits</a>
</nav>
</div>
</header>
<main class="flex-grow container mx-auto p-4">
<div class="bg-white rounded-lg shadow-md p-6 h-[70vh] flex flex-col">
<div class="flex-grow overflow-y-auto mb-4 space-y-4" id="chat-messages">
<div class="bg-gray-100 p-3 rounded-lg max-w-[70%]">
<p>Hello! You're chatting with katar AI. How can I help you today?</p>
</div>
</div>
<div class="flex">
<input type="text" class="flex-grow border border-gray-300 rounded-l-lg p-3 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Mesajınızı yazın...">
<button class="bg-gray-800 text-white px-6 py-3 rounded-r-lg hover:bg-gray-700">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</main>
<footer class="bg-gray-800 text-white p-4 text-center">
<p>© 2023 katar - Minimal AI Platform</p>
</footer>
</div>
</body>
</html> |