[ f2u ] Bricks (CODE)

<!----------

  Bricks - html code by Xyith
  
  YOU CAN:
    - combine my code with other people's, so long as their tos abides by it.
    - edit my code however you like, but the credit to me must not be removed.
    - use this code for characters, user profiles, etc
    - ask me for help! Keep in mind, however, that I am no expert and may not be able to find the issue, please be understanding.
    
  YOU CANNOT:
    - remove my credit
    - redistribute my code, ESPECIALLY for monetary value.
    - claim my code as your own
    
  extra:
    - turn off WYSIWYG!
    - feel free to comment showing me what you did with it! I'd love to see :o

---------->


	
<div class="container">

<!----------

      background

---------->
  <div style="background-image: url(BACKGROUND LINK HERE); background-attachment: fluid; max-width:500px;" class="row no-gutters rounded mx-auto">
	     <div class="col-12" style="height:230px;">
				<div class="row no-gutters">
					<div class="col-4 p-2">
						<div class="p-2 rounded auto-align bg-faded" style="">
						  
						  
						  <!---------- 
						  
					      icon
						  
						  ---------->
							<div class="w-100" style="background:url(ICON LINK HERE) center no-repeat;background-size:cover;height:120px;"></div>
							
						</div>
					</div>
					
					
					<!----------
					 
					    first box
					
					---------->
					
					<div class="col-8 py-2 pr-2">
						<div class="p-3 rounded d-flex text-center table-responsive auto-align bg-faded" style="height:136px;overflow: auto; font-size:0.9em; font-color: #000000">
							<div class="w-100 my-auto">
							  
								<p style="font-family:'Courier New'"> 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.</p>
								
								</div>
							</div>
						</div>
						
            <!----------
            
              name box
                
            ---------->
            
					<div class="col-8 py-2 pl-2 pr-2">
						<div class="p-3 rounded d-flex text-center table-responsive auto-align bg-faded" style="height:63px;overflow: auto; font-size:0.9em; font-color: #000000">
							<div class="w-100 my-auto">
							  
								<p class="text-uppercase" style="letter-spacing:5px; font-size:20px; font-family:'Courier New'"><b>NAME</b></p>
								
								</div>
							</div>
						</div>
						
						
						<!----------
						
						  trade status box
						      - NFT, UFO, MAYBE, NO, FH, etc can go inside! you could use it for pronouns too, but you'll want to shrink the font size <3
						  
						---------->
						
						<div class="col-4 p-2">
						<div class="p-3 rounded text-center table-responsive auto-align bg-faded" style="overflow: auto; font-size:0.9em; font-color: #000000">
						  <div class="w-100 my-auto">
						    
						    <!---------- if this is too long, you may want to make it look nicer and fit better in the box by changing "font-size: 20px;" ---------->
							  <p class="text-uppercase" style="letter-spacing: 5px; font-size: 20px; font-family: 'Courier New'"><b>NFT</b></p>
							  
								
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
		<div class="text-right text-white py-2" style="opacity: 0.5">
    <!---------- ICON/BACKGROUND CREDIT ----------------->
    <center><a href="ICON LINK HERE" class="text-white pl-2"><i class="fad fa-paint-brush-alt"></i></a>
    <a href="BACKGROUND LINK HERE" class="text-white pl-2"><i class="fas fa-image"></i></a>
    <!---------- DO NOT REMOVE ----------------->
    <a href="https://toyhou.se/Xyith" class="text-white pl-2"><i class="fad fa-moon-stars"></i></a></center>
  </div>
			
		  </div>
	  </div>
	</div>
</div>

class="bg-faded text-muted p-3" style="user-select:all">