https://github.com/teekaytech/neobael-assessment
https://github.com/teekaytech/neobael-assessment
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/teekaytech/neobael-assessment
- Owner: teekaytech
- License: mit
- Created: 2021-03-01T09:42:32.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-01T12:29:33.000Z (over 5 years ago)
- Last Synced: 2025-01-31T09:42:34.933Z (over 1 year ago)
- Language: HTML
- Size: 373 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Neobael Assesssment (Responsive Web Page)
In this project, I developed a responsive HTML page, with the CSS embedded within the HTML file. I developed the page with mobile-first approach. I was able to embed the image specified in the project specifications. I used media queries to take care of the responsiveness on tablet and desktop screen sizes. The Design specification can be found [here](t.ly/09hO).
## Built with
- HTML5
- CSS3 (Media Queries)
- Webhint / Stylelint (Linters)
- GitHub/GitHub Pages Pages (Deployment)
### Live demo: [Live Demo Link](https://teekaytech.github.io/Neobael-Assessment/)
## Getting started
To get a local copy up and running follow these simple example steps.
- On the project GitHub page, navigate to the main page of the repository [this page](https://github.com/teekaytech/Neobael-Assessment/tree/main).
- Under the repository name, locate and click on a green button named `Code`.
- Copy the project URL as displayed.
- If you're running Windows Operating System, open your command prompt. On Linux, Open your terminal.
- Change the current working directory to the location where you want the cloned directory to be made. Leave as it is if the current location is where you want the project to be.
- Type `git clone`, and then paste the URL you copied in Step 3.
```
$ git clone https://github.com/teekaytech/Neobael-Assessment.git
```
- Press Enter. Your local copy will be created.
- Copy the aboslute path of the index.html file, open your browser and paste the path in the URL column of your browser
- Press the `Enter` button. You're good to go.
Please Note that you must have Git installed on your PC, this can be done [here](https://gist.github.com/derhuerst/1b15ff4652a867391f03).
### Prerequisites
Web Browser
Text Editor (VSCode, Notepad++)
### Setup
Instal linter configurations with:
```
npm install
```
Check for linter errors with
```
npx hint .
```
## Author
**Taofeek OLALERE**
- [Portfolio](https://taofeekolalere.me)
- [Github](https://github.com/teekaytech/)
- [Twitter](https://twitter.com/ola_lere)
- [LinkedIn](https://www.linkedin.com/in/olaleretaofeek/)
## Contributing
Contributions, issues and feature requests are welcome!
1. Fork the Project: https://github.com/teekaytech/Neobael-Assessment.git
2. Open a Pull Request
Feel free to check the [issues page](https://github.com/teekaytech/Neobael-Assessment/issues).
## Show your support
Give a :star: if you like this project!
## Acknowledgements
- [Microverse Linters Config](https://github.com/microverseinc/linters-config/tree/master/html-css)
- [Design Specification by Neobael](https://onedrive.live.com/?authkey=%21APOaoIYAskTeAB0&cid=71A05EC4E8442665&id=71A05EC4E8442665%216750&parId=71A05EC4E8442665%215873&o=OneUp)
## License
Distributed under the [MIT License](https://github.com/teekaytech/Neobael-Assessment/blob/main/LICENSE).