- Created
- 2 years, 10 months ago
- Creator
- quiincodes
- Favorites
- 1
Profile
| <div class="container bg-light" style="height: 570px; width: 540px; padding: 20px; border-radius: 10px;"> <!--Name--> <a class="btn btn-danger" style="margin: 10px"> <i class="fal fa-comment-alt"></i> Name </a> <!--Gender / Prns--> <a class="btn btn-warning tooltipster" title="prn/prn" style="margin: 10px"> <i class="fal fa-venus-mars"></i> Gender </a> <!--Orientation--> <a class="btn btn-success" style="margin: 10px"> <i class="fal fa-heart"></i> Orientation </a> <!--Worth--> <a class="btn btn-primary" style="margin: 10px"> <i class="fal fa-dollar-sign"></i> Worth </a> <!--Left Column--> <div class="container" style="float: left; width: 220px; margin: 10px; padding: 0px;"> <!--Video Player !! Please Read !! To embed the music player, follow these steps: 1. Find the video you want to embed, and copy the link 2. After the "watch?v=" part in the video URL, there's a random string of letters/numbers. Copy and paste that below where you see the "EMBED CODE HERE" --> <iframe src="https://www.youtube.com/embed/EMBED CODE HERE" style="width: 220px; height: 150px; border-style: solid; border-radius: 10px; margin-bottom: 5px;"></iframe> <!--About Box--> <div class="container bg-dark" style="height: 300px; width: 220px; border-radius: 10px; padding: 10px; "> <!--Title--> <h1> <i class="fal fa-list"></i> About </h1> <!--Paragraph--> <div class="container" style="height: 250px; width: 200px; border-radius: 10px; overflow: scroll; margin: 5px; "> <p>This box scrolls, write as much as you want! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p> </div> </div> </div> <!--Right Column--> <div class="container" style="float: right; width: 220px; margin: 10px; padding: 0px;"> <!--Image--> <div class="container bg-dark" style="background-image: url(IMG URL); background-repeat: no-repeat; background-size: cover; height: 300px; width: 220px; padding: 20px; border-radius: 10px; margin-bottom: 10px;"> </div> <!--Trivia Slides--> <div class="container bg-dark" style="height: 150px; width: 220px; padding: 20px; border-radius: 10px; overflow: scroll;"> <!--Start Slides--> <div id="carouselControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <!--Slide 1: Likes--> <div class="carousel-item active" style="padding: 10px"> <!--List--> <ul class="text-success"> <i class="fal fa-check"></i> Likes <li>content</li> <li>content</li> <li>content</li> </ul> </div> <!--Slide 2: Dislikes--> <div class="carousel-item" style="padding: 10px"> <!--List--> <ul class="text-danger"> <i class="fal fa-ban"></i> Dislikes <li>content</li> <li>content</li> <li>content</li> </ul> </div> <!--Slide 2: Trivia--> <div class="carousel-item" style="padding: 10px"> <!--List--> <ul class="text-primary"> <i class="fal fa-question"></i> Trivia <li>content</li> <li>content</li> <li>content</li> </div> </div> <!--Controls [DO NOT EDIT]--> <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> </div> </div> <center> <!--Code Credit [DO NOT EDIT]--> <a href="https://toyhou.se/JustKiddinq" class="text-light"> <i class="fal fa-code"></i></a> |
Recent Images
No images.