DEV Community

Cover image for Glam Up My Markup: Cricket League!
Suman Sourabh
Suman Sourabh

Posted on

Glam Up My Markup: Cricket League!

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

Here I have built a landing page for the New York Recreational Cricket League by transforming a basic HTML template into something that is visually related to Cricket. I used some CSS and basic JavaScript for interactivity.

Demo

Journey

I played with CSS gradients to add a visual of sky (in the header) and grass (in the footer). I included a few icons related to Cricket as well.

For enhancing the user experience, I included a "Go to top" button, which when clicked, goes to the top of the page. It is fixed on the bottom right of the screen.

Looking forward to more frontend challenges.

Thanks for reading this post!

Top comments (0)