This project is a minimalist banking website called Bankist. It is a static website created using HTML, CSS, and JavaScript. The website showcases various sections, including features, operations, testimonials, and a sign-up section.
Bankist is designed to provide a simple and modern banking experience. The website consists of several sections, each highlighting different aspects of the banking service. It includes a navigation bar, a header with a call-to-action button, sections for features and operations, testimonials, a sign-up section, and a footer.
- Responsive Design: The website is designed to be responsive, ensuring a consistent experience across different devices.
- Navigation: A navigation bar allows users to navigate to different sections of the website smoothly.
- Header: The header introduces the main theme of the website with a call-to-action button.
- Features Section: Describes the key features of the banking service with accompanying images.
- Operations Section: Highlights various banking operations with tabs for instant transfers, loans, and account closing.
- Testimonials Section: Features testimonials from satisfied customers with a slider for easy navigation.
- Sign-Up Section: Encourages users to open a free account with a call-to-action button.
- Footer: Includes links to different pages, social media icons, and copyright information.
A modal is implemented for the sign-up process, prompting users to enter their first name, last name, and email address.
The slider functionality is used in the testimonials section, allowing users to navigate through different testimonials with left and right arrow buttons.
The website is styled using a combination of custom CSS and the Poppins font from Google Fonts. The design is minimalist, with a focus on clean lines and modern aesthetics. The website is responsive, ensuring optimal viewing on various devices.
JavaScript is used to add interactivity to the website. Key functionalities include:
- Opening and closing the modal for sign-up.
- Smooth scrolling to different sections.
- Implementing a tabbed component for the operations section.
- Adding a sticky navigation bar.
- Revealing elements on scroll.
- Lazy loading images for improved performance.
- Building a slider component for testimonials.
- How to Use
- Simply open the index.html file in a web browser to view the Bankist website. You can interact with the navigation, explore different sections, and experience the website's features.
This project is licensed under the MIT License - see the LICENSE file for details.