<!DOCTYPE html> <html lang="tr"> <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" /> <link rel="stylesheet" href="./style.css" /> <link href="https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css" rel="stylesheet" /> <meta http-equiv="content-language" content="tr" /> <link rel="shortcut icon" href="https://avatars.githubusercontent/u/87497469" type="image/webp" /> <link rel="icon" href="https://avatars.githubusercontent.com/u/87497469" type="image/webp" /> <meta name="Author" content="Nihat Aliyev, nihatlyv@gmail.com" /> <meta name="description" content="Nihat Aliyev'in tüm sosyal medya hesapları(@nihatxp)" /> <meta name="keywords" content="Nihat Aliyev nihatxp nihatlyv xpnihat Nihatxp Projects" /> <meta property="og:title" content="Nihat Aliyev Projeler" /> <meta property="og:description" content="Nihat Aliyev Projects(nihatxp)" /> <link rel="canonical" href="https://nihatxp.gihtub.io/links" /> <meta property="og:url" content="https://nihatxp.gihtub.io/links" /> <meta property="og:image:secure_url" content="https://avatars.githubusercontent.com/u/87497469" /> <meta property="og:image" content="https://avatars.githubusercontent.com/u/87497469" /> <meta property="profile:username" content="Nihat Aliyev" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Nihat Aliyev Projeler" /> <meta name="twitter:image" content="https://avatars.githubusercontent/u/87497469" /> <link rel="preload" as="image" href="https://avatars.githubusercontent/u/87497469" /> <meta name="twitter:url" content="https://nihatxp.github.io/link" /> <title>Nihat Aliyev Projects</title> </head> <body> <button class="instagram" onclick="window.open('https://instagram.com/nihatxp')" > <i class="bx bxl-instagram"></i>Takip Et </button> <button class="youtube" onclick="window.open('https://www.youtube.com/channel/UCDGDuGTHKEBmebf6Ljnd5dQ')" > <i class="bx bxl-youtube"></i>Abone Ol </button> <button class="github" onclick="window.open('https://github.com/nihatxp')"> <i class="bx bxl-github"></i>Takip Et </button> <div class="filters"> <span class="item active-work" data-filter="all">Tümü</span> <span class="item" data-filter=".animation">Animasyon</span> <span class="item" data-filter=".logo">Logo</span> <span class="item" data-filter=".other">Diğer</span> </div> <div class="container"> <main class="grid"> <div class="card animation"> <iframe src="./Gece Animasyonu - Night Animation/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Gece Animasyonu - Night Animation/" class="link" target="_blank" >Gece Animasyonu</a > </div> </div> <div class="card animation"> <iframe src="./Kalp - Heart/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Kalp - Heart/" class="link" target="_blank" >Animasyonlu Kalp</a > </div> </div> <div class="card animation logo"> <iframe src="./LinkedIn-Logo/linkedin.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/LinkedIn-Logo" class="link" target="_blank" >Linkedin Logo</a > </div> </div> <div class="card animation"> <iframe src="./Dinasour - Animation/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Dinasour - Animation/" class="link" target="_blank" >Dino</a > </div> </div> <div class="card logo"> <iframe src="./Windows Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Windows Logo/" class="link" target="_blank" >Windows Logo</a > </div> </div> <div class="card logo"> <iframe src="./Youtube Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Youtube Logo" class="link" target="_blank" >Youtube Logo</a > </div> </div> <div class="card logo"> <iframe src="./Google-Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Google-Logo" class="link" target="_blank" >Google Logo</a > </div> </div> <div class="card logo"> <iframe src="./Instagram-Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Instagram-Logo" class="link" target="_blank" >Instagram Logo</a > </div> </div> <div class="card logo"> <iframe src="./Spotify-Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Spotify-Logo" class="link" target="_blank" >Spotify Logo</a > </div> </div> <div class="card other"> <iframe src="./Yıldız - Star/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Yıldız - Star" class="link" target="_blank" >Yıldız</a > </div> </div> <div class="card logo"> <iframe src="./Bmw Logo/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Bmw Logo/" class="link" target="_blank" >BMW Logo</a > </div> </div> <div class="card other"> <iframe src="./Kare - Square/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Kare - Square/" class="link" target="_blank" >Kare</a > </div> </div> <div class="card other"> <iframe src="./Daire - Circle/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Daire - Circle" class="link" target="_blank" >Daire</a > </div> </div> <div class="card other"> <iframe src="./Beşgen - Pentagon/index.html" frameborder="0" scrolling="no" ></iframe> <div class="header"> <a href="https://github.com/nihatxp/Web-Projects/tree/main/Beşgen - Pentagon" class="link" target="_blank" >Beşgen</a > </div> </div> </main> </div> <script src="./mixitup.js"></script> <script> let mixerPortfolio = mixitup(".container", { selectors: { target: ".card", }, animation: { duration: 400, }, }); const linkWork = document.querySelectorAll(".item"); function activeWork() { linkWork.forEach((l) => l.classList.remove("active-work")); this.classList.add("active-work"); } linkWork.forEach((l) => l.addEventListener("click", activeWork)); </script> </body> </html>