<!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 | perviyraz</title>
    <!---external css ---->
    <link rel="stylesheet" href="profile.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>PERVIYRAZ</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/perviyraz.png" alt="user avatar">
            </div>

            <div class="profile-details">
                 <div class="intro">
                    <h2>PERVIYRAZ</h2>
                    <h4>ТикТокер и Музыкант</h4>
                 </div>

                 <div class="contact-info">
                    <div class="row">
                     <a href="https://t.me/perviyrazmusic">
                         <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/perviyrazmusic">
                            <h5>PERVIYRAZ</h5>
                           </a>
                         </div>
                    </div>

                    <div class="row">
                        <a href="https://vk.com/perviyrazmusic">
                            <div class="icon">
                               <i class="fab fa-vk"  style="color:var(--blue)"></i>
                            </div>
                           </a>
                            <div class="content">
                               <span>VK</span>
                               <a href="https://vk.com/perviyrazmusic">
                               <h5>PERVIYRAZ</h5>
                              </a>
                            </div>
                       </div>

                       <div class="row">
                        <a href="https://www.youtube.com/@perviyrazmusic">
                            <div class="icon">
                               <i class="fab fa-youtube"  style="color:var(--dark-magenta)"></i>
                            </div>
                           </a>
                            <div class="content">
                               <span>YouTube</span>
                               <a href="https://www.youtube.com/@perviyrazmusic">
                               <h5>PERVIYRAZ</h5>
                              </a>
                            </div>
                       </div>
    
                   <div class="row">
                     <a href="https://tiktok.com/@perviyrazmusic">
                    <div class="icon">
                       <i class="fab fa-tiktok"  style="color:var(--black)"></i>
                    </div>
                  </a>
                    <div class="content">
                       <span>TikTok</span>
                       <a href="https://tiktok.com/@perviyrazmusic">
                       <h5>perviyrazmusic</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>
          <p>своих произведений. Родился в городе Воронеж 24 июля 2001 года.</p>
          <p>Окончил 11 классов, после школы никуда не поступал в связи</p>
          <p>с неожиданными жизненными испытаниями. Несмотря на судимость</p>
          <p>за плечами, продолжает развиваться в медиасфере и не скрывает своего прошлого.</p>

          <div class="profile-pic1">
             <img src="assets/perviyraz.png" alt="user avatar">
         </div>
       </div>
   </div>
   <script src="profile.js"></script>
</body>
</html>