Skip to content

This is a Dynamic User Card Generator using HTML, CSS, and JavaScript. It displays a list of user information as visually styled cards in a grid layout.

Notifications You must be signed in to change notification settings

Ritik-Tyagi/DOM_Project1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

User Information Display

This project is a simple web application that displays user information in a structured and styled format. It utilizes HTML, CSS, and JavaScript to create a card layout that showcases user details like name, username, and email.

Features

  • Dynamic User Cards: Automatically generates user information in card format.
  • Grid Layout: Uses CSS Grid to display the cards in a responsive and clean layout.
  • Styling: Basic styling with shadows, borders, and padding to enhance the UI.

Technologies Used

  • HTML: The structure of the page and the layout for the user cards.
  • CSS: Styles the page using grid layout, borders, and box shadows.
  • JavaScript: Handles the dynamic generation of user cards based on the data in the user array.

File Structure

  • index.html: The main HTML file containing the structure of the page.
  • style: Inline CSS in the <style> tag for styling the page.
  • script: JavaScript embedded at the bottom of the HTML for functionality.

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/user-info-display.git
    cd user-info-display

DOM_Project1

About

This is a Dynamic User Card Generator using HTML, CSS, and JavaScript. It displays a list of user information as visually styled cards in a grid layout.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages