webapp notas # resultados.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
    <style type="text/css">
    .tg  {border-collapse:collapse;border-spacing:0;border-width:1px;border-style:solid;border-color:#999;}
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#999;color:#444;background-color:#F7FDFA;}
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#999;color:#fff;background-color:#26ADE4;}
    .tg .tg-lvva{font-weight:bold;background-color:#0c1a78;text-align:center}
    .tg .tg-tzx7{background-color:#0c1a78;text-align:center}
    .tg .tg-5hgy{background-color:#D2E4FC;text-align:center}
    .tg .tg-44gf{background-color:#D2E4FC;font-weight:bold;font-size:x-large;border-color:#0c1a78;text-align:center}
    </style>
  </head>
  <body>
  <div style="text-align:center">
    <img src="https://cdn.bitrix24.com/b9316961/landing/027/027c19d37fefaaa64fc64510f40c2e60/Selecci_n_567.png">
    <h1>Resultados prueba homologada de inglés A2 2019</h1>
    <table style="margin: 0px auto" class="tg">
    <tr>
    <th class="tg-tzx7">Speaking</th>
    <th class="tg-tzx7">Listening</th>
    <th class="tg-tzx7">Reading</th>
    <th class="tg-tzx7">Writing</th>
    <th class="tg-tzx7">+10%</th>
    <th class="tg-lvva">FINAL QUALIFICATION</th>
    </tr>
    <tr>
    <td class="tg-5hgy"><?= notaSpeaking ?></td>
    <td class="tg-5hgy"><?= notaListening ?></td>
    <td class="tg-5hgy"><?= notaReading ?></td>
    <td class="tg-5hgy"><?= notaWriting ?></td>
    <td class="tg-5hgy"><?= tienePlus ?></td>
    <td class="tg-44gf"><?= notaFinal ?></td>
    </tr>
    </table>
    Notas para el candidato con DNI: <b><?= dni.toUpperCase() ?></b>
    <br><br>
  </div>
  </body>
</html>