| <!DOCTYPE html> |
| <html lang="tr"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Maind AI</title> |
| <style> |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| body, html { height: 100%; font-family: sans-serif; background: #0f172a; overflow: hidden; } |
| nav { |
| height: 70px; |
| display: flex; |
| align-items: center; |
| padding: 0 30px; |
| background: #1e293b; |
| border-bottom: 1px solid #334155; |
| } |
| .logo-area { display: flex; align-items: center; gap: 12px; } |
| .logo-text { color: #38bdf8; font-weight: bold; font-size: 22px; letter-spacing: 1px; } |
| .container { height: calc(100% - 70px); width: 100%; } |
| iframe { width: 100%; height: 100%; border: none; } |
| </style> |
| </head> |
| <body> |
| <nav> |
| <div class="logo-area"> |
| <img src="Maindai.png" alt="Logo" style="height: 45px;"> |
| <div class="logo-text">MAIND AI</div> |
| </div> |
| </nav> |
| <div class="container"> |
| <iframe src="https://teotonix-maindai.hf.space/?__theme=dark"></iframe> |
| </div> |
| </body> |
| </html> |
