| | <!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> |