https://github.com/ahzia/responsive-coworking-directory

The project is HTML & CSS Capstone Project assigned by microverse, It is a responsive 3-page coworking directory.
https://github.com/ahzia/responsive-coworking-directory

css css3 html html5

Last synced: 2 months ago
JSON representation

The project is HTML & CSS Capstone Project assigned by microverse, It is a responsive 3-page coworking directory.

• Host: GitHub
• URL: https://github.com/ahzia/responsive-coworking-directory
• Owner: ahzia
• Created: 2021-04-22T17:33:37.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-11-21T11:27:37.000Z (over 3 years ago)
• Last Synced: 2025-03-24T21:38:48.725Z (3 months ago)
• Topics: css, css3, html, html5
• Language: HTML
• Homepage:
• Size: 4.02 MB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Capstone Project:Coworkingspace Directory

> This is a Responisve website based on [design](https://www.behance.net/gallery/25563385/PatashuleKE) by Matthew Njuguna & Sam Achola (Behance).

The project is HTML & CSS Capstone Project assigned by microverse to me check the original project specifications from [Microverse Capstone Project - Directory of Schools](https://www.notion.so/HTML-CSS-capstone-project-Directory-of-Schools-eea352bfaf3e4a83b2917df1f9a4e140)

### Main page

![Screenshot](assets/app_screenshot.png)

### Search results page

![screenshot](assets/search-results.png)

### Details page

![screenshot](assets/details.png)

Project requirements included using semantic HTML tags, CSS selectors, HTML elements box model (margin, padding, width, height), Bootstrap, creating UIs adaptable to different screen sizes using mediaqueries and using industry-standard tools (flexbox) to place elements on the page.

The project has 3 web pages - the main page, the search results page and the details page.

I have made some changes to the content as it was allowed per requirement.

## Built With

- HTML

- CSS

## Framework

-Bootstrap 5

## Live Demo

[Live Demo Link](https://ahzia.github.io/Responsive-Coworking-Directory/)

## Getting Started

1. Clone the project 

  `$ git clone https://github.com/ahzia/Responsive-Coworking-Directory`

2. Then open index.html in your browser

### Prerequisites

Just ensure you have one or more web browsers

## Authors

:bust_in_silhouette: **Author1**

- GitHub: [@ahzia](https://github.com/ahzia)

- Twitter: [@ZiaYousofi](https://twitter.com/ZiaYousofi)

- LinkedIn: [Ahmad zia Yousufi](https://https://www.linkedin.com/in/ah-ziayosfi)

## :handshake: Contributing

Contributions, issues, and feature requests are welcome!

Feel free to contribute 

Feel free to check the [issues page](https://github.com/ahzia/Responsive-Coworking-Directory/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Matthew Njuguna & Sam Achola (Design from [Behance](https://www.behance.net/gallery/25563385/PatashuleKE))

- Icons from [Font Awesome](https://fontawesome.com/)

- [Microverse] (https://www.microverse.org/)