This is an implementation for the design of Landing Page Template. This is created for learning purposes using HTML, CSS, React & Vanilla JS. This landing page contains multiple sections, each with it's own proprities as explained above. The Live deployment for this implementation can be found on Live
These tow section were created with HTML & CSS.
Created using FeatureCard component. There are tow types of cards, an LTR card and an RTL card. React renders these cards after mapping them from a static array.
This is a draggable slider for a TestimonialCard component. After rendering the list of cards, the drag & slide ability is made using vanilla JS.
In this section i used an accordion style component, the state of the expanded/unexpanded accordion items is managed by react using the useState hook.
These tow sections are also created dynamically using React's components rendering after mapping them from a static array.
The design copyrights goes to it's own owner, this implementation of the design is created for learning purposes only.