��<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Taken Labs</title> <style> body { margin: 0; font-family: 'Verdana', sans-serif; background-color: #0a0a0a; color: #39ff14; /* Fluorescent green */ line-height: 1.6; } header { text-align: center; padding: 2rem; background-color: #151515; } header h1 { font-size: 3rem; color: #39ff14; margin: 0; } header p { font-size: 1.2rem; color: #39ff14; } .labs-container { max-width: 800px; margin: 2rem auto; padding: 1rem; } .lab { background-color: #151515; margin-bottom: 1rem; padding: 1rem; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } .lab h2 { color: #39ff14; margin: 0; } .lab p { color: #b3b3b3; } footer { text-align: center; padding: 2rem; background-color: #151515; } footer p { margin: 0.5rem 0; color: #cccccc; } footer a { color: #76c7c0; text-decoration: none; } footer a:hover { text-decoration: underline; } </style> </head> <body> <header> <h1>Taken Labs</h1> <p>Innovative solutions and experiments at the cutting edge of technology.</p> </header> <div class="labs-container"> <div class="lab"> <h2>Lab 1: AI-Powered Chatbots</h2> <p>Explore our research in creating intelligent and adaptive chatbot systems.</p> </div> <div class="lab"> <h2>Lab 2: Multi-Agent Finetuning</h2> <p>Dive into the latest advancements in multi-agent systems and finetuning techniques.</p> </div> <div class="lab"> <h2>Lab 3: Sustainable Tech Solutions</h2> <p>Discover our initiatives to build sustainable and eco-friendly technologies.</p> </div> <div class="lab"> <h2>Lab 4: Cybersecurity Innovations</h2> <p>Learn about our cutting-edge research in securing digital environments.</p> </div> </div> <footer> <p>Have questions or want to collaborate?</p> <p>Email: hamza@takenlabs.com</p> <p>&copy; 2025 Taken Labs. All rights reserved.</p> </footer> </body> </html>