| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>DeepSeek Creative Coding Studio 🚀</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> |
| <style> |
| .hero-bg { |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| } |
| .game-canvas { |
| border: 3px solid #4a5568; |
| border-radius: 8px; |
| } |
| .deepseek-gradient { |
| background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4); |
| background-size: 400% 400%; |
| animation: gradientBG 15s ease infinite; |
| } |
| @keyframes gradientBG { |
| 0% { background-position: 0% 50%; } |
| 50% { background-position: 100% 50%; } |
| 100% { background-position: 0% 50%; } |
| } |
| </head> |
| <body class="bg-gray-100"> |
| <header class="deepseek-gradient text-white py-6"> |
| <div class="container mx-auto px-4"> |
| <h1 class="text-4xl font-bold text-center">DeepSeek Creative Coding Studio 🚀</h1> |
| <p class="text-center mt-2">Привет, дип сик! Добро пожаловать в мир творческого кодинга!</p> |
| </div> |
| </header> |
| |
| <main class="container mx-auto px-4 py-8"> |
| <div class="grid md:grid-cols-2 gap-8"> |
| <div class="bg-white rounded-lg shadow-lg p-6"> |
| <h2 class="text-2xl font-semibold mb-4">О нас</h2> |
| <p class="text-gray-700">Мы создаем инновационные решения в мире веб-разработки и креативного программирования.</p> |
| </div> |
| |
| <div class="bg-white rounded-lg shadow-lg p-6"> |
| <h2 class="text-2xl font-semibold mb-4">Наши проекты</h2> |
| <p class="text-gray-700">Исследуйте наши последние творения в области интерактивного дизайна и разработки.</p> |
| </div> |
| </div> |
| </main> |
| |
| <footer class="bg-gray-800 text-white py-6 mt-12"> |
| <div class="container mx-auto px-4 text-center"> |
| <p>© 2024 DeepSeek Creative Coding Studio 🚀</p> |
| </div> |
| </footer> |
| |
| <script> |
| feather.replace(); |
| </script> |
| </body> |
| </html> |