- Created
- 2 years, 11 months ago
- Creator
- quiincodes
- Favorites
- 1
Profile
<!DOCTYPE HTML> <html> <body> <div class="container" style="width: 100%; height: 400px;"> </div> <!--Dropdown Content--> <div class="collapse" id="collapseExample"> <div class="container bg-light" style="width: 400px; height: 300px; border-radius: 20px; margin: 10px; position: absolute; right: 10px; bottom: 50px; padding: 20px"> <!--Basic Info--> <div class="container" style="width: 160px; height: 120px; border-radius: 20px; margin: 5px; position: absolute; left: 10px; top: 10px; padding: 20px; border-style: solid; border-color: orange"> <!--Worth--> <p style="font-size: 10px; color: orange"> <i class="far fa-dollar-sign"></i> My designs have a base price of ___ </p> <!--Worth--> <p style="font-size: 10px; color: orange"> <i class="far fa-clock"></i> My designs have a cooldown of ___ </p> </div> <!--Blurb Box--> <div class="container" style="width: 200px; height: 120px; border-radius: 20px; margin: 5px; position: absolute; right: 10px; top: 10px; padding: 20px; border-style: solid; border-color: gray; overflow: scroll;"> <!--Blurb--> <p style="font-size: 10px; color: gray"> <i class="far fa-exclamation"></i> Put a bit on your TOS here! You can include links, or just notes! This box scrolls, write to your heart's content! </p> </div> <!--Do's--> <div class="container" style="width: 160px; height: 60px; border-radius: 20px; margin: 5px; position: absolute; left: 10px; bottom: 90px; padding: 20px; border-style: solid; border-color: green; overflow: scroll;"> <!--Title--> <p style="font-size: 10px; color: green"> <i class="far fa-check"></i> Do's [scroll] <ul style="font-size: 10px; color: green;"> <!--First List Item--> <li><i class="far fa-check"></i> content</li> <!--Second List Item--> <li><i class="far fa-check"></i> content</li> <!--Third List Item--> <li><i class="far fa-check"></i> content</li> </ul> </p> </div> <!--Dont's--> <div class="container" style="width: 160px; height: 60px; border-radius: 20px; margin: 5px; position: absolute; left: 10px; bottom: 10px; padding: 20px; border-style: solid; border-color: red; overflow: scroll;"> <!--Title--> <p style="font-size: 10px; color: red"> <i class="far fa-ban"></i> Dont's [scroll] <ul style="font-size: 10px; color: red;"> <!--First List Item--> <li><i class="far fa-ban"></i> content</li> <!--Second List Item--> <li><i class="far fa-ban"></i> content</li> <!--Third List Item--> <li><i class="far fa-ban"></i> content</li> </ul> </p> </div> </div> </div> <!--Dropdown Button--> <p> <a class="btn text-light" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample" style="width: 40%; position: absolute; right: 100px; bottom: 0px"> <img src="IMG LINK" style="width: 300px;"> <p style="position: absolute; bottom: -20px; right: 50px;">[ click me! ]</p> </a> </p> </center> </body> </html> |
Recent Images
No images.