This is a landing page for my client at Kline Account which specialises in user-generated accounts. This proccess was split into three sections which are the structure, links, and animations. I was advised for this landing page to only be made in desktop proportions which explains the disfunctionality it has on mobile and tablets.
Please show your support by reacting with watch
or ⭐
One of the main attractions for this landing page is the depiction of an Iphone on the SNKRS app showing a successful checkout, the main goal for Kline Accounts.
Using Kline Account's testimonials, I was able to create a vertical scrolling reviews section which individual cards would fade away when it reaches the top of the box. I have also used Twitter's Embedded Timeline to create a timeline of all Kline Account's tweets for the audience's satisfaction that this company also uses social media to reach out to their clients.
All animations are used from a js library called AOS (animate on scroll) which is both lightweight and beginners friendly.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Read the Feature Template
- Create your Feature Branch (
git checkout -b feature/AmazingFeature
) - Commit your Changes (
git commit -m 'Add some AmazingFeature'
) - Push to the Branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
These are specific instructions for forking and testing your new features.
- Fork the project
- Download and install dependencies (
npm install
) - Cd into repo folder
- Open up 'index.html'