Aside from the SVG text mask each page has its own list of detailed information on each flower. Everything from how to up keep and maintain each type to what type of soil and sunlight they require.
Addition
Information
Secret Garden
This project was created with all custom HTML, CSS and JavaScript. It was a capstone project for a group of us at Atlas School in which we were given a prompt to create a visually appealing website that captured humanities connection to nature.
01
We opted to go with months and their correlation to a specific flower. It was a lot to tackle in just two weeks but we were able to get all 12 months created with each page having over 1,000 lines of code.
02
The header for each page was the focal point of this project. Utilizing SVG text masks we were able to really show case each month and its corresponding flower. Check out the video below to see an example of what the finished product looked like.