https://github.com/mohamedsabry0/newsweek-clone
A clone of the Newsweek website using HTML and Bootstrap
https://github.com/mohamedsabry0/newsweek-clone
Last synced: 4 months ago
JSON representation
A clone of the Newsweek website using HTML and Bootstrap
- Host: GitHub
- URL: https://github.com/mohamedsabry0/newsweek-clone
- Owner: mohamedSabry0
- Created: 2019-12-12T20:11:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-21T09:16:04.000Z (over 4 years ago)
- Last Synced: 2025-01-13T01:25:50.712Z (5 months ago)
- Language: HTML
- Homepage:
- Size: 2.58 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Newsweek
## Seventh Microverse Project
Project: using-bootstrap
[![Contributors][contributors-shield]][contributors-url]
The Newsweek clone
An attempt at recreating the responsive homepage of the Newsweek website
(https://www.newsweek.com/)
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
## Table of Contents
* [About the Project](#about-the-project)
* [Built With](#built-with)
* [License](#license)
* [Contact](#contact)
## About The Project
Built following these requirements:
#### requirment 1
- [x] create media query for desktop (width > 992px)
- [x] align the sections using flex and bootstrap grid for some sections to get the same layout
#### requirment 2
- [x] create media query for tablet (width > 768px, width < 992px)
- [x] change the view of elements to be compitable with smaller screens as in the original
#### requirment 3
- [x] mobile screen as main screen (width < 768px)
- [x] change the view of elements to take full width and be only one column
and following this lesson :
https://www.theodinproject.com/courses/html5-and-css3/lessons/using-bootstrap
[![Product Name Screen Shot][product-screenshot]](images/screenshot.jpg)
## Built With
* HTML5
* CSS3
* Bootstrap 4
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Mohamed Sabry - [Github profile](https://github.com/mohamedSabry0)
Project Link: [https://github.com/mohamedSabry0/newsweek-clone/](https://github.com/mohamedSabry0/newsweek-clone/)
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=flat-square
[contributors-url]: https://github.com/mohamedSabry0/smashing-magazine-clone/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=flat-square
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=flat-square
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=flat-square
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=flat-square&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[product-screenshot]: images/screenshot.jpg