<!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-3.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/thenesti.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/thenesti">
                         <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/thenesti">
                            <h5>thenest(!)</h5>
                           </a>
                         </div>
                    </div>
    
                   <div class="row">
                     <a href="https://www.tiktok.com/@nastyshhkkaa?_t=8rzayVdPflt&_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/@nastyshhkkaa?_t=8rzayVdPflt&_r=1">
                       <h5>nastyshhkkaa</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>About Me</h1>

           <p> I'm Creative Director and UI/UX Designer from Sydney, Australia,  
            working in web development and print media.I enjoy turning complex problems into simple, 
            beautiful and intuitive designs.
          </p>

          <p>
            My aim is to bring across your message and identity in the most creative way. 
            I created web design for many famous brand companies.
          </p>
          <h2>What I Do !!!</h2>
          <div class="work">
             <div class="workbox">
                 <div class="icon">
                    <img src="images/ui.svg" alt="">
                 </div>
                 <div class="desc">
                    <h3>UI/UX Designer</h3>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam euismod volutpat.</p>
                 </div>
             </div>

             <div class="workbox">
                <div class="icon">
                   <img src="images/app.svg" alt="">
                </div>
                <div class="desc">
                   <h3>App Developement</h3>
                   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam euismod volutpat.</p>
                </div>
            </div>

            <div class="workbox">
                <div class="icon">
                   <img src="images/api.svg" alt="">
                </div>
                <div class="desc">
                   <h3>API Developement</h3>
                   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam euismod volutpat.</p>
                </div>
            </div>

            <div class="workbox">
                <div class="icon">
                   <img src="images/web.svg" alt="">
                </div>
                <div class="desc">
                   <h3>Web Developement</h3>
                   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam euismod volutpat.</p>
                </div>
            </div>
          </div>
       </div>
   </div>
   <script src="profile-1.js"></script>
</body>
</html>