Skip to content

KhuramShahzad-5335/EXPANDING-CARDS-_HCJ

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Expanding Cards

This project showcases a simple and stylish HTML, CSS, and JavaScript implementation of expanding cards. When a user clicks on a card, it expands to reveal additional content, providing a visually appealing user interface.

Table of Contents

Demo

A live demo of the project can be found here.

Expanding Cards Demo

Technologies Used

The project is built using the following technologies:

  • HTML
  • CSS
  • JavaScript

Features

  • Expanding cards with a smooth animation.
  • Beautiful background images for each card.
  • Descriptive headings and content for each card.

How to Use

  1. Clone the repository:

         git clone https://github.com/your-username/expanding-cards.git
    
  2. Navigate to the project directory:

         cd expanding-cards
    
  3. Open the index.html file in your preferred web browser.

  4. Click on each card to see it expand and reveal the content.

Contributing

Contributions to this project are welcome! If you find any issues or have suggestions for improvements, feel free to create a pull request.

  1. Fork the repository.

  2. Create your feature branch:

         git checkout -b feature/new-feature
    
  3. Commit your changes:

         git commit -m 'Add some new feature'
    
  4. Push to the branch:

         git push origin feature/new-feature
    
  5. Open a pull request.

THANKS :)

About

A page which contains cards and they can be expanded on selection.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published