# Earth Day Celebration Landing Page

*This is a submission for* [*Frontend Challenge v24.04.17*](https://dev.to/devteam/join-us-for-the-next-frontend-challenge-earth-day-edition-52e4)*, Glam Up My Markup: Earth Day Celebration Landing Page*

## What I Built

I built the Earth Day Celebration Landing Page.

I didn't have a whole lot of time to do it, so I decided to not include any images (which would definitely save time searching for the perfect ones!) and only include one bit of animation.

I chose nature inspired colours, so mostly browns and greens with a bit of blue and yellow in there.

## Demo

%[https://codepen.io/nicm42/pen/oNOVObV] 

{% codepen [https://codepen.io/nicm42/pen/oNOVObV](https://codepen.io/nicm42/pen/oNOVObV) %}

## Journey

I had been thinking recently about an animation I did that drew a border around something on scroll. But I did it at my previous work, and no longer have access to what I did. So I wanted to reproduce it to remember how to do it, and to have a record of it in the future if I want to do it, or something like it, again.

That took a while, so beyond that I made the sections stand out a little bit, without doing too much or taking too much time. There's not a lot of classes in there, so targeting specific ones took a bit of thought.