<html>
    <head>
        <title></title>
        <style>
            table,th,td{border:1px solid black; border-collapse:collapse; padding: 5px; text-align: center;}
            th {background-color: #F4F4F4; color: #666666; font-size: 14px;}
            td {font-size: 12px;}
            .uptime { color:#739b40;}
            .downtime { color: #bd5757;}
            .bold {font-weight: bold;}
        </style>
    </head>
    <body style="color: black;">
        <div id="head" style="background-color: #282828; width: 100%; height: 60px;line-height: 60px;">
            <div id="logo" style="float: left; margin-left: 10px; margin-top: 5px;">
                <img src="http://www.pingrely.com/en/logopr1.png" width="185" height="46" />
            </div>
            <div id="daily" style="color: white; float: right; vertical-align: middle; margin-right: 10px; display: inline-block; font-size: 12px;">
                25/12/2023 Reporte Semanal.
            </div>
        </div>
        <div id="body" style="text-align: center; background-color: #FEFEFE; padding-top: 20px; padding-bottom: 20px;">
            <h1 style="margin-top: 0px; font-size: 16px;">Reporte Semanal de sus Monitores</h1>
            <p>Estado general de sus Monitores:</p>
            <table style="margin: 0 auto; border:1px solid black; border-collapse:collapse; padding: 5px; text-align: center;">
                <tr>
                    <th>Monitor</th>
                    <th>Tipo</th>
                    <th style="color:#739b40;">Uptime(%)</th>
                    <th>Tiempo de Respuesta</th>
                    <th style="color: #bd5757;">Caidas(#)</th>
                </tr>
                
            </table>
            <p>Ultimos Eventos de la Semana:</p>
            <table style="margin: 0 auto; border:1px solid black; border-collapse:collapse; padding: 5px; text-align: center;">
                <tr>
                    <th>Evento</th>
                    <th>Monitor</th>
                    <th>Fecha</th>
                    <th>Motivo</th>
                    <th>Duracion</th>
                </tr>
                
            </table>
            <br />
        <div id="tip" style="text-align: center; background-color: #CCDDFF; border: 1px solid; border-color: #666666; padding: 10px; font-size: 12px;">
            Recuerde que para manejar su cuenta, crear nuevos monitores, visualizar eventos, etc. puede realizarlo a traves del panel de control de pingrely.com,
            utilizando su email y password.
        </div>
        <br />
        <br />
        <div id="thanks" style="float: left; font-size: 12px; color: #666666; text-align: left;">
            Gracias por utilizar nuestro servicio,<br />
            <br />
            El equipo de PingRely.com<br />
            <a href="http://www.pingrely.com">http://www.pingrely.com</a><br />
        </div>    
        </div>
    </body>
</html>