Lee (Honey Lemon)'s Ownership
Please read the Characters FAQ for further information on permissions and original ownership!
Creator
Character Permissions
Cannot be transferred for any reason.
Design Terms of Use
KitsuRain Global Rules
<!-------- container ----------------------------------> <div class="container-fluid px-0" style="max-width: 1100px;"> <!---------- content box ---------------------------> <div class="card rounded-0 bg-faded p-md-2 p-1" style="box-shadow: 0px 0px 8px rgba(0,0,0,.2);"> <div class="row no-gutters"> <!---------- left column -------------------------> <div class="col-md-4 mb-md-0 mb-4"> <!--------- focal image -- focus will be in top center of image -- will scale and crop with screen --> <div style="background: url(IMG URL); background-position: top center; background-size: cover; min-height: 400px;" class="h-100"></div> </div> <!-------- center column -----------------------> <div class="col-md-5 px-lg-2 px-md-1 mb-md-0 mb-4"> <div class="card pt-2 px-3 pb-0 rounded-0 border-0" style="height: 235px; overflow:auto; margin-bottom: 10px;"> <h1 class="text-center" style="font-weight: 300; letter-spacing: 1.5px;"> <!---- title ----------------> Title Here</h1> <!------- basic stats ----------------------> <div class="row no-gutters"> <div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Name</span> <span class="pull-right">Content</span> <hr class="my-1"> </div>
<div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Age</span> <span class="pull-right">Content</span> <hr class="my-1"> </div>
<div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Gender</span> <span class="pull-right">Content</span> <hr class="my-1"> </div>
<div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Race</span> <span class="pull-right">Content</span> <hr class="my-1"> </div>
<div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Role</span> <span class="pull-right">Content</span> <hr class="my-1"> </div> <div class="col-12"> <span class="text-muted" style="letter-spacing:1px;">Theme</span> <span class="pull-right"><a href="SONG LINK" target="_BLANK">link a song</a></span> </div> </div> </div> <!--------- likes & dislikes -----------------------> <div class="card pt-2 px-3 pb-1 rounded-0 border-0" style="height: 120px; overflow:auto; margin-bottom:10px;"> <div class="row no-gutters"> <div class="col-6 pr-1"> <p class="text-muted" style="letter-spacing:1px;">Likes</p> <ul class="mb-0" style="font-size: .9em;"> <li>content</li> <li>content</li> <li>content</li> <li>content</li> </ul> </div> <div class="col-6 pl-1"> <p class="text-muted" style="letter-spacing:1px;">Dislikes</p> <ul class="mb-0" style="font-size: .9em;"> <li>content</li> <li>content</li> <li>content</li> <li>content</li> </ul> </div> </div> </div> <!---------- main content block ------------- will scroll ----------------> <div class="card d-block pt-2 px-3 pb-1 rounded-0 border-0" style="height: 240px; overflow:auto;"> <p class="text-muted text-center mb-1" style="letter-spacing:1px;">adjective . adjective . adjective</p> <hr class="my-1 w-75"> <p style="font-size: .9em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet massa blandit, fermentum enim a, scelerisque velit. Integer interdum urna ac dui sollicitudin sollicitudin. In feugiat posuere nulla, eget lobortis ante. Aliquam magna libero, dictum sit amet scelerisque ac, scelerisque tincidunt magna. Nulla et consectetur diam. Aliquam ipsum mi, tristique sed vestibulum ac, aliquet eget magna. Aliquam quis fringilla erat. Morbi sollicitudin id lorem eu efficitur. Mauris varius id magna vitae ullamcorper.</p> </div> </div> <!------- right column ---------------------------> <div class="col-md-3"> <!------ focal images -- focus will be in the center of image -- will scale and crop with screen size --> <div class="row no-gutters"> <div class="col-md-12 mb-md-2 pr-md-0 pr-1 col-4"> <div style="background: url(IMG URL); background-position: center; background-size: cover; height: 200px;"></div> </div>
<div class="col-md-12 mb-md-2 col-4"> <div style="background: url(IMG URL); background-position: center; background-size: cover; height: 200px;"></div> </div>
<div class="col-md-12 pl-md-0 pl-1 col-4"> <div style="background: url(IMG URL); background-position: center; background-size: cover; height: 200px;"></div> </div> </div> </div> </div> </div> <p class="mt-2 text-right small">HTML by lowkeywicked</p> </div>