My name card

My digital name card: https://hkpeterpeter.github.io/my-name-card/

Demo

Steps to build your own name card

1. Give this project a star (⭐ )
2. Fork and Clone this project
3. Modify these 2 lines in index.html
4. Replace the following images:

5. Push your changes back to your cloned GitHub repository
6. In Settings, publish the website as a GitHub page. For example:

7. In iOS, open the website in Safari, choose Add to Home Screen:

8. Now, you have your own name card webapp

References

• 3D transformation explanation in CSS
• CoolPen demo by the author