https://github.com/teekaytech/nyt-clone
A cloned copy of new york times website
https://github.com/teekaytech/nyt-clone
bootstrap4 css3 html5
Last synced: 4 months ago
JSON representation
A cloned copy of new york times website
- Host: GitHub
- URL: https://github.com/teekaytech/nyt-clone
- Owner: teekaytech
- Created: 2020-03-03T09:34:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-08-14T17:08:13.000Z (almost 6 years ago)
- Last Synced: 2025-04-07T15:45:52.488Z (about 1 year ago)
- Topics: bootstrap4, css3, html5
- Language: HTML
- Homepage:
- Size: 1.25 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# New York Times - Clone
This is a clone application of New York Times.
In this project, our aim here wasn’t to produce an exact replica of the New York Times news page, but rather to focus on how to use positioning declarations in CSS. That means two things – laying out the basic structure of the page using semantic HTML elements and ensuring that the elements are appropriately sized and positioned.
There are many elements on the New York Times page which are produced with Javascript but our objective in this project wasn't to give this page functionality, so except from a portion of the content where a youtube video is embedded, nothing nothing else is clickable.
## Built with
* HTML
* CSS (Box Model, Float, Grid, Flex and Positioning)
* Lint (Stickler)
* W3C Validator
## Live demo
[Click here](https://teekaytech.github.io/NYT-Clone/)
## Getting started
**For this project, we tried our best to recreate the New York Times web page. The main aim is to ensure the elements get placed and styled roughly the same way as the New York Times page, so functionality is not a priority.**
We used the browser’s developer tools to inspect the real New York Times page to understand how elements are placed and styled.
We built our own page in a .html text file and opened it in our browser to check it out. We carried out the following steps:
- First setup a github repository for the project.
- Then create a .html file where all our HTML markup will go
- Create a .css file where all our styling code will reside
- Then open the New York Times web page on https://www.nytimes.com/2014/03/18/science/space/detection-of-waves-in-space-buttresses-landmark-theory-of-big-bang.html?_r=0, inspect its features with your browser's developer tools and start creating :shipit:
## Authors
:bust_in_silhouette: **Author 1**
* Github: https://github.com/teekaytech/
* Twitter: https://twitter.com/ola_lere
* LinkedIn: https://www.linkedin.com/in/teekaytech/
:bust_in_silhouette: **Author 2**
* Github: https://github.com/karthi07
* Twitter: https://twitter.com/itkarthi02
* LinkedIn: https://www.linkedin.com/in/karthickvenkadesan/
## Contributing
Contributions, issues and feature requests are welcome!
1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request
Feel free to check the [issues page](https://github.com/teekaytech/NYT-Clone/issues).
## Show your support
Give a :star: if you like this project!
## Acknowledgements
* [Microverse](https://www.microverse.org/)
* [The Odin Project](https://www.theodinproject.com/courses/html5-and-css3/lessons/embedding-images-and-video#introduction)
## License
Distributed under the MIT License.