Convert HTML code to MarkupBuilder groovy language

i have a HTML page code and I would like to convert it to MarkupBuilder groovy language so we have the following HTML code :

Report html { font-family: sans-serif; }
    table {
        border-collapse: collapse;
        border: 2px solid rgb(200, 200, 200);
        letter-spacing: 1px;
        font-size: 0.8rem;
    }
    
    td,
    th {
        border: 1px solid rgb(190, 190, 190);
        padding: 10px 20px;
    }
    
    td {
        text-align: center;
    }
    
    caption {
        padding: 10px;
    }
</style>
<h1> <center> <strong>Test suite</strong> <center/> </h1>

<br />
<br />

<p>
    <h3>Total number of Test Cases  : 20    </h3>

    <h4><div style="color:green"> Test Cases Passed    : 8      </div></h4>
    <h4><div style="color:red">   Test Cases Failed    : 4   </div> </h4>
    <h4><div style="color:red">   Test Cases Error    : 4   </div> </h4>
    <h4><div style="color:Orange">   Test Cases Incomplete    : 4   </div> </h4>
</p>
<br />
<br />
<br />

<table>
    <tr>
        <th bgcolor="#E5EBF0"><strong>Test case Name</strong></th>
        <th bgcolor="#E5EBF0"><strong>Status</strong></th>
    </tr>
    <tr>
        <th>Test1</th>
        <td bgcolor="#97DB9A">Passed</td>
    </tr>

    <tr>
        <th>Test2</th>
        <td bgcolor="#97DB9A">Passed</td>
    </tr>

    <tr>
        <th>Test13</th>
        <td bgcolor="#FF0000">Failed</td>
    </tr>
</table>
<br>
<br>
<br />
<br />
<br />