<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link rel="stylesheet" href="spisok.css">
    <title>StarTok | Spisok</title>
</head>
<body>
    <nav class="navbar">
        <a href="index.html" class="navbar__logo">StarTok</a>
        <div class="navbar__notch">
            <p>Список ТикТокеров</p>
            <a href="https://t.me/Toughened_callbot">Подать заявку</a>
        </div>
        <div class="navbar__menu">
            <a href="index.html" class="navbar__menu-link">Главная</a>
            <a href="#" class="navbar__menu-link">Список ТикТокеров</a>
        </div>
    </nav>
    <div class="container">
        <div class="nav">
            <button id="menuToggle"><i class='bx bx-menu'></i></button>
            <div class="search">
                <i class='bx bx-search'></i>
                <input type="text" id="search-input" placeholder="Введите никнейм">
            </div>
            <button>Поиск</button>
        </div>

        <div class="main">
            <div class="content">
                <div class="header">
                    <h4>Список всех ТикТокеров <span>5</span></h4>
                    <p>Здесь находятся все ТикТокеры/Блогеры которые ты искал</p>
                </div>

                <div class="job-cards" id="animatedBox">
                    <div class="card" id="Опять Дима">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/Dima.jpg"></img>
                                <div>
                                    <h5>Опять Дима <span>| 5к+ подписчиков</span></h5>
                                    <a>ТикТокер, Монтажер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Эдитор</a>
                        </div>
                        <div class="card-desc">
                            Опять Дима - русский Тик Токер, монтажер из города Воронеж, снимает эдиты про город и иногда снимает забавные видео.
                        </div>
                    </div>
                    <div class="card" id="notwwk / Яна Гурари">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/notwwk.jpg"></img>
                                <div>
                                    <h5>notwwk / Яна Гурари <span>| 50к+ подписчика</span></h5>
                                    <a>Блогер, ТикТокер</a>
                                    <p>Россия, Россошь</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>музыкант</a>
                        </div>
                        <div class="card-desc">
                            русский тик ток блоггер, музыкант.
                            Гитаристка в панк-рок группе REGRITIT.
                            Дата рождения: 26.12.2007 в городе Россошь.
                        </div>
                    </div>
                    <div class="card" id="Настюшка">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/thenesti.jpg"></img>
                                <div>
                                    <h5>Настюшка <span>| 17к+ подписчика</span></h5>
                                    <a>ТикТокер</a>
                                    <p>Россия, Воронежская обл.</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>забавный контент</a>
                        </div>
                        <div class="card-desc">
                            Русская тик токерша
                            Снимаю много интересных роликов на разные темы,раньше была анонимкой 
                            Родилась  02.02.2010 г(в Воронежской области)
                        </div>
                    </div>
                    <div class="card" id="илюшкк / illyushkk">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/illyushkk.jpg"></img>
                                <div>
                                    <h5>илюшкк <span>| 13к+ подписчика</span></h5>
                                    <a>ТикТокер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>забавный контент</a>
                        </div>
                        <div class="card-desc">
                            илюшкк - русский Тик Токер,
                            снимает забавный контент и про Воронеж.
                            Родился 23 февраля 2007 в Белгородской обл.
                            Личная жизнь: закончил школу на оценку 2.
                            Рост: 178см.
                            Учится в Воронежский государственный лесотехнический университете
                        </div>
                    </div>
                    <div class="card" id="PERVIYRAZ">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/perviyraz.png"></img>
                                <div>
                                    <h5>PERVIYRAZ <span>| 11к+ подписчика</span></h5>
                                    <a>ТикТокер, Исполнитель</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>музыкант</a>
                        </div>
                        <div class="card-desc">
                            Тиктокер, начинающий исполнитель, объединяющий в своих треках поп, рок и электронное звучание. 
                            Является сонграйтером и саундпродюсером всех своих произведений. Родился в городе Воронеж 24 июля 2001 года.
                        </div>
                    </div>
                    <div class="card" id="Rifatov / рифатов">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/rifatoovv.jpg"></img>
                                <div>
                                    <h5>Rifatov <span>| 11к+ подписчика</span></h5>
                                    <a>Блогер</a>
                                    <p>Россия, Москва</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>развлекательный контент</a>
                        </div>
                        <div class="card-desc">
                            русский блогер из города Воронеж, снимает развлекательный контент на различные жизненные темы. 
                            Родился 6 августа 2008 года в городе Москва.
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="gradient">
            <p class="footer">
                <div class="footer-links">
                    <div class="footer__branding">
                        <a href="index.html">
                        <p class="footer__brand-name">StarTok</p>
                    </a>
                    </div>
    
                    <div class="footer__column">
                        <a href="https://t.me/Toughened_callbot" class="footer__link">Подать заявку</a>
                        <a href="index.html" class="footer__link">Главная</a>
                        <a href="spisok.html" class="footer__link">Список ТикТокеров/Блогеров</a>
                    </div>
    
                    <div class="footer__column">
                        <a href="https://t.me/StarTokNews" class="footer__link"><i class='bx bxl-telegram'></i></a>
                        <a href="#" class="footer__link"><i class='bx bxl-youtube'></i></a>
                        <a href="#" class="footer__link"><i class='bx bxl-vk'></i></a>
                    </div>
    
                </div>
    
                <p class="footer__copyright">© Copyright StarTok (2024-2025)</p>
                <p class="footer__copyright1">! Копирование сайта запрещено и карается законом !</p>
    
            </footer>
    
        </div>


    <script src="spisok.js"></script>
</body>
</html>