App Overview
This Landing Page App Features a Variety of Javascript Produced Animated Effects
User Functionality
- Animations / Effects / Features
- • Clicking one of the two <Open account> Buttons will cause a user info input modal to appear
- • Hover over navigation menu items will highlight and fade items
- • Clicking the <Learn More> Button will smooth scroll to Features section
- • Sections will reveal with a delayed animated effect when scrolling down
- • Images will lazy load when scrolling down the page
- • Clicking a tab in Operations section will cause content to display for that tab
- • Operate the slider in the Testimonials section - by clicking the <arrow> Button on the window or on the keyboard
- • Navigation menu will have a sticky effect when scrolling down past the first section of the page
Coding Features and Methods Used
This App Uses Javascript Features Such As: • Positioning and Scrolling Effects • Event Delegation • Sticky Navigation • Lazy Loading of Images • Tabbed Component • Sliding Carousel • Modal Popup • Delayed and Animated Reveal While Scrolling • Hover Effects • Dataset Attributes • Originally Designed Just for Desktop - Made Necessary Adaptations for Mobile Devices