This project is a React.js application built using Tailwind CSS for styling. It consists of multiple components to create a cohesive web application. Below is a brief overview of each component:
- Displays navigation links for different sections of the application.
- Renders a headline section with a title and description.
- Represents a section related to staying connected.
- Displays content related to diversity and inclusion.
- Showcases content related to success stories.
- Displays content expressing appreciation.
- Represents a section dedicated to storytelling.
- Showcases information about global business initiatives.
- Renders the footer section with links and copyright information.
The App component is the main entry point of the application. It renders the following components in the specified order:
1 Navbar
2 HeadLine
3 Connected
4 DiversityPage
5 SuccessPage
6 AppreciationPage
7 StoryPage
8 GlobalBusiness
9 Footer
To run the application, follow these steps:
- Clone the repository to your local machine.
- Navigate to the project directory.
- Run
npm installto install dependencies. - Run
npm run devto start the development server. - Open your browser and go to
http://localhost:5173/to view the application.
- React.js
- Tailwind CSS
- Convert Figma to HTML/CSS/Responsive/jQuery/JavaScript.
- If you want to create this project in react.js you can.
- Landing page Make header Sticky.
- If you want to use a framework then you can use any CSS framework.
- Also don't forget to make it a working carousel, tabs and mobile navigation.
- Please share the code by GitHub on the LinkedIn message or given email: karandeep@alkye.com
- Please submit your assignment test within 7 days of receiving this test.