https://github.com/codewarnab/usabilityhub-clone

clone of usabilityhub.com
https://github.com/codewarnab/usabilityhub-clone

clone-website html-css-javascript

Last synced: 7 days ago
JSON representation

clone of usabilityhub.com

• Host: GitHub
• URL: https://github.com/codewarnab/usabilityhub-clone
• Owner: codewarnab
• Created: 2023-11-11T17:26:28.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2023-11-25T06:50:37.000Z (12 months ago)
• Last Synced: 2024-10-10T11:25:03.605Z (27 days ago)
• Topics: clone-website, html-css-javascript
• Language: HTML
• Homepage: https://codewarnab.github.io/usabilityhub-clone/
• Size: 2.39 MB
• Stars: 2
• Watchers: 1
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UsabilityHub Clone

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](https://codewarnab.github.io/usabilityhub-clone/).

## Table of Contents

- [Description](#description)

- [Key Learnings](#key-learnings)

- [Features](#features)

- [Usage](#usage)

- [Contributing](#contributing)

## Description

This repository contains the source code for a clone of the [UsabilityHub](https://web.archive.org/web/20221103220334/https://usabilityhub.com/) website. The purpose of the project is to gain hands-on experience with web development technologies and improve HTML, CSS, and JavaScript skills.

## Key Learnings

1. **HTML Structure:** Understanding the structure of a complex website and breaking it down into HTML components.

2. **CSS Styling:** Implementing responsive and visually appealing designs using CSS and media queries.

3. **JavaScript Interactivity:** Adding interactivity to the website through JavaScript, such as toggling navigation bars and creating dynamic content.

4. **Responsive Design:** Ensuring the website is optimized for various devices and screen sizes.

5. **GitHub Pages Deployment:** Deploying the project using GitHub Pages for easy accessibility.

6. **Loading Animation:** Added beautiful loading animation matching to the color pallate of the website. | **own addition**

## Features

- **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.

## Contributing

1. **Fork** the repo.

2. **Clone** your fork.

3. Create a new branch: `git checkout -b feature/your-feature`.

4. Make changes, **commit**, and **push**.

5. Open a **pull request**.

Thanks for contributing!

## Usage

To run the project locally, clone the repository:

```bash

git clone https://github.com/codewarnab/usabilityhub-clone.git