Portfolio

<div style="background-image: url('background img url here');">
 <div class="d-flex justify-content-center">
<div class="container justify-content-center">
<div class="card p-3 justify-content-center" style="border-radius:15px; text-align:center">
    <h1>◇─◇─ FEATURED ─◇─◇</h1>
<img src="character image url" class="img-circle" style="width:250px;height:auto; border:3px dotted white;border-radius:100px;">
<p style="font-size:200%; font-family:impact;"><a href="character link">name</a></p>
</div>
</div><div class="container justify-content-center" style="margin-left:50px">
  <div class="card p-3" style="border-radius:15px; text-align: center">
<table style="padding:5px; margin-top:100px; border-radius:15px; border-width:5px;">
   <!--go to fontawesome.com to change the icons in this section-->
  <tr>
      <td>
      <a href="tumblr"><i class="fab fa-tumblr"></a>
    </td>
    <td>
      info
    </td>
    <td><a href="twitter"><i class="fab fa-twitter"></a></td>
  </tr>
    <tr>
      <td>
      <a href="instagram"><i class="fab fa-instagram"></a>
    </td>
    <td>
      info
    </td>
    <td><a href="something else"><i class="fas fa-server"></a></td>
  </tr>
    <tr>
      <td>
      <a href="instagram 2"><i class="fab fa-instagram-square"></a>
    </td>
    <td>
      info
    </td>
    <td><a href="youtube"><i class="fab fa-youtube"></a></td>
  </tr>
</table>
  </div>
</div><div class="container justify-content-center">
<div class="card p-3 justify-content-center" style="border-radius:15px; text-align:center">
    <h1>◇─◇─ RECENT ◇─◇</h1>
<img src="character img" class="img-circle" style="width:250px;height:auto; border:3px dotted white;border-radius:100px;">
<p style="font-size:200%; font-family:impact;"><a href="character link">Name</a></p>
</div>
</div></div>
 <!--no touch pls-->
<p class="text-right">
  <a href="https://toyhou.se/oleander"><i class="fas fa-code"></i></a>
</p>
</div>