Skip to content

AlfredSenaSika/card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

# Travel Card Component

A simple and responsive card component built with **HTML** and **CSS**.  
This project showcases a travel destination card with an image, title, description, author, and a call-to-action link.

## Features
- Clean and modern card layout
- Responsive design with flexbox centering
- Smooth box-shadow for depth
- Badge, title, description, author, and action link
- Main body text justified.

## Project Structure

├── card.html # Main HTML file
├── card.css # Styling for the card
├── ling-tang-yBroAF1cN3I-unsplash.jpg # Sample image used


## Installation
1. Clone the repository:
   ```bash
   git clone https://github.com/AlfredSenaSika/card.git

2. Navigate into the project folder:
    cd your-repo-name

3. Open card.html in your browser.

Usage

Replace the sample image with your own image (update the src in card.html).

Edit the text content (title, description, author) to suit your project.

Customize colors and styles via card.css.


Contributing

Feel free to fork this repo, open issues, and submit pull requests if you’d like to improve the project.

1. Fork the repository
2. Create a new branch (git checkout -b feature-name)
3. Commit changes (git commit -m "Add new feature"`)
4. Push to your fork (git push origin feature-name)
5. Open a Pull Request

About

This contains a card built with html and css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published