Simple Ref【CUSTOM】 (CODE)

BRAIN-R0T

Info


Created
2 years, 3 months ago
Creator
BRAIN-R0T
Favorites
0

Profile


<div class="container">
  <div class="card rounded-0 p-2 bg-faded justify-content-center">
  
    <div class="row no-gutters  justify-content-center">
  	  
  	  
		<div class="col-lg-5 ">

		   <!--------- TEXT ---------->
<div class="card rounded-0 justify-content-center">

  <ul style="font-size: 16px;" class="list-group list-group-flush ">
								
    <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">BODY TYPE:</span>
									<span class="pull-right"><span class="pull-right">INFO</span></span>
  	</li>
  	
	</ul>
						</div>
						
						

									
						
						
			    <!--------------->
			    
<div class="card rounded-0 justify-content-center mb-2 mt-2">

  <ul style="font-size: 16px;" class="list-group list-group-flush">
								
    <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">SPECIES:</span>
									<span class="pull-right"><span class="pull-right">INFO</span></span>
  	</li>
  	
	</ul>
						</div>
						
			    <!--------------->
<div class="card rounded-0 justify-content-center">

  <ul style="font-size: 16px;" class="list-group list-group-flush ">
								
    <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">HEIGHT / WEIGHT:</span>
									<span class="pull-right"><span class="pull-right">INFO</span></span>
  	</li>
  	
	</ul>
						</div>
					
			    
	<!--------- TEXT end ---------->
	
	<!--------- COLOR PALETTE 
	
	just add █ if you want to make  the color bigger
	
	---------->	  
		  
		  <div class="container justify-content-center flex-wrap p-0 mt-3" style="font-size: 21px;">
		  <span style="color: #ff0000" data-toggle="tooltip" title="HEXCODE">███████</span>
		  
		   <span style="color: #ffa500" data-toggle="tooltip" title="HEXCODE">██████</span>
		   
		     <span style="color: #ffff00" data-toggle="tooltip" title="HEXCODE">██████</span>
		     
		       <span style="color: #008000" data-toggle="tooltip" title="HEXCODE">██████</span>
		       
		         <span style="color: #0000ff" data-toggle="tooltip" title="HEXCODE">█████</span>
		         
		         
		  </div>
		  
	<!--------- COLOR PALETTE end ---------->	  		  
		  
		  
		  
	<!--------- DESIGN NOTES  ---------->		  
		  		<div class="mt-3 pl-1">	<span class="text-uppercase text-muted" style="font-size: 16px;" > DESIGN NOTES: </span></div>
							<hr class="mt-1 m-0" style="opacity:0">
							
					<div class="px-1 card border-1 rounded-0" style="font-size: ; height: 130px; overflow: auto; text-align: justify;">
					  
					  
					  
					  
					  <ul class="p-1 mt-1 mb-1 list-group list-group-flush" style="text-align:left;">
								<li class="mb-2"><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>
								<li class="mb-2"><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>
								<li class="mb-2"><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>
								<li class="mb-2"><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>
								<li class="mb-2"><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>
								<li class=""><i class="fas text-muted fa-pen font-weight-lighter  fa-fw"></i> thing</li>

							</ul>
					</div>
		  
	<!--------- DESIGN NOTES end ---------->	
	
		<!--------- SCARS/BOD MOD ETC  ---------->		  
		  		<div class="mt-2 tex pl-1">	<span class="text-uppercase text-muted" style="font-size: 16px;" > SCARS / BODY MODIFICATIONS / PIERCING: </span></div>
							<hr class="mt-1 m-0" style="opacity:0">
							
					<div class="px-1 card border-1 rounded-0" style="; height: 130px; overflow: auto; text-align: justify;">
					  
					  
					  
					  
					  <ul class="p-1 mt-1 mb-1 list-group list-group-flush" style="text-align:left;">
								<li class="mb-2"><i class="fas text-muted fa-star font-weight-lighter  fa-fw"></i> thing</li>
								<li class="mb-2"><i class="fas text-muted fa-star font-weight-lighter  fa-fw"></i> thing</li>
									<li class="mb-2"><i class="fas text-muted fa-star font-weight-lighter  fa-fw"></i> thing</li>
										<li class="mb-2"><i class="fas text-muted fa-star font-weight-lighter  fa-fw"></i> thing</li>
											<li class="mb-"><i class="fas text-muted fa-star font-weight-lighter  fa-fw"></i> thing</li>

							</ul>
					</div>
		  
	<!--------- SCARS/BOD MOD ETC end ---------->	
		  
		  
		  
		  	<!--------- PERMISSIONS  ---------->		  
		  		<div class="mt-3 card rounded-0 pr-1">	
		  		
		  		
		  		
		  		<div class="px-1 text-muted" style="font-size: 16px ; text-align: justify;">
									  
						<div class="d-flex px-1  add align-items-center" style="">  
						
						<i class="far fa-square-check"></i>  GORE </span>
						
							<hr class="flex-grow-1" style="opacity:0">
							
			      <i class="far fa-square-question"></i>  NSFW </span>
			  
							<hr class="flex-grow-1" style="opacity:0">			  
						
						<i class="far fa-square-check"></i>  GIFT ART </span>
						
									<hr class="flex-grow-1" style="opacity:0">			  
						
						<i class="far fa-square-x"></i>  ARTISTIC LIBERTY </span>
		
		
								</div>					</div>
		  		
		  		
		  		
		  		</div>
							
				
	<!--------- PERMISSIONS end ---------->	
		  
		  
		</div>
		
	<!--------- REFERENCE SHEET ---------->	  			
		<div class="col-lg-7 pl-3">

										<div class="card border-1 justify-content-center rounded-0 h-100" style="background-size:cover;   background-repeat: no-repeat;  background-position:center; background-image:url('https://pngfre.com/wp-content/uploads/dinosaur-7-1.png');">
</div>
									</div>
						
  <!--------- REFERENCE SHEET end ---------->	 
		  
		  

		
		
			</div>
			
	</div>
			
			
			
				<p class="text-right mt-2 pr-"><a data-toggle="tooltip" href="https://toyhou.se/BRAIN-R0T/characters/folder:3531028" id=""  title="code by BRAIN-R0T"><i class="text-muted  far fa-brain"></i></a></p>
</div>