https://github.com/brytebee/tnw-site

https://github.com/brytebee/tnw-site

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/brytebee/tnw-site
• Owner: brytebee
• Created: 2021-01-18T09:36:01.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-01-25T07:38:17.000Z (over 5 years ago)
• Last Synced: 2025-04-06T14:46:12.914Z (about 1 year ago)
• Language: HTML
• Size: 8.54 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)

# THE NEXT WEB CLONE

***

This project consists of replicating the The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.

Using a mobile first approach we added two other breakpoints for tablets and desktops.

## Built with:

* HTML5 semantic tags,

* CSS3 (Media Queries).

## Sceenshoot

Current version as commit date

# Desktop

![alt text](https://github.com/brytebee/TNW-site/blob/4998afe225c8f075da58c8bc70984fed43eab972/brytebee.github.io_TNW-site_%20-%20Desktop.png)

# Tablet

![alt text](https://github.com/brytebee/TNW-site/blob/main/brytebee.github.io_TNW-site_%20-%20Tablet.png)

# Mobile Phone

![alt text](https://github.com/brytebee/TNW-site/blob/main/brytebee.github.io_TNW-site_%20%20-mobile%20L.png)

# Live Demo

https://brytebee.github.io/TNW-site/

## Installation

All that is required is the code to get started

## Authors

👤 Author 1

GitHub: @Bishoy-Samwel

Twitter: @BishoFaheem15

LinkedIn: https://www.linkedin.com/in/bishoy-samwuel-ss/

👤 Author 2

GitHub: @brytebee

Twitter: @brytebee

LinkedIn: www.linkedIn.com/in/brytebee