Skip to content

A simple and stylish responsive profile card template built with HTML and CSS. Showcase your personal information, links, and statistics with a clean and elegant design.

Notifications You must be signed in to change notification settings

vera24brn/Visit-Card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Profile Card

A simple and stylish responsive profile card template built with HTML and CSS. Showcase your personal information, links, and statistics with a clean and elegant design.

Responsive Profile Card image image

Project Structure

The project has the following structure:

index.html: The main HTML file containing the structure of the profile card.

style.css: The CSS file styling the profile card and making it responsive.

images/: Directory containing the profile picture and background image.

Libraries Used

Poppins Font: Imported from Google Fonts. Used for a modern and clean typography.

Features

• Responsive design for optimal viewing on various devices.

• Stylish profile card layout with a background image.

• Customizable content for personal information, quote, and statistics.

• Links to LinkedIn and email for easy contact.

Usage

  1. Clone the repository to your local machine.

  2. Open the index.html file in your preferred web browser.

Getting Started

To get started with this project, follow these steps:

  1. Clone the Repositor: bashCopy code git clone https://github.com/vera24brn/Visit-card.git

  2. Open in Browser: Open the index.html file in your web browser.

Customize the content in the HTML file to match your personal information.

  1. Customize: Replace the profile picture in the images/ directory with your own.

Modify the text content and links in the HTML file to reflect your details.

  1. Enjoy: View your personalized profile card in the browser.

Clone the Repository

  1. bashCopy code

  2. git clone https://github.com/vera24brn/Visit-Card.git

  3. Open the project folder in your code editor.

  4. Open the index.html file in your web browser.

Feel free to customize and use this template to create your own unique profile card. If you find any issues or have suggestions for improvements, feel free to contribute or open an issue. Enjoy showcasing your profile with style!

About

A simple and stylish responsive profile card template built with HTML and CSS. Showcase your personal information, links, and statistics with a clean and elegant design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published