DEV Community

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

Posted on

1

Glam Up My Markup: Cricket League!

#devchallenge #frontendchallenge #css #javascript

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!

profile
Coherence
 Promoted

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

Retry later

Read next

sharathchandark profile image

Build a Single Page Application (SPA) Using HTML, CSS & JavaScript - No Frameworks Needed

sharathchandark -

arindam_1729 profile image

Top 5 Open Source Projects You Must Explore Before 2025

Arindam Majumder -

prince_beec5ccde00b7c6c73 profile image

Happy New Year animation using html css and js

Prince -

dpc profile image

Daily JavaScript Challenge #JS-59: Find the Smallest Positive Number Missing in an Array

DPC -