<div style="border: 1px solid #444; border-radius: 10px; padding: 15px; margin-bottom: 10px;">
  <h3 style="margin: 0; font-size: 1.2em;">
    <a href="http://localhost:8000/doku.php?id=projects:project1:overview" style="text-decoration: none; color: #66c2ff;">Project 1 Overview</a>
  </h3>
  <p style="margin: 5px 0; color: #bbb; font-size: 0.9em;">
    This project focuses on building a comprehensive tool for managing task workflows efficiently.
  </p>
</div>

<div style="border: 1px solid #444; border-radius: 10px; padding: 15px; margin-bottom: 10px;">
  <h3 style="margin: 0; font-size: 1.2em;">
    <a href="http://localhost:8000/doku.php?id=projects:project2:overview" style="text-decoration: none; color: #66c2ff;">Project 2 Overview</a>
  </h3>
  <p style="margin: 5px 0; color: #bbb; font-size: 0.9em;">
    A research-driven project exploring AI-enhanced data visualization techniques.
  </p>
</div>