Skip to content

Instantly share code, notes, and snippets.

@nhthai2005

nhthai2005/vcard.html

Last active December 13, 2022 07:08
Show Gist options
  • Save nhthai2005/b01f8a47e05b54ecf7cf99c23802c4a8 to your computer and use it in GitHub Desktop.
Save nhthai2005/b01f8a47e05b54ecf7cf99c23802c4a8 to your computer and use it in GitHub Desktop.
Download ZIP
vCard HTML Template. Designed by Nguyen Hong Thai
Raw
vcard.html
<html>
<head>
<!--vCard HTML Template. Designed by Nguyen Hong Thai
Go to https://nhthai2005.github.io/contacts.htm to see demo-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Nguyễn Hồng Thái (Shant) - Name Card - vCard via Links and QR</title>
<link rel="shortcut icon" type="image/png" href="data/nguyen-hong-thai-circle-cropped.png">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.avatar {
vertical-align: middle;
width: 100px;
height: 100px;
border-radius: 50%;
}
</style>
</head>
<body>
<p style="font-family: 'Roboto', sans-serif; font-size:120%; text-align:center">
<!--p style="font-family: 'Roboto', 'Arial Hebrew Scholar Bold', 'Arial'; font-size:120%; text-align:center"-->
<a href="https://nhthai2005.github.io/">
<img src="https://avatars.githubusercontent.com/u/51319295" alt="Nguyen Hong Thai (Shant)" class="avatar"></a>
<br>Nguyễn Hồng Thái (Shant)
<br>
<a href="tel:+84936436166" target="_blank"><img src="https://ps.w.org/call-now-button/assets/icon-128x128.png" alt="Phone" style="vertical-align:middle;width:40px;height:40px;">093 643 6166</a>
<br>
<a href="sms:+84936436166" target="_blank"><img src="https://www.seekpng.com/png/small/139-1394319_sms-icon-smoking-signs-to-print.png" alt="SMS" style="vertical-align:middle;width:40px;height:40px;">093 643 6166</a>
<br>
<a href="https://zalo.me/84936436166" target="_blank"><img src="https://stc-zaloprofile.zdn.vn/pc/v1/images/zalo_sharelogo.png" alt="Zalo" style="vertical-align:middle;width:40px;height:40px;">093 643 6166</a>
<br>
<a href="facetime:+84936436166" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/FaceTime_iOS.svg/150px-FaceTime_iOS.svg.png" alt="Facetime" style="vertical-align:middle;width:40px;height:40px;">FaceTime</a>
<a href="sms:+84936436166" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/IMessage_logo.svg/234px-IMessage_logo.svg.png" alt="iMessage" style="vertical-align:middle;width:40px;height:40px;">iMessage</a>
<br>
<a href="skype:live:nhthai2005?chat" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Skype-icon-new.png/96px-Skype-icon-new.png" alt="Skype" style="vertical-align:middle;width:40px;height:40px;">Skype</a>
<a href="https://api.whatsapp.com/send?phone=84936436166" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/WhatsApp.svg/220px-WhatsApp.svg.png" alt="WhatsApp" style="vertical-align:middle;width:40px;height:40px;">WhatsApp</a>
<br>
<a href="mailto:nhthai2005@gmail.com" target="_blank"><img src="https://www.milton.edu/wp-content/uploads/2016/06/email-icon-23.png" alt="Email" style="vertical-align:middle;width:40px;height:40px;">nhthai2005@gmail.com</a>
<br>
<a href="https://github.com/nhthai2005" target="_blank"><img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" alt="GitHub" style="vertical-align:middle;width:40px;height:40px;">github.com/nhthai2005</a>
<br>
<a href="https://www.facebook.com/nhthai2005" target="_blank"><img src="https://image.flaticon.com/icons/png/512/1312/1312139.png" alt="Facebook" style="vertical-align:middle;width:40px;height:40px;">facebook.com/nhthai2005</a>
<br>
<!-- Hiding Twitter
<a href="https://twitter.com/nguyenhongthai" target="_blank"><img src="https://icons-for-free.com/iconfiles/png/512/label+logo+twitter+logo+icon-1320195967728284716.png" alt="Twitter" style="vertical-align:middle;width:40px;height:40px;">NguyenHongThai</a>
<br> Ending Twitter-->
<a href="https://www.youtube.com/ThaiNguyenHong" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a0/YouTube_social_red_circle_%282017%29.svg/800px-YouTube_social_red_circle_%282017%29.svg.png" alt="YouTube" style="vertical-align:middle;width:40px;height:40px;">youtube.com/ThaiNguyenHong</a>
<br><br>
</p>
<center>
<figure>
<a href="data/Thai_Nguyen_Hong.vcf" title="Scan or click on QR to save vcard to your phone/PC">
<img src="data/Scan_me_to_add_Nguyen_Hong_Thai_contact_QR.png" alt="Scan me to add contact into your phone">
</a>
<figcaption>Scan or click on QR</figcaption>
</figure>
</center>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment