Profile
<!--code start here-->
<div class="card" style="background-image:url(
BG_URL
);background-attachment:fixed;min-height:600px;">
<div class="card col-10 p-4 mx-auto my-auto" style="border-radius:10px; z-index: 1;background-color: #fff; min-height: 400px;">
<!--//////////USERNAMES/////////////-->
<div class="row no-gutters">
<div class="card col-md-4 p-0" style="border-width:0">
<div class="card p-1 my-2" style="border-color:#c3ebf4; border-width:;">
USERNAME
</div>
<div class="card p-1 my-2" style="border-color:#c3ebf4; border-width:;">
<i class="fa-brands fa-twitter">
USERNAME </i>
</div>
</div>
<!--///////////TITLES////////////-->
<div class="card col-md-2 p-1" style="border-width:0;">
</div>
<div class="card col-md-6 py-1 px-2 " style="border-width:0;">
<div class="card p-3" style="border-color:#c3ebf4; background-color:#ffffee; ">
<div class="row no-gutters" style="height:">
<div class="card col-md-6" style="border-radius:100px; background-size:cover;background-position:center;background-image:url(
IMG_URL
)">
<img src="https://sekai.best/assets/frame_degree_m_4.b6cf8612.png" style="min-height:40px">
</div>
<div class="col-md-6 row no-gutters px-2">
<div class="card col-6" style="min-height:40px; border-radius:100px; background-size:cover; background-position:center; background-image:url(
IMG_URL
)">
</div>
<div class="card col-6" style="border-radius:100px; background-size:cover; background-position:center; background-image:url(
IMG_URL
)"></div>
</div>
</div>
</div>
</div>
</div>
<!--//////////MAIN IMAGE W/ CAROUSEL/////////////-->
<div class="row no-gutters">
<div id="carousel1" class="card col-md-6 p-0 my-3 carousel slide" data-ride="carousel" style="height:300px;" >
<div class="carousel-inner">
<div class="carousel-item active">
<div style="background-image:url(
IMG_URL
);height:300px;background-position:center center;background-size:cover"><img src="https://i.postimg.cc/3xM4F1cG/four-t-1-1.png" style="height:300px; width:1000px"></div>
</div>
<div class="carousel-item">
<div style="background-image:url(
IMG_URL
);height:300px;background-position:center center;background-size:cover"><img src="https://i.postimg.cc/3xM4F1cG/four-t-1-1.png" style="height:300px; width:1000px"></div>
</div>
<div class="carousel-item">
<div style="background-image:url(
IMG_URL
);height:300px;background-position:center center;background-size:cover"><img src="https://i.postimg.cc/3xM4F1cG/four-t-1-1.png" style="height:300px; width:1000px"></div>
</div>
</div>
</div>
<!--//////////ABOUT/////////////-->
<div class="card col-md-6 py-3 px-2" style="border-width:0;">
<div class="">
<div class="card col-4" style="color:#fff;background-color:#00ccbb;border-radius:100px;border-width:0;"><p align="center">About</p></div>
<div class="card col-md-9 p-1 my-2" style="border-color:#c3ebf4; border-width:;">
hi! what's up :P keep it short, 2-3 lines?!
</div>
</div>
<!--///////////CHARACTERS////////////-->
<div class="mt-4">
<div class="card col-md-5 col-6" style="color:#fff;background-color:#00ccbb;border-radius:100px;border-width:0;"><p align="center">Characters</p></div>
<div class="my-2 row no-gutters">
<!--CHARACTER 1-->
<div data-toggle="tooltip" title="NAME" data-placement="bottom" class="card col-md-3 col-6" style="min-height:150px;background-size:cover;background-position:center;background-image:url(
IMG_URL
);border-color:#fff">
<img src="https://static.wikia.nocookie.net/projectsekai/images/6/67/Frame_card_4_%28M%29.png" style="height:150px">
<a href="
LINK
" class="mb-0" style="position:absolute; bottom:0; max-width:60px;"> <img src="https://static.wikia.nocookie.net/projectsekai/images/e/e0/Rarity4.png"></a>
<!--Card Attribute, you can change this-->
<img src="https://static.wikia.nocookie.net/projectsekai/images/3/38/Cute.svg" style="position:absolute;height:20px">
</div>
<!--CHARACTER 2-->
<div data-toggle="tooltip" title="NAME" data-placement="bottom" class="card col-md-3 col-6 " style="min-height:150px;background-size:cover;background-position:center;background-image:url(
IMG_URL
);border-color:#fff">
<img src="https://static.wikia.nocookie.net/projectsekai/images/6/67/Frame_card_4_%28M%29.png" style="height:150px">
<a href="
LINK
" class="mb-0" style="position:absolute; bottom:0; max-width:60px;"> <img src="https://static.wikia.nocookie.net/projectsekai/images/e/e0/Rarity4.png"></a>
<!--Card Attribute, you can change this-->
<img src="https://static.wikia.nocookie.net/projectsekai/images/3/3c/Pure.svg/" style="position:absolute;height:20px">
</div>
<!--CHARACTER 3-->
<div data-toggle="tooltip" title="NAME" data-placement="bottom" class="card col-md-3 col-6 " style="min-height:150px;background-size:cover;background-position:center;background-image:url(
IMG_URL
);border-color:#fff">
<img src="https://static.wikia.nocookie.net/projectsekai/images/6/67/Frame_card_4_%28M%29.png" style="height:150px">
<a href="
LINK
" class="mb-0" style="position:absolute; bottom:0; max-width:60px;"> <img src="https://static.wikia.nocookie.net/projectsekai/images/e/e0/Rarity4.png"></a>
<!--Card Attribute, you can change this-->
<img src="https://static.wikia.nocookie.net/projectsekai/images/f/f4/Cool.svg" style="position:absolute;height:20px">
</div>
<!--CHARACTER 4-->
<div data-toggle="tooltip" title="NAME" data-placement="bottom" class="card col-md-3 col-6 " style="min-height:150px;background-size:cover;background-position:center;background-image:url(
IMG_URL
);border-color:#fff">
<img src="https://static.wikia.nocookie.net/projectsekai/images/6/67/Frame_card_4_%28M%29.png" style="height:150px">
<a href="
LINK
" class="mb-0" style="position:absolute; bottom:0; max-width:60px;"> <img src="https://static.wikia.nocookie.net/projectsekai/images/e/e0/Rarity4.png"></a>
<!--Card Attribute, you can change this-->
<img src="https://static.wikia.nocookie.net/projectsekai/images/a/a4/Mysterious.svg" style="position:absolute;height:20px">
</div>
</div>
</div>
</div>
</div>
<!---CREDIT DO NOT REMOVE-->
<p style="position:absolute;right:0;bottom:-20px;text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;">coded by <a href="https://toyhou.se/noctchill">noctchill <i class="fa-solid fa-star fa-spin"></i></a> </p>
<!---CREDIT DO NOT REMOVE-->
</div>
</div>
Recent Images
No images.