Profile Visiting Cards

---

The Profile Visiting Cards Generator || A Visiting Card for Github Profiles, and all your websites!

Here's Some, have a look! Doesn't it look cool?

<style> * { box-sizing: border-box; } .column { float: left; width: 50%; padding: 5px; } /* Clearfix (clear floats) */ .row::after { content: ""; clear: both; display: table; } </style>

Get one for yourself, or gift one to your friends!

Use The Generator:

Expand Generator

<iframe src="https://sparkscratch-p.github.io/profile-visiting-cards/generator/" allowtransparency="true" width="800" height="450" frameborder="20px" scrolling="yes" allowfullscreen></iframe>

Quick Tips:

• You need to enter Base64 value of the images.
• Use this Base64 Converter: https://elmah.io/tools/base64-image-encoder/
• While entering the value, start with data:image/<imgtype>;base64,. Remmeber to replace the <imgtype> with the image file type, like jpg, png, gif, etc. Enter in Small-letters.
• You can save and transport the image or host it from any source you like.
• You can also convert the Image to GIF using a converter.

How to Use?

• Generate the code in the Generator
• If you want to add some codes at the end, create a file named index.svg.txt. and right click on the code, and import it from local device.
• Right-Click on the code and choose export.
• It gets downloaded as index.svg.txt, a text file.
• Open a Blank File in a Git repo.
• Paste the code, and save it as index.svg.

You have the card now! All u need is to implement it on your site. There are two ways you can do it!

By Embeding from different page:

• Create a sub-directory under the main directory, named ./c/, and upload the card-code to that directory.
• Navigate to the index file of your main directory.
• Go to the desired line, and paste the following code:

<img src="./c/index.svg" alt="SPARK Profile Card">

By Using Inline SVG:

• You can just get the code, as its already within <svg>...</svg> tags, and paste it within the code.

And... You are Done! Ready to run it on your site!

Features:

• It can be easily downloaded, uploaded, transported, shared or hosted.
• It's easy to recode, and is self-hosted, that reduces vulnerabilities, and there is no fear of losing the link.
• There is a link, suitably of your home page that opens on clikcing your image.
• It acts a temporary window to embed that helps a visitor to view your main site from any page, withotu leaving the page.

Contributions and PRs are Welcome!!!

⭐Show Some Support By Starring It!⭐

❤️Follow me for More!❤️

❤️Thank You❤️