Product Landing Page

  Last updated August 2023

  freeCodeCamp Certification Project

Thumbnail preview for Product Landing Page project

Developer Credits

  •   Developed by Daniel Fletcher

Project Link

View project on CodePen

Link will open in a new tab.

Skills & Technologies

  • HTML
  • CSS

Project Details

The (un)official landing page for products from the fictional world of Attack on Titan.

This faux online merch store is loosely based around the anime series Attack on Titan, featuring details related to its world and characters. I found the idea of designing a product landing page for various fictional gadgets to be an intriguing one. I also thought using the world of Attack on Titan in particular would create somewhat of an absurd juxtaposition, if only because of how far removed the internet (let alone eCommerce) is from that story.

Please Note: There is an embedded video on the page with content warnings for both violence and swearing. Watch at your own discretion.

Relevant links:

Related Projects

This is certification project 4 of 5 in the Responsive Web Design track at freeCodeCamp. Each of my project submissions in this track is linked below.

Survey Form

Jun 2023

Share your thoughts on Link's latest adventure in this fanmade survey for The Legend of Zelda: Tears of the Kingdom.


Tribute Page

Jun 2023

A tribute to alternative rock band Radiohead, including a brief description and discography breakdown.


Technical Documentation Page

Jul 2023

A reference for six select sorting algorithms presented through the lens of the C++ language.


Product Landing Page

Aug 2023

The (un)official landing page for products from the fictional world of Attack on Titan.


Personal Portfolio

Aug 2023

A smaller-scale portfolio for my first five freeCodeCamp project submissions.