about.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body class="site">
    <header class="header-container">
      <a href="/">
        <h1 class="logo">
          <img src="/assets/sbq.jpg" alt="Sia Billal Quba Logo" />
          <span>Sia Billal Quba</span>
        </h1>
      </a>

      <nav>
        <ul class="navlinks">
          <li>
            <a href="/">Home</a>
          </li>
          <li>
            <a href="/about.html">About</a>
          </li>
          <li>
            <a href="/contact.html">Contact</a>
          </li>
          <li>
            <a href="https://linkedin.com/in/sia-billal-quba" target="_blank">
              <img src="assets/linkedin.svg" alt="LinkedIn" />
            </a>
          </li>
          <li>
            <a href="https://github.com/siabillalquba" target="_blank">
              <img src="assets/github.svg" alt="GitHub" />
            </a>
          </li>
          <li>
            <a href="https://twitter.com/siabillalquba" target="_blank">
              <img src="assets/twitter.svg" alt="Twitter/X" />
            </a>
          </li>
        </ul>
      </nav>
    </header>

    <main class="site-content">
      <article class="about-article">
        <section class="about-story">
          <h2 class="my-story">My Story</h2>
          <p>
            I am a Product Engineer with 4+ years of experience in manufacturing
            industry, skilled in product development and process optimization.
            In a journey to switch career into Software Engineering role,
            strengthening my programming skills and working on projects to build
            a solid foundation in software development.
          </p>
        </section>

        <section class="about-experience">
          <h2 class="work-experience">Work Experience</h2>

          <div class="experience">
            <p>Apr 2023 - Present</p>
            <p>PCI Batam, Indonesia</p>
            <p>Assistant Product Engineer</p>
          </div>

          <div class="experience">
            <p>September 2020 - Sep 2022</p>
            <p>Panasonic Batam, Indonesia</p>
            <p>Production Assistant</p>
          </div>
        </section>
      </article>
    </main>

    <footer class="footer-container">
      <p class="copyright">Sia Billal Quba &copy; 2025</p>
    </footer>
  </body>
</html>