This is a submission for Frontend Challenge v24.07.24, CSS Art: Recreation.

What I build

In this project, I improved a basic HTML template using CSS and JavaScript. My goal was to create a beautiful and interactive page without changing the original HTML structure.

I added a "Join" button in the header using JavaScript. When you click it, a modal window opens. All animations on the page are created with my own JavaScript and CSS, without using any libraries.

Enjoy the new look and interactive features of the page!

Demo

Journey

In this project, I transformed a basic HTML template into an engaging, interactive webpage using CSS and JavaScript. Starting with the original structure, I applied a soothing color scheme and organized the layout with consistent styling. I added a "Join" button in the header, which, when clicked, opens a modal window. This was achieved using custom JavaScript for the button and modal interactions. To enhance the user experience, I crafted smooth animations with my own JavaScript and CSS, avoiding any external libraries. Throughout the project, I focused on maintaining the original HTML structure while significantly improving the design and functionality. The final result is a beautifully designed webpage that offers a seamless and engaging user experience.