Frontend-Mentor-Projects-HTML5-CSS3

Frontend Mentor Projects: đź–Ą

This repository contains a list of frontend development projects practiced from the Frontend Mentor website.

Table of Contents

  1. 3-Column Preview Card Component
  2. NFT Preview Card Component
  3. Order Summary Card
  4. Product Preview Card Component
  5. Profile Card Component
  6. Results Summary Component
  7. Stats Preview Card Component

3-Column Preview Card Component

Description

A simple web component showcasing a 3-column layout for different types of vehicles: sedans, SUVs, and luxury cars. Each column features an image, a description, and a “Learn More” button.

Skills Used


NFT Preview Card Component

Description

This project showcases a simple NFT preview card designed to display information about a specific non-fungible token (NFT) within a collection. The card includes visuals and details such as the NFT’s name, image, price in Ethereum, and the remaining time available for purchase. It also features information about the creator of the NFT.

Skills Used


Order Summary Card

Description

This project is a front-end web component that represents an order summary card. It is designed to provide users with a summary of their subscription details, including a description of the service, the pricing plan, and options to proceed with payment or cancel the order.

Skills Used


Product Preview Card Component

Description

This HTML and CSS project showcases a product preview card component that is typically used in e-commerce sites. The component displays product information for a luxury perfume, including an image, description, pricing, and an add-to-cart button.

Skills Used


Profile Card Component

Description

This project features a profile card component suitable for social media or any platform that uses personal profiles. It displays an individual’s picture, name, age, location, and social stats including followers, likes, and photos.

Skills Used


Results Summary Component

Description

This project showcases a results summary component typically used in educational or assessment platforms. It displays a user’s test score along with a summary of their performance in various categories such as reaction, memory, verbal, and visual.

Skills Used


Stats Preview Card Component

Description

This project features a stats preview card component designed to provide insights into the benefits of data analytics for businesses. It highlights key statistics such as the number of companies served, available templates, and total queries processed.

Skills Used