title.html

<div align="center" style="text-align: center; max-width: 800px; margin: 0 auto; padding: 40px 20px">
  <img src="https://github.com/Danielyan86/DevOpsGPT/blob/main/docs/pictures/chatops.png?raw=true" alt="ChatOps Logo" width="250" style="margin-bottom: 30px" />

  <div style="border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 15px 0; margin: 20px 0">
    <h1 style="color: #4472c4; font-size: 36px; margin: 0; letter-spacing: 2px">CHATOPS SOLUTION</h1>
  </div>

  <h3 style="font-size: 22px; font-weight: normal; margin: 20px 0 40px 0">Computer Science Project for COMPX576</h3>

  <div style="margin: 150px 0 80px 0"></div>

  <div style="margin-bottom: 10px; font-size: 18px">
    <p><strong>STUDENT NAME:</strong> XIAODONG YAN</p>
    <p><strong>Student ID:</strong> 1666181</p>
  </div>
</div>

<div style="page-break-after: always"></div>