index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyWorldk</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Hairline&family=Cabin:ital,wght@1,500&family=Caveat&family=Lobster+Two&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bungee+Hairline&family=Cabin:ital,wght@1,500&family=Caveat&family=Lobster+Two&family=Pixelify+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
    <header>
        <br><br>
        <div class="name">
            <h1>M.Feyza Yıldırım</h1>
        </div>

    </header>
    <br><br><br><br><br>
    <nav class="sticky">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#Hi">About</a></li>
            <li><a href="#project">Project</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <section id="Hi">
        <div class="Hi">Hi there🤘🏻 
        <br><br>I am M.Feyza Yıldırım. I have a great passion for software development.. </div>
    </section>
    <section id="project">
    <div class="projects">
        <h2 >My Project</h2>
        <br><br><br><br>
        <img src="./img/Ekran görüntüsü 2023-10-02 001732.png" alt="">
        <img src="./img/Ekran görüntüsü 2023-10-02 001932.png" alt="">
        <img src="./img/Ekran görüntüsü 2023-10-02 002016.png" alt="">
        <img src="./img/Ekran görüntüsü 2023-10-02 002115.png" alt="">
    </div>

</section >
    <br><br><br><br><br><br><br>
        <section id="contact">
        <h2>Contact Me</h2>
        <br><br>

        
    </div>
    <section>
        <br><br><br>
    
    <div class="contact">
        <a href="#"><i class="fa-brands fa-square-instagram"></i>İnstagram</a>
        <a href="#"><i class="fa-brands fa-square-x-twitter"></i>Twitter</a>
        <a href="#"><i class="fa-solid fa-envelope-circle-check"></i>Mail</a>
        <a href="#"><i class="fa-brands fa-square-github"></i>Github</a>
        <br><br>
        <a href="#"><i class="fa-brands fa-linkedin"></i>Linkedin</a>
    </section>
    <br><br><br>

    <section>
        <div class="message">
            <p>Send Message</p>
            <input type="text" placeholder="Username">
            <br><br><br>
            <input type="text" placeholder="Email">
            <br><br><br>
            <textarea name="" id="" cols="30" rows="10" placeholder="Enter your message"></textarea>
            <br><br><br><br><br>
             <Button class="b-a">SEND</Button>  
        </div>
    </section>
    </div>
    </div>

    <br><br><br>
    <div class="iframe1">
        <iframe width="200" height="100" src="https://www.youtube.com/embed/SzrbOFpP_gw?&autoplay=1si=A-lCwtCn5SmbE8BJ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<div class="tikla"><a href=""><i class="fa-solid fa-headphones"></i></a></div>
 
    
  
</body>

</html>