You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# Project #2: Financial Services Website with Tailwind CSS
This is a project for building a financial services website using Tailwind CSS.
## Project Overview
Throughout this project, you will learn how to create a financial services website from scratch using Tailwind CSS. We will cover the following topics:
- Setting up the project environment
- Building the layout and navigation
- Styling the website sections
- Adding responsive design
- Integrating animations and transitions
- Optimizing for performance
- Applying a light/dark theme for the website
- Allowing users to toggle between the light/dark modes
## Prerequisites
To get the most out of this project, you should have completed the previous sections of the bootcamp.
## Setup Instructions
To set up the project after forking or downloading it from GitHub, follow these steps:
1. Install the required dependencies by running the following command:
```
npm install
```
2. Compile the project by running the following command:
```
npm run compile
```
3. Start the development server by running the following command:
```
npm run watch
```
4. Navigate to the `index.html`, right click and open with live server.
That's it! You should now have the project up and running on your local machine.
## Support
If you encounter any issues or have any questions during the course of the project, please reach out and ask your questions in the Q&A section of the bootcamp.
I hope you enjoy this project and find it valuable in building your professional skills.
```
Happy Coding and Learning
```
## Project Screenshots
### Mobile Screenshot (Light)
![Mobile Screenshot]()
### Tablet Screenshot (Light)
![Tablet Screenshot]()
### Desktop Screenshot (Light)
![Desktop Screenshot]()
### Mobile Screenshot (Dark)
![Mobile Screenshot]()
### Tablet Screenshot (Dark)
![Tablet Screenshot]()
### Desktop Screenshot (Dark)
![Desktop Screenshot]()
# Tailwind-Project-2