This project is a clone of the UsabilityHub website, created for educational purposes to practice HTML, CSS, and JavaScript. The live version of the project is available here.
This repository contains the source code for a clone of the UsabilityHub website. The purpose of the project is to gain hands-on experience with web development technologies and improve HTML, CSS, and JavaScript skills.
- HTML Structure: Understanding the structure of a complex website and breaking it down into HTML components.
- CSS Styling: Implementing responsive and visually appealing designs using CSS and media queries.
- JavaScript Interactivity: Adding interactivity to the website through JavaScript, such as toggling navigation bars and creating dynamic content.
- Responsive Design: Ensuring the website is optimized for various devices and screen sizes.
- GitHub Pages Deployment: Deploying the project using GitHub Pages for easy accessibility.
- Loading Animation: Added beautiful loading animation matching to the color pallate of the website. | own addition
- Navigation: Responsive navigation bar with a toggle feature for mobile devices.
- Interactive Sections: Implementation of interactive sections like the banner, features, and testimonials.
- Media Integration: Embedding images and icons, and using Google Fonts for typography.
- Clone Accuracy: Striving to replicate the layout, styling, and features of the original UsabilityHub website.
- Fork the repo.
- Clone your fork.
- Create a new branch:
git checkout -b feature/your-feature. - Make changes, commit, and push.
- Open a pull request.
Thanks for contributing!
To run the project locally, clone the repository:
git clone https://github.com/codewarnab/usabilityhub-clone.git