Skip to content

Latest commit

 

History

History
85 lines (52 loc) · 2.54 KB

README.md

File metadata and controls

85 lines (52 loc) · 2.54 KB
# 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