02 - Custom [F2U Code] (Code)

<!--
    Custom Colors!

  Background Color: #5643FF

  Border Color: #4530FF

  Card Colors: #9589FF

-->


<!--Container-->

<div class="container mt-5 p-3" style="background: #5643FF; max-width: 680px; border-radius: 20px; border:5px solid #4530FF">
  
 <!--Card left-->
 
 <div class="row no-gutters">
    <div class="card mx-start text-center p-3 " style="background: #9589FF; border-radius: 20px; width: 200px; height: 200px; border:5px solid #4530FF; line-height: 1.7rem;">
      
      <div class="font-weight-bold" style="font-weight: 300; font-size: 20px; letter-spacing: .5px;">Username</div>
      
      
      <div class="card" style="background: #9589FF; border-radius: 2px; height: 1px; border:1px solid #4530FF;"></div>
      
      
      <div class="justify-content-between">
      <span class="text-uppercase font-weight-bold" style="font-weight: 300; letter-spacing: .5px;">
        CONTENT</span>
          <span>content</span>
        </div>
      <hr class="my-1 faded">
      
            <div class="justify-content-between">
      <span class="text-uppercase font-weight-bold" style="font-weight: 300; letter-spacing: .5px;">
        CONTENT</span>
          <span>content</span>
        </div>
      <hr class="my-1 faded">
      
            <div class="justify-content-between">
      <span class="text-uppercase font-weight-bold" style="font-weight: 300; letter-spacing: .5px;">
        CONTENT</span>
          <span>content</span>
        </div>
      <hr class="my-1 faded">
      
            <div class="justify-content-between">
      <span class="text-uppercase font-weight-bold" style="font-weight: 300; letter-spacing: .5px;">
        CONTENT</span>
          <span>content</span>
        </div>
      <hr class="my-1 faded">
      
    </div>
 
 <!--Profile Pic-->
 
    <div class="card rounded-circle mx-auto" style="border: 10px solid #4530FF; width: 200px; height: 200px; background: #4530FF url(https://f2.toyhou.se/file/f2-toyhou-se/images/66926423_LgbdDNZ8Qum2JVd.gif) center; background-size: cover;"></div>
    
  <!--Card Right-->
      <div class="card mx-end text-center p-1 font-weight-bold " style="background: #9589FF; border-radius: 20px; width: 200px; height: 200px; border:5px solid #4530FF; line-height: 1rem;">
        <p>Lorem</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, molestiae.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque, molestiae.</p>
      </div>
    
 <!--Quote Box-->
 </div>
  <br>
 <div class="row no-gutters"><div class="col">
  <i class="pull-left mr-5 fad fa-quote-left fa-lg"></i>
  <i class="pull-right ml-5 fad fa-quote-right fa-lg"></i>
  <div class="card-text p-1 text-center" style="background: #9589FF; border-radius: 20px; height: 50px; border:5px solid #4530FF; font-size: 20px;">Quote here</div>
  </br>
  
  <!--Link (You can delete this part if you want)-->
<div class="card mx-auto p-2 my-2 text-center text-muted font-weight-bold" style="width: 100px; height: 50px; background: #FFFFFF; border-radius: 20px; border:5px solid #4530FF;">
  <button class="btn">
  <a href="https://toyhou.se/Evoidless" target="https://toyhou.se/Evoidless">Link<i class="fas fa-code fa-fw"></i></a>
</button>
  </div>
  <!---->
  
 </div>
</div>
</div>


<!--Credit (Please don't delete)-->
<p class="small font-weight-bold text-center text-muted mt-3">Code created by Evoidless ♡</p>