WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Página principal del portafolio
2728
asimabbasi
Abrir en el editor
Publica tu código
Recomendado
10 August 2024
Código HTML del formulario de inicio de sesión
21 May 2025
Página de inicio de la cartera
26 December 2024
Matrix es un directorio de páginas de inicio
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);