Semantic layout
The page respects assignment requirements: header, footer, section, article and aside are all used.
Portada · Landing
Futuristic web interface demo
A single page that mixes semantic HTML, sci-fi inspired visuals and JavaScript interactions: dark mode, back-to-top, and scroll-triggered animations.
Interactive experience
Mouse-tilt cards and smooth scroll-reveal animations powered by IntersectionObserver.
Clean structure
Effects are written in plain JavaScript, easy to read, customize and explain in class.
Featured projects
Highlighted work
Project 1 · Online Bookstore
Responsive layout · Cart demo
A bookstore landing page with product cards, a simple cart interaction and keyboard-friendly navigation.
Project 2 · Weather Forecast UI
Interface · API-ready
A weather interface prepared to connect to an API. Focus on clean UI states, cards and typography in both themes.