f1fan-clone
A project for the webflow party challenge
https://webflow-party.circle.so/c/the-party/challenge-2
I used
Finsweet client first system
Finsweet attributes slider
Original project
https://f1fan.webflow.io/
What’s the difference?
- Free 3D asset for the cars
- The fonts I used formula condensed and extended from https://pangrampangram.com which are free for personal projects but you can download them. I used Bebas neue and Orbitron from google fonts as free alternatives.
Big mask text
https://thedesignersfoundry.com/super
A premium font and converted them to svg.
Process on youtube
1. Design https://youtu.be/ANReasCcAIU
2. Build https://youtu.be/LtGDkW0v2UU
Unresolved issues:
- For the slider, I enabled keyboard navigation. But, the text animation does not work.
- Active slider nav item will not show if you navigate to an item outside of your screen with the arrow keys.
- I tried to use a CMS collection on a separate page but the nav item does not show.