https://github.com/mohamedsabry0/smashing-magazine-clone
An attempt at recreating the heatmap homepage of the smashing magazine
https://github.com/mohamedsabry0/smashing-magazine-clone
Last synced: 4 months ago
JSON representation
An attempt at recreating the heatmap homepage of the smashing magazine
- Host: GitHub
- URL: https://github.com/mohamedsabry0/smashing-magazine-clone
- Owner: mohamedSabry0
- Created: 2019-11-22T17:44:26.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-12-03T02:03:13.000Z (over 5 years ago)
- Last Synced: 2025-01-13T01:25:39.249Z (5 months ago)
- Language: HTML
- Homepage:
- Size: 64.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# smashing-magazine-clone
## Fifth Microverse Project
Project: desing teardown
[![Contributors][contributors-shield]][contributors-url]
smashing magazine clone
An attempt at recreating the heatmap homepage of the smashing magazine
(https://www.smashingmagazine.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 for Microverse following these requirements:
#### nav
- [x] have the nav as a horizontal ul
- [x] align the nav content with grids
#### main body of the page
- [x] using grid and flex combination for alinging the sections and thier content
- [x] apply color theme to the page to represent contrast
- [x] section titles have to be floated to the most left and rotated
- [x] have contrast in font sizes and weight
#### footer of the page
- [x] use nested elements to get the desired alignment of images
and following this lesson :
https://www.theodinproject.com/courses/html5-and-css3/lessons/design-teardown
[![Product Name Screen Shot][product-screenshot]](images/snapshot.png)
## Built With
* (HTML5)
* (CSS3)
* images from wikimedia
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Contact
Rodolfo Rodriguez Mata - [Github profile](https://github.com/RodolfoRodriguezMata)
Mohamed Sabry - [Github profile](https://github.com/mohamedSabry0)
Project Link: [https://github.com/RodolfoRodriguezMata/nytimes-clone](https://github.com/mohamedSabry0/smashing-magazine-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/snapshot.png