Skip to content

KhanXBT/Digital-Visitingcard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Digital Visiting Card - Advocate Arbaz Khan

A modern, responsive digital visiting card for Advocate Arbaz Khan, practicing at District Courts and Delhi High Court.

HTML5 TailwindCSS JavaScript

✨ Features

  • πŸ“± Fully Responsive - Works seamlessly on mobile, tablet, and desktop
  • πŸ“ž One-Tap Actions - Call, Email, WhatsApp with a single tap
  • πŸ’Ύ Save Contact - Download vCard (.vcf) to save contact directly to phone
  • πŸ”— Share Card - Native share functionality with clipboard fallback
  • πŸ“ Get Directions - Opens Google Maps with office location
  • 🎨 Premium Design - Professional glassmorphism UI with smooth animations

πŸš€ Quick Start

Simply open index.html in any modern web browser.

# Clone the repository
git clone https://github.com/YOUR_USERNAME/digital-card.git

# Navigate to the folder
cd digital-card

# Open in browser (macOS)
open index.html

# Open in browser (Windows)
start index.html

# Open in browser (Linux)
xdg-open index.html

πŸ“ Project Structure

digital-card/
β”œβ”€β”€ index.html      # Main HTML file with embedded CSS & JS
β”œβ”€β”€ profile.jpg     # Profile photo
└── README.md       # This file

πŸ› οΈ Customization

To customize this card for another person, edit the following in index.html:

  1. Personal Details (Lines 82-88): Name, title, and court badges
  2. Contact Links (Lines 92-118): Phone, email, WhatsApp numbers
  3. Practice Areas (Lines 132-138): Legal specializations
  4. Office Address (Lines 151-154): Chamber/office location
  5. Contact Object (Lines 201-209): JavaScript contact data for vCard

Replace profile.jpg with your own photo (recommended size: 400x400px).

🌐 Deployment

This is a static website and can be deployed on any hosting platform:

  • Vercel: Connect your GitHub repo and deploy automatically
  • Netlify: Drag and drop the folder or connect to Git
  • GitHub Pages: Enable in repository settings
  • Firebase Hosting: Use firebase deploy

πŸ“„ License

This project is open source and available under the MIT License.

πŸ‘€ Contact

Made by Arshad khan


Made with ❀️ for the legal community

About

Visitingcard

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages