Skip to content

NarendraKoya999/Frontend-Mentor-Projects-HTML5-CSS3

Repository files navigation

Frontend Mentor Projects: 🖥

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

Live Website Link Here: Frontend Mentor

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

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

  • HTML5
  • CSS3

About

This Repository contains List of Frontend Development Projects practicing from Frontend Mentor Website.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published