<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        .wrapper {
            padding: 5px;
            color: #444;
            font-size: 1em;
        }

        a {
            text-decoration: none;
            color: #fff;
        }
    </style>
</head>

<body>

    <div style="display:inline-block ; text-align:center ; ">
        <h2 style="color : #2653d4 ;">GestStudent Alert</h2>
    </div>
    <div>
        <h2 style="text-align: center; weight: 15px ">Votre note est disponible sur GestStudent.</h2>
        <table border="0" cellpadding="0" cellspacing="0" width="100%"
            style="background-color:#fce4bd; border:1px solid #00b1f5; border-radius:5px;">
            <tr>
                <td align="center" valign="middle"
                    style="font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    <a href="https://e-services.geststudent.net/">POUR TOUTE RECLAMATION CLIQUEZ-ICI ET
                        IDENTIFIEZ-VOUS!!!</a>
                </td>

            </tr>
        </table>
        <br>
        <hr>
        <br>
        <table border="0" cellpadding="0" cellspacing="0" width="100%"
            style="background-color:#00b1f5; border:1px solid #00b1f5; border-radius:5px; align:center">
            <tr>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    ELEMENT CONSTITUTIF
                </td>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    SESSION
                </td>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    NOTE
                </td>
            </tr>
            <tr>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    {{ $intituleEcu }}
                </td>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    Normale
                </td>
                <td align="center" valign="middle"
                    style="color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; letter-spacing:-.5px; line-height:150%; padding-top:15px; padding-right:30px; padding-bottom:15px; padding-left:30px;">
                    {{ $note . ' / ' . $echelle }}
                </td>
            </tr>
        </table>
        <p></p>
        <hr>
        <div>
            <div style="text-align: center ; color:#808080; font-size:9px";>
                <p class="address">Si vous avez des questions ou besoins d'aide , vous pouvez nous contacter<br>Siege
                    Social: Abomey-Calavi <br /> Tél: (00229) 61373500 <br /> iitech@iitech-benin.net <br />IITECH-BENIN
                    : https://iitech-benin.net/</p>
            </div>
        </div>
    </div>
</body>

</html>
