NVIDIA Landing Page Clone

This project is a front-end clone of NVIDIA's official website landing page, designed to replicate the structure and style using HTML and CSS.

Project Overview

This clone project was created to practice and demonstrate web development skills, focusing on the layout, design, and responsiveness of a modern landing page. The project mimics the navigation, hero section, recommended content, and footer of NVIDIA's official page, following a structured and clean design approach.

Features

• Responsive Design: The layout adjusts to different screen sizes, ensuring compatibility with both desktop and mobile devices.
• FontAwesome Icons: Various icons from FontAwesome are used to enhance the design, including search, user account, settings, and social media icons.
• Interactive Navigation: A navigation bar that reflects the NVIDIA product categories and services.
• Hero Section: Displays a featured event with a call-to-action button, maintaining focus on important announcements.
• Recommended Content: A scrolling section showcasing recommended products, events, and hardware.
• Footer Section: Contains links to various NVIDIA pages, social media icons, and legal information.

Technologies Used

• HTML5: The basic structure and content of the webpage.
• CSS3: Styling and layout management, including Flexbox for responsive elements.
• FontAwesome: For icons in the navbar, footer, and various other parts of the page.

How to Run the Project

1. Clone the repository:

   git clone https://github.com/your-username/nvidia-clone.git
   

2. Navigate to the project folder:

   cd nvidia-clone
   

3. Open the index.html file in your web browser:

   open index.html
   
   

Alternatively, you can use Live Server extension in VS Code to run the project locally.