WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
पोर्टफोलियो हीरो पेज
3705
asimabbasi
संपादक में खोलें
Video
अपना कोड प्रकाशित करें
5
अनुशंसित
20 March 2024
एनिमेशन के साथ HTML लैंडिंग पेज टेम्पलेट
12 December 2025
टेलविंड सीएसएस और जीएसएपी का उपयोग करके बनाई गई सिनेमाई पोर्टफोलियो वेबसाइट
13 May 2025
Roblox लॉगिन पेज HTML CSS
HTML
Copy
Asim Abbasi | Frontend Web Developer
Hello, World.
Front-end Web Developer |
Ui/Ux Designer
More About Me
Asim Abbasi | Frontend Web Developer
Hello, World.
Front-end Web Developer |
Ui/Ux Designer
More About Me
CSS
Copy
.header { background: #151515 url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQhvTHrHLFFSOaJ-hb2FgM_rJAh22JShuAzHb28rt4sIeSGpvqH) center center no-repeat; background-size: cover; background-attachment: fixed; } .header::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .header .text-container { z-index: 10; } .header .social { bottom: 50px; } @media (max-width: 747px) { .header .social i { font-size: 30px; } .header .roles { font-size: 18px !important; } }
JS
Copy
function runTypingEffect() { const text = "I am Asim Abbasi."; const typingElement = document.getElementById("typing-text"); const typingDelay = 100; typeText(text, typingElement, typingDelay); } function typeText(text, typingElement, delay) { for (let i = 0; i < text.length; i++) { setTimeout(() => { typingElement.textContent += text.charAt(i); }, delay * i); } } document.addEventListener("DOMContentLoaded", runTypingEffect);