
<!DOCTYPE html>
<html>
<head>
    {CSS}
</head>
<body>
<table style="background: transparent url({IMG_DIR}faded_blue_horizontal.png ) repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: left; width: 720px; height: 400px;"
       border="0" cellpadding="15" cellspacing="6">
    <tbody>
    <tr>
        <td style="width: 50%; vertical-align: top;">
            <img style="width: 48px; height: 49px; float: left;" alt="01" src="{COURSE_DIR}images/small/01.png "
                 hspace="5"><br>Lorem ipsum dolor sit amet<br><br><br>
            <img style="width: 48px; height: 49px; float: left;" alt="02" src="{COURSE_DIR}images/small/02.png "
                 hspace="5">
            <br>Ut enim ad minim veniam<br><br><br>
            <img style="width: 48px; height: 49px; float: left;" alt="03" src="{COURSE_DIR}images/small/03.png "
                 hspace="5">Duis aute irure dolor in reprehenderit<br><br><br>
            <img style="width: 48px; height: 49px; float: left;" alt="04" src="{COURSE_DIR}images/small/04.png "
                 hspace="5">Neque porro quisquam est
        </td>

        <td style="vertical-align: top; width: 50%; text-align: right;" colspan="1" rowspan="1">
            <img style="width: 300px; height: 291px;" alt="Gearbox" src="{COURSE_DIR}images/diagrams/gearbox.jpg "><br>
        </td>
    </tr>
    <tr></tr>
    </tbody>
</table>
<p><br>
    <br>
</p>
</body>
</html>
