sgi/gema/tpl/carta.tpl.html

<!-- BEGIN: header -->
<img id="logo" src="..\img\logo_lasalle.png">
<!-- END: header -->
    
    
<!-- BEGIN: main -->
    <!-- BEGIN: borrador -->
        <div>
            <h1 style="color: #001d68; margin: 0;">{ALUMNO}</h1>
            <small style="color: #d21034"><i>{CARRERA}</i></small>
        </div>
        <div class="bloque {INSIGNIA_LINEA}" style="page-break-inside: avoid;">
            <ol>
            <!-- BEGIN: insignia -->
                <li style="text-align: left;" class="insignia-título"><b>{INSIGNIA_TITULO}</b> | {INSIGNIA_FECHA}</li>
            <!-- END: insignia -->
            </ol>
        </div>
    <!-- END: borrador -->
    
    <!-- BEGIN: titulo -->
        <div id="resumen">Resumen de actividades extracurriculares que han fortalecido el perfil de egreso de:</div>
        <div>
            <h1>{ALUMNO}</h1>
            <h2>{CARRERA}</h2>
        </div>
    <!-- END: titulo -->
    <!-- BEGIN: insignias -->
        <div class="bloque {INSIGNIA_LINEA}" style="page-break-inside: avoid;">
            <!-- BEGIN: tipo -->
            <h3 class="insignia-tipo" style="margin-top:0">{INSIGNIA_TIPO}</h3>
            <hr style="color: {INSIGNIA_COLOR};">
            <!-- END: tipo -->
            <!-- BEGIN: descripcion -->
            <div class="espaciado" style="margin-top: {ESPACIO}px; display: block;"></div>
            <div class="firmas">
                <h4 style="text-align: left;" class="insignia-título">{INSIGNIA_TITULO}</h4>
                <p style="text-align: justify;" class="insignia-descripción">{INSIGNIA_DESCRIPCION}</p>
                <div class=" fecha" style="margin-bottom: 0;">
                    
                    <!-- BEGIN: calendar -->
                    <span class="calendar" aria-hidden="true">&#xf073</span>
                    <!-- END: calendar -->
                    {INSIGNIA_FECHA}
                </div>
                <div class="folio"><b>FOLIO:</b> <span class="insignia-this-folio"></span>{FOLIO}</div>
            </div>
            <!-- END: descripcion -->
        </div>
        <!-- <div class="espaciado" style="margin-bottom: {ESPACIO}px; display: block;"></div> -->
    <!-- END: insignias -->

    <!-- BEGIN: firmas -->
        <!-- <div class="firmas-section" style="position: absolute; top: {MARGIN};"> -->
        <!-- <div class="firmas-section" style="position: absolute; bottom: 100px;"> -->
        <div style="page-break-inside: avoid; position: absolute; bottom: 2cm; margin-right: 2cm;">
            <div class="facultad">Facultad de Ingeniería</div>
            <div class="indivisa">Indivisa Manent</div>
            <div class="cdmx" >Ciudad de México, {FECHA}</div>
            <table class="firmas">
                <tr >
                    <td class="bloqueFirma">
                        <img class="firmasImg" src="../../img/firmas/{FIRMA1}"/>
                        <img class="marca" src="{MARCA}" />
                        <div class="nomFirma">{NOMBRE0}</div>
                        <div class="cargoFirma">{CARGO0}</div>
                    </td>
                    <td class="bloqueFirma">
                        <img class="firmasImg" src="../../img/firmas/{FIRMA2}"  />
                        <img class="marca" src="{MARCA}" />
                        <div class="nomFirma">{NOMBRE1}</div>
                        <div class="cargoFirma">{CARGO1}</div>
                    </td>
                </tr>
            </table>
        </div>
    <!-- END: firmas -->    
<!-- END: main -->

<!-- BEGIN: footer -->
    <footer>
        <table>
            <tr>
                <td class=" valido">* Este documento es de carácter informativo, no tiene validez oficial</td>
                <td class="dir">Benjamín Franklin No 45, Col. Condesa, Alc Cuauhtémoc,
                    <br>Ciudad de México. CP 06140 |01 800 LA SALLE (5272553)
                    <br>+52 (55) 5278 9500 <b>lasalle.mx</b>
                </td>
                <td><img id="red" src="..\img\red.png"></td>
            </tr>
        </table>
    </footer>
<!-- END: footer -->