WEBLEB
Home
Editor
Login
Pro
English
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Portfolio hero page
3500
asimabbasi
Open In Editor
Publish Your Code
Recommended
14 January 2025
Portfolio Webpage Example
27 November 2024
Landing Page - Travel
14 September 2024
Portfolio Carousel with Synchronized Sliders
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);