https://github.com/happiguru/dubai_school_directory
This project is a directory of Dubai's kindergartens, secondary schools, and high schools. Madrassa Dubai is a classified online school directory that assists parents in finding the best schools for their children to attend.
https://github.com/happiguru/dubai_school_directory
bootstrap css3 html html5
Last synced: about 2 months ago
JSON representation
This project is a directory of Dubai's kindergartens, secondary schools, and high schools. Madrassa Dubai is a classified online school directory that assists parents in finding the best schools for their children to attend.
- Host: GitHub
- URL: https://github.com/happiguru/dubai_school_directory
- Owner: happiguru
- License: mit
- Created: 2020-08-02T06:42:06.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-12-04T18:36:39.000Z (over 5 years ago)
- Last Synced: 2024-12-31T20:34:14.030Z (over 1 year ago)
- Topics: bootstrap, css3, html, html5
- Language: HTML
- Homepage:
- Size: 6.62 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dubai_School_Directory
This project depicts a directory of kindergarten, secondary and high schools in Dubai.
Madrassa Dubai is a classified online school directory designed to facilitate parents in the process to search for the best schools to enroll their kids.
It provides the following features:
1. Allow users to create an account.
2. Allow users to search for schools found in Dubai based on their search criteria.
3. Give a deep explanation of the kind of curriculum available in every selected school.
4. Provides information about the overall performance of any school selected.
5. Guide for parents and more
This project was implemented using HTML5, CSS3, Bootstrap and, JavaScript.
## Built With
- HTML
- CSS
- BOOTSTRAP 4.5
- This project implements core functionalities in CSS3 such as:
1. Flexbox
2. Bootstrap Grid
3. Positioning Using Float, relative, fixed, z-index, and absolute
4. HTML Semantics
5. CSS Gradient
6. Responsiveness
7. UI/UX implementation
- And more
## Live Demo
[Live Demo Link](https://rawcdn.githack.com/happiguru/Dubai_School_Directory/b75620e363aa8abc36199f46fb23176d20811bd1/index.html)
## Getting Started
**Navigation bar**
- This project depicts a directory of kindergarden, secondary and high schools in Dubai.
- You can search through the directory for any school within Dubai
**Project Specification**
- the main page (search page), with a link to the results page
- the search results page, with a list of schools each with a link to the detail school page
- the detail school page
Each of these pages have versions for 3 different screen sizes:
- mobile: up to 768px
- tablet: up to 1024px
- desktop: from 1024px
To get a local copy and to set it up and running follow these simple example steps.
### Prerequisites
- Browser
- Internet
- Download the code from repository (https://github.com/happiguru/Dubai_School_Directory/tree/Feature-branch-DSD) and double click the index.html file
## Authors
👤 **Stanley Enow Lekunze**
- Github: [@happiguru](https://github.com/happiguru)
- Twitter: [@Lekunze_Nley](https://twitter.com/Lekunze_Nley)
- Linkedin: [lekunze-nley](https://www.linkedin.com/in/lekunze-nley/)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
-This project gave us a better understanding of the visual properties that must be used on a website.
## 📝 License
This project is [MIT](LICENSE) licensed.