An open API service indexing awesome lists of open source software.

https://github.com/urayushjain/usabilityhub

This project was created as a college assignment to practice HTML and CSS basics, focusing on static web page design and fundamental structure without advanced or responsive features.
https://github.com/urayushjain/usabilityhub

clone-website

Last synced: 3 months ago
JSON representation

This project was created as a college assignment to practice HTML and CSS basics, focusing on static web page design and fundamental structure without advanced or responsive features.

Awesome Lists containing this project

README

        

# 🌐 UsabilityHub Clone

A simple **UsabilityHub** website clone created as part of a college web development class for practice. This project focuses on learning and applying basic HTML and CSS concepts to replicate a professional website layout.

## 🌟 Live Demo
Check out the live version [here](https://urayushjain.github.io/Usabilityhub/).

## πŸš€ Features
- **Static Design**: Created with basic HTML and CSS as per the college syllabus.
- **Navigation Menu**: Includes links for Products, Customers, Pricing, and Resources.
- **Feature Cards**: Highlighting different features of the platform.
- **Footer Section**: Organized footer with placeholders for product and resource links.

## πŸ“‚ Project Structure
```plaintext
UsabilityHub-Clone/
β”œβ”€β”€ assets/
β”‚ β”œβ”€β”€ asset 1.png
β”‚ β”œβ”€β”€ asset 2.png
β”‚ β”œβ”€β”€ ... (all other image assets)
β”œβ”€β”€ index.html
β”œβ”€β”€ style.css
└── README.md
```

## πŸ› οΈ Technologies Used
- **HTML5**: For creating the structure of the web page.
- **CSS3**: For adding styling and layout.

## πŸ“š Context and Purpose
This project was developed as part of a college assignment to practice web development basics. It reflects the core principles of HTML and CSS taught in the class, focusing on building static, structured web pages without responsive or advanced features.

## πŸ’» How to Run Locally
1. **Clone the repository**:
```bash
git clone https://github.com/URAYUSHJAIN/UsabilityHub-Clone.git
```
2. **Open in a browser**:
Open the `index.html` file in your preferred web browser.

## πŸ“¦ Deployment
This project is hosted on **GitHub Pages** for easy access. You can also host it on any static file server.

## 🀝 Contributing
This project is for learning purposes only, but suggestions for improvement are always welcome!

## πŸ›‘οΈ License
This project is for educational use only. The original design belongs to UsabilityHub.

---

🌟 **Star this repository** if you’re learning HTML and CSS and found this project useful! 😊**