<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>StarTok | Опять Дима</title>
    <!---external css ---->
    <link rel="stylesheet" href="profile-2.css">
    <!---font awesome cdn for font icons---->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</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="spisok.html" class="navbar__menu-link">Список ТикТокеров</a>
      </div>
  </nav>
   
   <div class="container">
       <div class="profile-card"> 
            <div class="profile-pic">
                <img src="assets/Dima.jpg" alt="user avatar">
            </div>

            <div class="profile-details">
                 <div class="intro">
                    <h2>Опять Дима</h2>
                    <h4>ТикТокер и Монтажер</h4>
                 </div>

                 <div class="contact-info">
                    <div class="row">
                     <a href="https://t.me/lyashkoo">
                         <div class="icon">
                            <i class="fab fa-telegram"  style="color:var(--blue)"></i>
                         </div>
                        </a>
                         <div class="content">
                            <span>Telegram</span>
                            <a href="https://t.me/lyashkoo">
                            <h5>Опять Дима</h5>
                           </a>
                         </div>
                    </div>
    
                   <div class="row">
                     <a href="https://www.tiktok.com/@again.dima?_t=8ryCmxxM4hT&_r=1">
                    <div class="icon">
                       <i class="fab fa-tiktok"  style="color:var(--black)"></i>
                    </div>
                  </a>
                    <div class="content">
                       <span>TikTok</span>
                       <a href="https://www.tiktok.com/@again.dima?_t=8ryCmxxM4hT&_r=1">
                       <h5>again.dima</h5>
                     </a>
                    </div>
                 </div>

            </div>
            <a href="#">
               <button class="download-btn"> <i class="fa fa-video"></i> TikTok Live</button>
            </a>
            </div>
       </div>

       <!----about section ----->
       <div class="about">
           <h1>О себе</h1>

           <p> Люблю монтировать видео, гулать и путешествовать. Также снимаю видео
          </p>
            <p>про себя и про Воронеж. Опять Дима - это моя кличка от друзей</p>
         
            <div class="profile-pic">
               <img src="assets/Dima1.jpg" alt="user avatar">
               <img src="assets/Dima2.jpg" alt="user avatar">
           </div>
         </div>
       </div>
   </div>
   <script src="profile-1.js"></script>
</body>
</html>