Nature Tours
This app challenged me to primarily use float to structure the application. Building using only floats was uniquely challenging because it forced me to think about how the elements are aligned with one another. It taught me to learn and use the flow of the page to stack and align components relative to each other.
You'll notice many areas where I practiced using animations:
- Transitioning the Main Header in from the sides
- Opening the menu at the top right
- Clicking the Discover Our Tours button
- Skewing Headers
- Translating and transforming Adventure Images
- Flipping Tours Cards
- Blurring Profile Images and Translating User Name
I also tried and played with some other fun things such as using clip-path, shadows, z-index, opacity, borders, and gradients.
Click Image to View Website:
