DEV Community

Cover image for Let's glum up on Dev Earth Day!
Jorge del Campo
Jorge del Campo

Posted on • Edited on

3

Let's glum up on Dev Earth Day!

This is a submission for Frontend Challenge v24.04.17, Glam Up My Markup: Earth Day Celebration Landing Page

What I Built

I've created a simple SPA landing page, with scrolling effects, combining flat and texture designs.

Considering the accesibility, I focused on clean style enphysing information and calls to action.

Demo

Journey

The principal inspiration was classical Wordpress block themes, based on Flexbox, with full height sections layout and links to scroll between them.

As the challenge rules indicated, all project and interactivity was created using JS at the bottom of code, including meta and SEO tags, a link with an external CSS stylesheet, and that's all, basically.

I hope you'll enjoy the result.

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

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