diff --git a/src/assets/link.png b/src/assets/link.png
new file mode 100644
index 0000000..e4d2af4
Binary files /dev/null and b/src/assets/link.png differ
diff --git a/src/assets/style.css b/src/assets/style.css
index d755f78..582b2e2 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -18,7 +18,7 @@ body #img {
     animation: fade-in 1s forwards;
 }
 
-body #content {
+main {
     position: absolute;
     text-align: center;
     height: 100vh;
@@ -27,16 +27,38 @@ body #content {
     place-items: center;
 }
 
-body #content h1 {
+main h1 {
     margin: 0;
     font-size: 5em;
     text-shadow: #fff 1px 0 10px;
     animation: park 1s forwards;
 }
 
+#credits {
+    opacity: 0;
+    position: absolute;
+    z-index: 1000;
+    bottom: 0;
+    left: 0;
+    margin: 1rem;
+
+    padding: 1rem;
+    background: #00000099;
+    border-radius: 1rem;
+
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    
+    transition: opacity .2s ease-in-out;
+}
+
 a[href] {
     color: #fff;
     transition: color .1s ease-in-out;
+}
+
+.fade-in {
     animation: fade-in 1s forwards;
 }
 
diff --git a/src/index.html b/src/index.html
index 026f12f..6b0c8fb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,16 +6,41 @@
 </head>
 
 <body>
-    <img src="assets/stewie.gif" alt="stewie" id="img">
-    <div id="content">
+    <img alt="stewie" id="img">
+    <main>
         <div>
             <h1>This domain is parked!</h1>
-            <a id="contact-link" href="//ixvd.net/parked-domains">Contact</a>
+            <a id="contact-link" class="fade-in" href="//ixvd.net/parked-domains">Contact</a>
+        </div>
+    </main>
+    <div id="credits">
+        <img src="assets/link.png" alt="link icon">
+        <div style="display: flex; flex-direction: column;">
+            <b id="gif-title">title</b>
+            <a id="gif-link">link</a>
         </div>
     </div>
     <script>
         document.title = `${document.location.hostname} - Parked Domain`
-        document.querySelector("a#contact-link").href += `?domain=${encodeURI(document.location.hostname)}`
+        document.querySelector("a#contact-link").href += `?domain=${encodeURI(document.location.hostname)}`;
+        (async () => {
+            const img = document.querySelector("img#img");
+            const credits = document.querySelector("#credits");
+            const title = document.querySelector("#gif-title");
+            const link = document.querySelector("#gif-link");
+            try {
+                const API_URL = `https://api.giphy.com/v1/gifs/translate?api_key=4SBh3vVDUMIDmzJl8mesOcY4UwRWKX7u&s=parking`;
+                const res = await fetch(API_URL, { mode: "cors" });
+                const imgData = await res.json();
+                const imgURL = imgData.data.images.original.url;
+                img.src = imgURL;
+                title.innerText = imgData.data.title;
+                link.href = imgData.data.url;
+                credits.style.opacity = 1;
+            } catch (error) {
+                img.src = "assets/stewie.gif";
+            }
+        })()
     </script>
 </body>
 
