index.html


<!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>Baktygul</title>
    <link rel="stylesheet" href="style.css">
    </head>
<body>
  <header>
    <nav>
      <ul class="nav">
        <li><a href="#home">Home</a></li>
        <li><a href="#about">About Us</a></li>
        <li><a href="#clients">Our Works</a></li>  
        <li><a href="#contact">Contact Us</a></li>
      </ul>
    </nav>
  </header>
    
    <div class="first-container">
        <div class="profile">
          <img  class="me" src="me1.jpg" alt="me">
          <h2 class="name">Hello, I am Baktygul Kozhoshova</h2>
          <p class="intro"> I'm future fullstack  developer.  <br>I love learning and exploring something new.</p>
        </div>
        <hr>
      </div>  
        <div class="skills">
            <div class="skill-row">
              <a href="https://jyldyz.com/"> <img class="programming-png" src="logoJA.jpg" alt="picture1"></a>
           
            <h3>I am a student of the Kelechek project at the Jyldyz Academy</h3>
          
          </div> <br>
          <div class="skill-row">
            <img class="responsive-png" src="logo.png" alt="picture2">
            <h3 class="text">Member of the Movers team in the Summer challenge from Angela Yu</h3>
            
          </div>
        </div>
      

        <div class="contact-me">
          <h2>Get In Touch</h2>
          <p class="contact-message">You can contact me by the following links:</p>

        
    
      
        <ul class="nav">
          <li>
            <a href=mailto:baktygul.kozhoshova.kk@gmail.com>
              <img class="features__icon" src="gmail.png" alt="">
            </a> 
           </li>
          <li>
            <a href="https://github.com/Baktygul-kk">
              <img class="features__icon" src="github.png" alt="">
          </a>
          </li>
          <li>
            <a href="https://www.notion.so/baktygul-kozhosova-kk-gmail-com-f22c101d3ede4f43af539e4bc0145210">
              <img class="features__icon" src="notion.png" alt="">
          </a>
          </li>  
          <li>
            <a href="http://">
              <img class="features__icon" src="insta.png" alt="">
          </a>
          </li>
        </ul>
      </div>

      <footer>
        <p class="copyright">Copyright © 2021 My profile. All Rights Reserved</p>
            
      </footer>
      
      
    
</body>
</html>