DEV Community

Cover image for Cricket league landing page
Uzondu
Uzondu

Posted on • Edited on

2

Cricket league landing page

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

What I Built

I designed and built a two column webpage, supposedly, for a cricket league based in New York. Glossed with rich graphics, it provides elaborate information, inviting interested participants to join the league.

Demo

Project page image
Here is the link to the code: GitHub code link.
Here is the live site: Webpage link.

Journey

Initial stage

I started with the designing and planning the layout of the page. I also thought ahead of making the page responsive to mobile devices and put that to paper as well (Don’t worry I’ll be publishing a more detailed post on my steps to planning and designing a webpage soon; so stay tuned!). After following through the design process, I began creating the code files for the page.

Middle stage

I used JavaScript to relocate the elements to suite the two-column page I had in mind; I created new elements for new purposes, then partly edited the initial HTML structure. With some additional inline tags to contain text which I needed to style separately, I used CSS to style the page in steps, following the hierarchy of the page elements.

End stage

I integrated the images (Which I got from Unsplash and Freepik) to give the page the final feel I aimed for. I also made sure the page would be responsive across common devices.

This is a solo project created by Uzondu

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up