layzrd / nytimes

A NewYork times magazine website clone

The New York

The New York Times website news page clone based on an article from Space Ripples Reveal Big Bang’s Smoking Gun - The New York Times

This web page is developed by HTML5 and CSS only, without using any framework or library.

Built With

• HTML5
• CSS
• Stylelint and stickler for linting purpose
• html-validator-cli for validate HTML

Live Demo

• Live Preview

Getting Started

Install on Your Own Machine. You can skip the linter and HTML validetors setup if you don't want to validate the code

Setup your machine setup

Prerequisites

All the prerequisites are optional

• Git
• HTML validator
• CSS Linters

Setup

• Follow the link below to install git.

  download git

• Follow the link below to setup HTML validator.

  Setup HTML validator

• Follow the link below to setup linter.

  Setup CSS Linter to check code errors

• Clone the repository

  to clone the repository simply run the code below on your computer termial git clone https://github.com/abredi/NYTimes.git

Install

Optional Go to the project directory on your terminal and run npm install to install the HTML validator and CSS linters

Usage

Go to the project directory and run open the index.html file on your browser.

Authors

👤 Abdulaziz Ali

• Github: @abredi
• Twitter: @rediabdulaziz
• Linkedin: linkedin

👤 Victor Manuel Gonzalez Buitrago

• Github: @Shaqri
• Twitter: @victorgonbu
• Linkedin: linkedin

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• [Thanks Microverse][https://github.com/microverseinc]

📝 License

This project is MIT licensed.

nytimes's Issues

Morning Session Review

• The footer is hidden because of the fixed bottom navbar.
• The footer doesn't have the underline hover effect for the links.
• Add links to some images.

Code Review

Hi Victor,
Your website really looks great and promising. Kudos!! One thing to keep in mind is you can use grid on the aside section which contains images with text below it. It will reduce the CSS you write as well. Otherwise Happy Coding!!!!

Regards,
Peris Ndanu