Tnw Clone

This project is a clone of The Next Web website. The primary goal is to master CSS and HTML technologies by replicating a responsive version of the archived website. The design focuses on responsiveness and ensuring the site adapts seamlessly to different screen sizes, including mobile and desktop.

Screenshot

Mobile

Desktop

Built With

• HTML
• CSS

Live Demo

Live Demo Link

How to Get Started

To get a local copy up and running, follow these steps:

Prerequisites

• A web browser.
• A code editor like Visual Studio Code.
• Git installed on your local machine.
• Node installed on your local machine.

Installation

1. Clone this repository:

   git clone git@github.com:Mhdez221993/tnw-clone.git

2. Navigate to the project folder:

   cd tnw-clone

3. Open the index.html file in your browser to view the project.

Using Stylelint

This project uses Stylelint for CSS linting to maintain code quality and consistency.

.stylelintrc Configuration

The .stylelintrc file is already included in the repository. It contains the configuration for Stylelint.

How to Use Stylelint

1. Ensure you have Node.js installed on your machine.

2. Install Stylelint and its necessary plugins by running:

   npm install stylelint stylelint-config-recommended --save-dev

3. To lint your CSS files, run:

   npx stylelint "**/*.css"

4. Fix any auto-fixable issues by running:

   npx stylelint "**/*.css" --fix

Author 1

👤 Moises Hernandez

• GitHub
• LinkedIn

Author 2

👤 Bhagyashree Patra

• GitHub
• LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments

• Microverse for providing the project inspiration and guidance.
• Original design idea by The Next Web.

Show your support

Give a ⭐️ if you like this project!