Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ijayabby/thenextweb-clone
This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.
https://github.com/ijayabby/thenextweb-clone
css3 html5 media-queries responsive responsive-design responsive-web-design
Last synced: 11 days ago
JSON representation
This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.
- Host: GitHub
- URL: https://github.com/ijayabby/thenextweb-clone
- Owner: IjayAbby
- Created: 2020-08-04T11:27:43.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T13:37:24.000Z (about 2 years ago)
- Last Synced: 2024-12-13T00:42:50.553Z (about 1 month ago)
- Topics: css3, html5, media-queries, responsive, responsive-design, responsive-web-design
- Language: HTML
- Homepage:
- Size: 6.08 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Next Web Clone.
> This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.Here we have the use of Grids , Flex and Float . In addition the use of media queries to make the site responsive comes to play.
Additional description about the project and its features.
## Built With
- HTML5 & CSS3,
- fontawesome for icons.
## Live Demo
[Live Demo Link](https://ijayabby.github.io/thenextweb-clone/)
## Getting Started
**To get this project set up on your local machine, follow these simple steps:**
1. Open Terminal.
2. Navigate to your desired location to download the contents of this repository.
3. Copy and paste the following code into the Terminal:
``` git clone https://github.com/IjayAbby/thenextweb-clone.git```
4. `Hit enter.`
5. `Run npm install in the terminal to get all the dependencies installed locally.`
6. Once the repository has been cloned, open main.html in a browser of your choice.
7. The project can also be found at https://www.theodinproject.com/courses/html-and-css/lessons/building-with-responsive-design
8. Enjoy!
### Prerequisites
- A computer, a smartphone, or another similar device.
- Access to the internet.
## Authors
👤 **Abigael Nyangasi**
- Github: [@githubhandle](https://github.com/IjayAbby)
- Twitter: [@twitterhandle](https://twitter.com/Ijay_js)
- Linkedin: [linkedin](https://linkedin.com/in/ijayabby4/)
👤 **Rick Oburu**
- Github: [@githubhandle](https://github.com/RICKCOYL)
- Twitter: [@twitterhandle](https://twitter.com/rickoburu)
- Linkedin: [linkedin](https://linkedin.com/in/rick-oburu-8627591a4/)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the [issues page](https://github.com/IjayAbby/thenextweb-clone/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- The Odin Project.
- W3Schools.
-thenextweb.com
## 📝 License
This project is [MIT](lic.url) licensed.