Metric is a time tracking app that delivers the best solutions for increased profitability of your business with the most efficient time and resource management.
-
Navbar and Footer: Both have a fixed providing consistent navigation and information throughout the page.
-
Dynamic Design: A single-page component with fluid layout adjustments to accommodate different screen sizes, ensuring a seamless user experience.
-
Get starte Button: To get started with your free trials.
-
Header and Images: To showcase the actual representation of applcation
-
Responsive Hamburger Menu: Ensures accessibility and ease of navigation on smaller devices.
- HTML: Provides the structure and content for the web page.
- CSS: Handles the UI and styling, ensuring an appealing visual presentation.
- Bootsrtap: Implements functionality such as the accordion, Navbar, Containers And Nav-tabs.
-
Media Queries: Media queries are utilized to ensure the website's responsiveness across various screen sizes. By adjusting the layout and styling dynamically, the website offers an optimal viewing experience on different devices.
-
Responsive Design: Utilizes media queries and flex layouts to adapt the page layout across various devices, ensuring a seamless browsing experience on mobile phones, tablets, and desktop computers.
-
Fonts & Icons: Integrates Google Fonts and FontAwesome icons for enhanced typography and visual elements. By leveraging these resources, the website achieves a modern and visually appealing design, improving readability and user engagement.
To run this project locally:
- Clone this repository to your local machine.
- Run $ npm install bootstrap in the directory
- Run index.html using live server extension.
- This project was done for our construct week. During a masai-school journey to make practicle use of our coding and testing skills that we have learned in our masai journey till date.
- Special thanks to the Masaischool.