<!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>Bio of TikTokers | Spisok</title>
</head>
<body>
    <nav class="navbar">
        <a href="index.html" class="navbar__logo">Bio of TikTokers</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>6</span></h4>
                    <p>Здесь находятся все ТикТокеры/Блогеры которые ты искал</p>
                </div>

                <div class="job-cards">
                    <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="profile-2">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/profile-1.jpg"></img>
                                <div>
                                    <h5>Nick 2 <span>| 231к подписчика</span></h5>
                                    <a>Блогер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Особенность</a>
                            <a>Особенность</a>
                        </div>
                        <div class="card-desc">
                            Человек давно занимается тиктокерской карьерой, проживает он в России городе Воронеж, он хороший Человек, 
                            он отлично проводит время со своими друзьями
                        </div>
                    </div>
                    <div class="card" id="profile-3">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/profile-1.jpg"></img>
                                <div>
                                    <h5>Nick 3 <span>| 231к подписчика</span></h5>
                                    <a>ТикТокер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Особенность</a>
                            <a>Особенность</a>
                        </div>
                        <div class="card-desc">
                            Человек давно занимается тиктокерской карьерой, проживает он в России городе Воронеж, он хороший Человек, 
                            он отлично проводит время со своими друзьями
                        </div>
                    </div>
                    <div class="card" id="profile-4">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/profile-1.jpg"></img>
                                <div>
                                    <h5>Nick 4 <span>| 231к подписчика</span></h5>
                                    <a>Блогер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Особенность</a>
                            <a>Особенность</a>
                        </div>
                        <div class="card-desc">
                            Человек давно занимается тиктокерской карьерой, проживает он в России городе Воронеж, он хороший Человек, 
                            он отлично проводит время со своими друзьями
                        </div>
                    </div>
                    <div class="card" id="profile-5">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/profile-1.jpg"></img>
                                <div>
                                    <h5>Nick 5 <span>| 231к подписчика</span></h5>
                                    <a>ТикТокер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Особенность</a>
                            <a>Особенность</a>
                        </div>
                        <div class="card-desc">
                            Человек давно занимается тиктокерской карьерой, проживает он в России городе Воронеж, он хороший Человек, 
                            он отлично проводит время со своими друзьями
                        </div>
                    </div>
                    <div class="card" id="profile-6">
                        <div class="card-header">
                            <div class="job-info">
                                <img src="assets/profile-1.jpg"></img>
                                <div>
                                    <h5>Nick 6 <span>| 231к подписчика</span></h5>
                                    <a>Блогер</a>
                                    <p>Россия, Воронеж</p>
                                </div>
                            </div>
                        </div>
                        <div class="card-tags">
                            <a>Особенность</a>
                            <a>Особенность</a>
                        </div>
                        <div class="card-desc">
                            Человек давно занимается тиктокерской карьерой, проживает он в России городе Воронеж, он хороший Человек, 
                            он отлично проводит время со своими друзьями
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        <div class="gradient">
            <!-- <div class="subscription">
                <form class="subscription__form">
                    <input type="text" class="subscription__input" placeholder="Введите никнейм">
                    <button type="submit" class="subscription__button">Поиск</button>
                </form>
            </div> -->
    
            <p class="footer">
                <div class="footer-links">
                    <div class="footer__branding">
                        <a href="index.html">
                        <p class="footer__brand-name">Bio of TikTokers</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="faqs.html" class="footer__link">Часто задаваемые вопросы</a>
                        <a href="spisok.html" class="footer__link">Список ТикТокеров/Блогеров</a>
                    </div>
    
                    <div class="footer__column">
                        <a href="#" 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 Bio of TikTokers (2024-2025)</p>
                <p class="footer__copyright1">! Копирование сайта запрещено и карается законом !</p>
    
            </footer>
    
        </div>


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