New_yorkcity

This is The new york times html page. In the process of making this website,I learn some techniques like float, position, grid, flex property which made our project more flexible.

Original Design

Original Design link : nytimes.com

Project Design

Project Design Screenshot :

Instruction

• Clonning the project: git clone (https://github.com/Deepakdanger/New_yorkcity.git)
• To open folder : cd .\New_yorkcity\
• link to open page locally: (file:///F:/1234Microverse/New_yorkcity/index.html) or live server:(http://127.0.0.1:5500/New_yorkcity/)

Github link:

For the: Github-link

Navigation bar

• Used flex to create three division one for icon, second one for logo and last one for login and subscribe button.

Image section

• Used img and put an image to the center.

Article section

• Embedded videos using iframe, insert images and paragraphs in this section.

Inflation section

• Used image and description and using grid for fixed section.
• Relative position property is used for the image.

Editor's section

• Use aside tag for float and position absolute.

Footer section

• float property is used to put logo in one side and text in other side.
• Flex box are used
• Fixed footer is made using fixed and sticky property.

Technology Used

• HTML
• CSS
• Font Awesome icons

Authors

Name :Deepak kumar Githhub :https://github.com/Deepakdanger