<!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>