/KlineAccounts

A landing page for my client at Kline Account which specialises in user-generated accounts.

Primary LanguageHTMLMIT LicenseMIT

Logo

Kline Accounts Landing Page

About the project

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 ⭐

Built With


I. Hero

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.

II. Integrations

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.

III. Animations

All animations are used from a js library called AOS (animate on scroll) which is both lightweight and beginners friendly.

IV. Contributing

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.

  1. Fork the Project
  2. Read the Feature Template
  3. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  4. Commit your Changes (git commit -m 'Add some AmazingFeature')
  5. Push to the Branch (git push origin feature/AmazingFeature)
  6. Open a Pull Request

V. Installation

These are specific instructions for forking and testing your new features.

  1. Fork the project
  2. Download and install dependencies (npm install)
  3. Cd into repo folder
  4. Open up 'index.html'

VI. Original UI Mockup

image