index.html

<!-- Skills -->
<section id="skills">
  <h2>Skills</h2>

  <div>
    <!-- 스킬 데이터 -->
    <div>
      <h3>Profesional Skills</h3>
      <p>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit.
        Accusantium quae libero delectus. Fuga tenetur quam magnam
        accusamus incidunt itaque assumenda voluptatum vero, animi nisi
        fugiat nemo debitis reprehenderit ab deleniti!
      </p>
      <div>
        <article>
          <div>
            <!-- icon -->
            <i class="fa-brands fa-html5"></i>
            <!-- skill name -->
            <span>HTML5</span>
          </div>
          <div>
            <!-- percentage -->
            <span>85%</span>
          </div>

          <progress id="html5" max="100" value="85"></progress>
        </article>
        <article>
          <div>
            <!-- icon -->
            <i class="fa-brands fa-css3-alt"></i>
            <!-- skill name -->
            <span>CSS3</span>
          </div>
          <div>
            <!-- percentage -->
            <span>80%</span>
          </div>

          <progress id="css3" max="100" value="80"></progress>
        </article>
        <article>
          <div>
            <!-- icon -->
            <i class="fa-brands fa-js"></i>
            <!-- skill name -->
            <span>JavaScript</span>
          </div>
          <div>
            <!-- percentage -->
            <span>90%</span>
          </div>

          <progress id="javascript" max="100" value="90"></progress>
        </article>
        <article>
          <div>
            <!-- icon -->
            <i class="fa-solid fa-server"></i>
            <!-- skill name -->
            <span>Back-end</span>
          </div>
          <div>
            <!-- percentage -->
            <span>95%</span>
          </div>

          <progress id="backend" max="100" value="95"></progress>
        </article>
      </div>
    </div>

    <!-- 이미지 -->
    <div>
      <img src="./images/skills/desktop.jpg" alt="데스크탑 이미지" />
    </div>
  </div>
</section>

참고

놀라운 무료 이미지 - Pixabay - Pixabay