- Created
- 2 years, 11 months ago
- Creator
- quiincodes
- Favorites
- 40
Profile
<!DOCTYPE HTML> <!--Header--> <div class="container" style="background-color: #dde8ee; height: 100px; width: 500px; border-top-left-radius: 20px; border-top-right-radius: 20px; "> </div> <!--Bottom Box--> <div class="container" style="height: 470px; width: 500px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #171717; padding: 20px; padding-top: 80px;"> <!--User--> <h1 class="text-white">USERNAME <!--Tag--> <span class="text-muted">#0000</span></h1> <!--Custom Status--> <p class="text-muted">status! can be a quote, but should be short</p> <!--Line Break--> <div class="bg-light" style="height: 1px; width: 100%; margin-bottom: 10px; margin-top: 10px;"></div> <!--About Header--> <p class="text-muted"><b>ABOUT ME</b></p> <!--Small About Me [Keep it short]--> <p class="text-light">Lorem ipsum....</p> <!--Line Break--> <div class="bg-light" style="height: 1px; width: 100%; margin-bottom: 10px; margin-top: 10px;"></div> <!--Socials--> <div class="row"> <!--Social/Link 1 Username and Icon--> <div class="container" style="border-style: solid; border-width: 1px; border-color: white; width: 220px; height: 40px; padding: 10px;"> <i class="fab fa-twitter"></i> USER <!--Link--> <a class="text-white" href="LINK" target="_blank"><i class="fal fa-external-link" style="float: right; margin: 3px; "></i></a> </div> <!--Social/Link 2 Username and Icon--> <div class="container" style="border-style: solid; border-width: 1px; border-color: white; width: 220px; height: 40px; padding: 10px;"> <i class="fab fa-youtube"></i> USER <!--Link--> <a class="text-white" href="LINK" target="_blank"><i class="fal fa-external-link" style="float: right; margin: 3px; "></i></a> </div> </div> <br> <div class="row"> <!--Social/Link 3 Username and Icon--> <div class="container" style="border-style: solid; border-width: 1px; border-color: white; width: 220px; height: 40px; padding: 10px;"> <i class="fab fa-spotify"></i> USER <!--Link--> <a class="text-white" href="LINK" target="_blank"><i class="fal fa-external-link" style="float: right; margin: 3px; "></i></a> </div> <!--Social/Link 4 Username and Icon--> <div class="container" style="border-style: solid; border-width: 1px; border-color: white; width: 220px; height: 40px; padding: 10px;"> <i class="fab fa-twitch"></i> USER <!--Link--> <a class="text-white" href="LINK" target="_blank"><i class="fal fa-external-link" style="float: right; margin: 3px; "></i></a> </div> </div> <!--Icon--> <img src="IMG_URL" style="height: 130px; width: 130px; object-fit: cover; border-radius: 100%; border-style: solid; border-width: 5px; border-color: #171717; position: absolute; left: 15px; top: -60px;"> <!--Activity Status--> <!-- Note!! There are 4 different options here; Online, Idle, Do Not Disturb, or Offline. Choose the one you want to use, and copy and paste the code below -- Online: <div class="container" style="background-color: #5aa264; height: 30px; width: 30px; border-radius: 100%; position: absolute; left: 5px; top: 4px; "></div> --- Idle: <div class="container" style="background-color: #f9a91a; height: 30px; width: 30px; border-radius: 100%; position: absolute; left: 5px; top: 4px;"><hr style="border-radius: 10px; border-width: 10px; border-style: solid; border-color: #171717; position: absolute; top: -15px; left: 0px; "></div> --- Do Not Disturb: <div class="container" style="background-color: #ee4245; height: 30px; width: 30px; border-radius: 100%; position: absolute; left: 5px; top: 4px;"><hr style="border-radius: 10px; border-width: 4px; border-style: solid; border-color: #171717; width: 60%; position: absolute; bottom: -5px; left: 2px; "></div> --- Offline: <div class="container" style="background-color: #747f8d; height: 30px; width: 30px; border-radius: 100%; position: absolute; left: 5px; top: 4px;"><hr style="border-radius: 10px; border-width: 7px; border-style: solid; border-color: #171717; position: absolute; bottom: -8px; left: 8px; "></div> --> <div class="container" style="background-color: #171717; position: absolute; left: 95px; top: 30px; height: 40px; width: 40px; border-radius: 100%;"> <!--Copy and paste the code here!--> [delete this and replace with your status code! do not delete the </div> after this] </div> </div> |
Recent Images
No images.