Moon Orbit Animation
A responsive CSS animation that simulates the moon orbiting around Earth using pure HTML and CSS.
View the moon →I'm a frontend developer transitioning from Agricultural Science.This portfolio documents my journey, line by line.
Currently building with HTML & CSS.
Coming soon: JavaScript projects and interactive experiments.
Dark moments are not meant to break you, they are meant to show you what you carry inside.
A responsive CSS animation that simulates the moon orbiting around Earth using pure HTML and CSS.
View the moon →A responsive city skyline built with pure HTML and CSS.This project explores layout structure, depth layering, and intentional color systems using CSS variables.
Explore the city →A cozy illustrated house scene created using only HTML and CSS positioning techniques.
View the house →This project was one of my first HTML/CSS builds during my freeCodeCamp journey. It is a simple recipe page showcasing semantic HTML structure and foundational CSS styling.
View the Recipe →An interactive, JavaScript-free guide to 27 plants.Built with semantic HTML and pure CSS, it uses the `:target` pseudo-class for seamless navigation and viewport units for mobile-responsive images.
View the gallery →A modern urban cafe menu with warm colors and precise alignment. Built with semantic HTML and CSS layout techniques.
Explore our Cafe Menu →This is where I documented my published fiction works. I employed HTML elements such as (video, description element) and CSS.
Visit the creative portfolio →This project was built using semantic HTML5, accessible form elements, grouped inputs (radio buttons and checkboxes), and built-in validation techniques.
Check the form →