darksoul-7.html

<article>
    <h3>darksoul-7 </h3>
    <p>Software developer who recently started open source.</p>
    <h4>Programming languages I use</h4>
    <section class="container">
      <div class="badge" style="background-color: #3874a4; color: white">
        Python
      </div>
      <div class="badge" style="background-color: #f7df1e; color: black;">
        Java
      </div>
    </section>
  
    <h4>Tools I use</h4>
    <section class="container">
      <img
        class="icon"
        src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg"
      />
      <img
        class="icon"
        src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg"
      />
    </section>
  </article>
  <style>
    body {
      font-family: sans-serif;
    }
    .container {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
    }
    .badge {
      padding: 0.5rem;
      border-radius: 0.25rem;
    }
    .icon {
      width: 2rem;
    }
  </style>