Spaces:
Running
Running
Сайт который говорит тебе о новый трендах и то что еще может набрать много просмотров , а так же он рекомендует какие лучше снимать эффекты под это (тренд, музыку и так далее) СДЕЛАЙ ВСЕ ЯЗЫКИ И ЧТОЮ ПОЛЬЗОВАТЕЛЮ ВЫЛЕЗАЛО ОПОВЕЩЕНИЕ О ТОМ ЧТО 3 ДНЯ БЕСПЛАТНО ,А ПОТОМ 250 РУБЛЕЙ ЗА 30 ДНЕЙ И СДЕЛАЙ ТАК ЧТОБ ОНИ МОГЛИ РЕГИСТРИРОВАТЬСЯ НА САЙТЕ И БАЗУ ДАННЫХ ТОЖЕ СДЕЛАЙ И СДЕЛАЙ ЕЩЕ АКЦЕНТ НА ТИК ТОКЕ И ЮТУЮ ШОРТ.БЕРИ ОСНОВНЫЕ ТРЕНДЫ ОТ ЭТИХ ПЛАТФОРМ - Initial Deployment
28eecf3 verified | <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Личный кабинет - TrendSpotter</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <style> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| .trend-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .sidebar { | |
| transition: all 0.3s; | |
| } | |
| .sidebar-collapsed { | |
| width: 80px; | |
| } | |
| .sidebar-collapsed .sidebar-item-text { | |
| display: none; | |
| } | |
| .sidebar-collapsed .sidebar-item { | |
| justify-content: center; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Mobile menu --> | |
| <div class="md:hidden fixed inset-0 z-40 hidden" id="mobileMenu"> | |
| <div class="fixed inset-0 bg-gray-600 bg-opacity-75" aria-hidden="true"></div> | |
| <div class="fixed inset-y-0 left-0 flex max-w-xs w-full"> | |
| <div class="relative flex-1 flex flex-col bg-white w-full"> | |
| <div class="absolute top-0 right-0 -mr-12 pt-2"> | |
| <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"> | |
| <i data-feather="x" class="text-white"></i> | |
| </button> | |
| </div> | |
| <div class="flex-1 h-0 pt-5 pb-4 overflow-y-auto"> | |
| <div class="flex-shrink-0 flex items-center px-4"> | |
| <i data-feather="trending-up" class="text-purple-600"></i> | |
| <span class="ml-2 text-xl font-bold text-gray-900">TrendSpotter</span> | |
| </div> | |
| <nav class="mt-5 px-2 space-y-1"> | |
| <a href="#" class="bg-purple-100 text-purple-600 group flex items-center px-2 py-2 text-base font-medium rounded-md"> | |
| <i data-feather="home" class="text-purple-500 mr-4"></i> | |
| Главная | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md"> | |
| <i data-feather="trending-up" class="text-gray-400 group-hover:text-gray-500 mr-4"></i> | |
| Тренды | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md"> | |
| <i data-feather="bell" class="text-gray-400 group-hover:text-gray-500 mr-4"></i> | |
| Уведомления | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md"> | |
| <i data-feather="bookmark" class="text-gray-400 group-hover:text-gray-500 mr-4"></i> | |
| Сохраненное | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-base font-medium rounded-md"> | |
| <i data-feather="settings" class="text-gray-400 group-hover:text-gray-500 mr-4"></i> | |
| Настройки | |
| </a> | |
| </nav> | |
| </div> | |
| <div class="flex-shrink-0 flex border-t border-gray-200 p-4"> | |
| <div class="flex items-center"> | |
| <div> | |
| <img class="inline-block h-10 w-10 rounded-full" src="http://static.photos/people/200x200/1" alt=""> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-base font-medium text-gray-700">Алексей Петров</p> | |
| <p class="text-sm font-medium text-gray-500">Premium</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Sidebar --> | |
| <div class="hidden md:flex md:flex-shrink-0"> | |
| <div class="flex flex-col w-64 border-r border-gray-200 bg-white sidebar" id="sidebar"> | |
| <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto"> | |
| <div class="flex items-center flex-shrink-0 px-4"> | |
| <i data-feather="trending-up" class="text-purple-600"></i> | |
| <span class="ml-2 text-xl font-bold text-gray-900">TrendSpotter</span> | |
| </div> | |
| <nav class="mt-5 flex-1 px-2 space-y-1"> | |
| <a href="#" class="bg-purple-100 text-purple-600 group flex items-center px-2 py-2 text-sm font-medium rounded-md sidebar-item"> | |
| <i data-feather="home" class="text-purple-500 mr-3"></i> | |
| <span class="sidebar-item-text">Главная</span> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md sidebar-item"> | |
| <i data-feather="trending-up" class="text-gray-400 group-hover:text-gray-500 mr-3"></i> | |
| <span class="sidebar-item-text">Тренды</span> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md sidebar-item"> | |
| <i data-feather="bell" class="text-gray-400 group-hover:text-gray-500 mr-3"></i> | |
| <span class="sidebar-item-text">Уведомления</span> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md sidebar-item"> | |
| <i data-feather="bookmark" class="text-gray-400 group-hover:text-gray-500 mr-3"></i> | |
| <span class="sidebar-item-text">Сохраненное</span> | |
| </a> | |
| <a href="#" class="text-gray-600 hover:bg-gray-50 hover:text-gray-900 group flex items-center px-2 py-2 text-sm font-medium rounded-md sidebar-item"> | |
| <i data-feather="settings" class="text-gray-400 group-hover:text-gray-500 mr-3"></i> | |
| <span class="sidebar-item-text">Настройки</span> | |
| </a> | |
| </nav> | |
| </div> | |
| <div class="flex-shrink-0 flex border-t border-gray-200 p-4"> | |
| <div class="flex items-center"> | |
| <div> | |
| <img class="inline-block h-9 w-9 rounded-full" src="http://static.photos/people/200x200/1" alt=""> | |
| </div> | |
| <div class="ml-3"> | |
| <p class="text-sm font-medium text-gray-700">Алексей Петров</p> | |
| <p class="text-xs font-medium text-gray-500">Premium</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main content --> | |
| <div class="flex flex-col md:pl-64"> | |
| <!-- Top navigation --> | |
| <div class="sticky top-0 z-10 flex-shrink-0 flex h-16 bg-white shadow"> | |
| <button type="button" class="px-4 border-r border-gray-200 text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-purple-500 md:hidden" id="mobileMenuButton"> | |
| <i data-feather="menu"></i> | |
| </button> | |
| <div class="flex-1 px-4 flex justify-between"> | |
| <div class="flex-1 flex"> | |
| <div class="w-full flex md:ml-0"> | |
| <div class="relative w-full text-gray-400 focus-within:text-gray-600"> | |
| <div class="absolute inset-y-0 left-0 flex items-center pointer-events-none"> | |
| <i data-feather="search"></i> | |
| </div> | |
| <input id="search" name="search" class="block w-full h-full pl-8 pr-3 py-2 border-transparent text-gray-900 placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-0 focus:border-transparent sm:text-sm" placeholder="Поиск трендов" type="search"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="ml-4 flex items-center md:ml-6"> | |
| <button type="button" class="bg-white p-1 rounded-full text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500"> | |
| <i data-feather="bell"></i> | |
| </button> | |
| <div class="ml-3 relative"> | |
| <div> | |
| <button type="button" class="max-w-xs bg-white flex items-center text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500" id="user-menu-button" aria-expanded="false" aria-haspopup="true"> | |
| <img class="h-8 w-8 rounded-full" src="http://static.photos/people/200x200/1" alt=""> | |
| </button> | |
| </div> | |
| </div> | |
| <button type="button" class="ml-3 hidden md:block p-1 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500" id="sidebarCollapse"> | |
| <i data-feather="chevron-left"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Dashboard content --> | |
| <main class="flex-1"> | |
| <div class="py-6"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex items-center justify-between mb-6"> | |
| <h1 class="text-2xl font-semibold text-gray-900">Главная</h1> | |
| </body> | |
| </html> |