🏦 Bankist - Fictional Banking Website

Bankist Website is a modern, showcase landing page for a fictional bank, built using HTML, CSS, and vanilla JavaScript. The purpose of this project is to simulate a real-world bank's front-end website and demonstrate various interactive UI features.

This project was developed as part of my learning to explore and apply advanced DOM manipulation techniques, event delegation, and scroll-based animations in a clean, performant way.

🔗👉 click here to see the live demo-->https://nanthakumar-m.github.io/Bankist-Website_for_fictional_bank-Javascript/

🚫 Note: This website is not responsive and is best viewed on desktop screens.

⚙️ Technologies Used

• HTML5
• CSS3
• JavaScript

🎯 What I Gained / Concepts Practiced

✅ Event Delegation for efficient event handling

✅ DOM Manipulation (creating, inserting, deleting elements dynamically)

✅ Event Listeners (click, keydown, mouseover, scroll, etc.)

✅ Smooth Scrolling using scrollIntoView

✅ Tabbed Components using event delegation

✅ Menu Fade Animation using mouse events

✅ Sticky Navigation with the Intersection Observer API

✅ Reveal Sections on Scroll for a smooth user experience

✅ Lazy Loading Images for performance optimization

✅ Slider Component implementation

✅ Handling beforeunload events for page exit confirmation

📸 Screenshots