WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Page héros du portfolio
2882
asimabbasi
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
28 June 2025
Modèle HTML de page d'erreur 404
17 May 2024
Page de destination
20 March 2024
Modèle de page de destination HTML avec animations
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);