Cookie Consent by Free Privacy Policy Generator 📌 Earth Day & Problems Celebration


✅ Earth Day & Problems Celebration


💡 Newskategorie: Programmierung
🔗 Quelle: dev.to

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

What I Built

I wanted to create a landing page about Earth Day, as a reminder that Earth is our common home where we need to keep order for a higher quality of life.

Demo

Project Demo
Source Code

Journey

Earth Day Celebration Title

The main idea I wanted to achieve is to remind people that April 22 is not a holiday in honor of the Earth, but a reminder that many environmental issues remain unresolved. And one of the main tools to keep the ecosystem "healthy" is to inform people about these problems. So, my landing is in black tone. Honestly, the first concept didn't work out for me, as I was not allowed to touch the original HTML according to the contest rules. So, I decided to do something simpler.
And since there is a lot of text in the proposed code, I wanted to draw users' attention to it for animations. I hope I achieved something.
Anyway, I learned a lot, for example, how to work with IntersectionObserver, how to work with the DOM and how to create animations when scrolling a page.

Thank you for the challenge!

License

Pictures:
Swallow
Dolphins

...

✅ Earth Day & Problems Celebration


📈 46.29 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: Earth's Rotation: Rotating with CSS on Earth Day


📈 39.2 Punkte

✅ Earth Day Celebration Landing Page submission


📈 33.51 Punkte

✅ CSS code for an Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ Submission - Glam Up My Markup: Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ Glam Up My Markup » Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ Earth Day Celebration "CSS only - NO JavaScript


📈 33.51 Punkte

✅ Landing Page for Earth Day Celebration


📈 33.51 Punkte

✅ Earth Day Celebration


📈 33.51 Punkte

✅ Glam Up My Markup: Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ Glam Up My Markup Submission: Earth Day Celebration


📈 33.51 Punkte

✅ Earth Day Celebration Landing Page


📈 33.51 Punkte

✅ "Code for Earth: Uniting Tech & Nature on Earth Day"


📈 26.79 Punkte

✅ Apple TV+ debuts “The Year Earth Changed” to herald Earth Day 2021


📈 24.65 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: Elements of Earth: CSS Card animation


📈 24.65 Punkte

✅ Submission For Front-end Challenge 2024 Earth Day Edition 🌎: "Earth's Future In Our Hands"


📈 24.65 Punkte

✅ Earth Day Frontend Challenge landing page: Hugging Earth


📈 24.65 Punkte

✅ Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


📈 24.65 Punkte

✅ Earth Challenge 🌍 Earth Day !


📈 24.65 Punkte

✅ I made a Earth Day Challenge website that calls for Humanity for Earth


📈 24.65 Punkte

✅ World Book Day: Cybersecurity’s Quietest Celebration


📈 23.41 Punkte

✅ WoW Day: Return of the King Celebration – Macht mit bei unserem Live-Stream zum Launch!


📈 23.41 Punkte

✅ MDT Hosts First Annual Innovation Celebration Day


📈 23.41 Punkte

✅ Wi-Fi problems on Windows 10? Use the wireless report to diagnose problems.


📈 21.26 Punkte

✅ Google Earth VR: Neuer Virtual Reality-Flugsimulator in der Welt von Google Earth


📈 20.21 Punkte

✅ Google Earth's Timelapses Offer a 32-Year Look At Earth's Changing Surface


📈 20.21 Punkte

✅ Google Earth VR: Neuer Virtual Reality-Flugsimulator in der Welt von Google Earth


📈 20.21 Punkte

✅ Google Earth's Timelapses Offer a 32-Year Look At Earth's Changing Surface


📈 20.21 Punkte

✅ Large Near-Earth Astroid Will Fly Past Earth On April 19


📈 20.21 Punkte

✅ Google Earth's New Tool Measures The Distance and Area of Locations on Earth


📈 20.21 Punkte











matomo

Datei nicht gefunden!