LINK-BIO
Enter
<
Save Your File With A Unique Name
Continue
1
2
3
4
5
6
7
8
9
10
Save Your File With A Unique Name
<html> <head> <title>....Your Name.....</title> <link rel="icon" href=" ....Use your desired Image Link..... " type="image/x-favicon"/> <link rel="icon" href=" ....Use your desired Image Link..... " type="image/x-icon"/> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.19.1/firebase-auth.js"></script> <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-database.js"></script> <link rel="stylesheet" href="style.css"> <script src="fireBase.js"></script> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity= "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <script src= "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity= "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"> </script> <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity= "sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"> </script> <script src= "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity= "sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"> </script> </head> <body> <img id="photo" src=" .....add your profile picture link....."> <br> <name> ...add your name.... </name> <br> <br> <br> <a href=" .....add your web link..... " id="web"> <button><i class="fa fa-globe"></i></button> </a> <br> <br> <br> <div id="skills"> <table> <ol> <li>....add your first skills </li> <br> <li>....add your second skills </li> <br> <li>....add your third skills </li> <br> <li>....add your four skills </li> <!----add more skills in the list by adding the <li> and your skills----> </ol> </table> </div> <br> <br> <br> <br> <div id="reach"> <a type="button" href="mailto: ....add your mail....... "><i class="fa fa-google"></i> </a> <a type="button" href="tel:....add your phone number....... "><i class="fa fa-phone"></i> </a> <a type="button" href="sms://....add your sms number....... "><i class="fa fa-inbox"></i> </a> <a type="button" href="https://www.facebook.com/....add your facebook name....... "><i class="fa fa-facebook"></i> </a> <a type="button" href="https://www.twitter.com/....add your twitter handle....... "><i class="fa fa-twitter"></i> </a> <a type="button" href="https://www.instagram.com/....add your instagram name....... "><i class="fa fa-instagram"></i> </a> <a type="button" href="https://www.tiktok.com/....add your tiktok name....... "><i class="fa fa-globe"></i> </a> <a type="button" href="https://www.youtube.com/....add your youtube channel....... "><i class="fa fa-youtube"></i> </a> <a type="button" href="https://wa.me/....add your whatsapp number....... "><i class="fa fa-comment"></i> </a> <a type="button" href="https://www.snapchat.com/....add your snapchat name....... "><i class="fa fa-snapchat"></i> </a> <a type="button" href="https://www.reddit.com/....add your reddit name....... "><i class="fa fa-reddit"></i> </a> <a type="button" href="https://www.quora.com/....add your quora name....... "><i class="fa fa-quora"></i> </a> <a type="button" href="https://www.wechat.com/....add your wechat name....... "><i class="fa fa-wechat"></i> </a> <a type="button" href="https://www.queiboo.com/....add your queiboo name....... "><i class="fa fa-comment"></i> </a> <a type="button" href="https://nm9lljuzw0707msxypfxeq.on.drv.tw/floppy.html/....add your sharer name....... "><i class="fa fa-share"></i> </a> <a type="button" href="https://marvellgodsonwebsitework.on.drv.tw/POOf/Poof.html/....add your Poof name....... "><i class="fa fa-globe"></i> </a> </div> <br> <br> <br> <footer> © ....your name.... || 2023 </footer> </body> <style> body{ float: center; font-size: 48px; font-weight: bold; color: lightblue; text-shadow: 3px 3px 5px darkblue; } #photo{ width: 350px; height: 350px; border: solid 2px lightgray; border-radius: 50%; box-shadow: 0 0 30px lightgray; margin-left: 30%; } name{ margin-left: 23%; font-size: 50px; } #skills{ margin-left: 23%; } li{ font-size: 38px; } a[type=button]{ background-color: ....choose your desired color; border: solid 2px lightgray; box-shadow: 0 0 30px lightgray; border-radius: 50%; width: 90px; height: 90px; font-size: 38px; font-weight: bold; color: .....choose your desired color.....; text-shadow: 3px 3px 5px .....choose your desired color...... ; } #reach{ margin-left: 23%; } button{ width: 200px; height: 110px; background-color: #507aaa; color: #fff; font-size: 54px; font-weight: bold; text-shadow: 3px 3px 5px lightgray; border: solid 2px #507aaa; box-shadow: 0 0 30px #507aaa; margin-left: 30%; border-radius: 30px; } footer{ background-color: ....choose your desired color; color: .....choose your desired color.....; text-shadow: 3px 3px 5px .....choose your desired color...... ; font-size: 38px; font-weight: bold; width: 100%; height: 80px; text-align: center; } </style> </html>