Skip to content

ubanand36/Digital_Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌟 Digital Name Card

This project is a simple Digital Name Card made using HTML and CSS.
It displays your profile photo, college name, and social media links (Instagram, LinkedIn, and Email) in a neat and responsive card layout.


πŸš€ Features

  • 🧾 Clean and responsive design
  • 🎨 Styled using only HTML and CSS
  • πŸ”— Clickable social media links (Instagram, LinkedIn, Email)
  • πŸ–ΌοΈ Supports custom profile and logo images
  • πŸ“± Works well on mobile and desktop screens

πŸ› οΈ Technologies Used

  • HTML5
  • CSS3

🧩 Project Structure

πŸ“‚ DigitalCard
β”‚
β”œβ”€β”€ πŸ“„ index.html # Main HTML file
β”œβ”€β”€ 🎨 style.css # Styling for the card
β”œβ”€β”€ πŸ–ΌοΈ logo.jpg # College or institute logo
β”œβ”€β”€ πŸ–ΌοΈ photo.jpg # Your personal photo
β”œβ”€β”€ πŸ–ΌοΈ instagram.jpg # Instagram icon
β”œβ”€β”€ πŸ–ΌοΈ linkedin.jpg # LinkedIn icon
└── πŸ–ΌοΈ email.jpg # Email icon

πŸ’» How to Use

  1. Clone this repository
    git clone https://github.com/ubanand36/Digital_Card.git
  2. Open the folder
    cd DigitalCard
  3. Run the project
  • Open the file index.html in your web browser.
  • You’ll see your digital name card displayed beautifully.

⭐ Support

  • If you like this project, don’t forget to star 🌟 the repository!.
  • It motivates me to build more awesome beginner-friendly web projects.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published