<div class='example-emails margin-bottom-50'>
    <div width='100%' height='100%' style='background: #eceff4 ; padding: 50px 20px; color: #514d6a ;'>
        <div style='max-width: 700px; margin: 0px auto; font-size: 14px'>
            <table border='0' cellpadding='0' cellspacing='0' style='width: 100%; margin-bottom: 20px'>
                <tr>
                    <td style='vertical-align: top;width: 50%'>
                        <img src="https://pbs.twimg.com/profile_images/461574935219937282/VBDO8vSK.jpeg"
                             alt='Enchufate Template' style='width:35%'/>
                    </td>
                    <td style='text-align: left; vertical-align: middle; width: 50%'>
                         <span style='color: #a09bb9; text-align: center;'>
                             <h1>{{ $instituto }}</h1>
                         </span>
                    </td>
                </tr>
            </table>
            <div style='padding: 40px 40px 20px 40px; background: #fff;'>
                <table border='0' cellpadding='0' cellspacing='0' style='width: 100%;'>
                    <tbody>
                    <tr>
                        <td>
                            <h3 style='margin-bottom: 20px; color: #24222f ; font-weight: 600'> {{$name}} </h3>
                            <div style='text-align: center'>
                                {{ $mensaje }}
                            </div>
                            <p>Procalidad, gracias por contactarnos.</p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div style='text-align: center; font-size: 12px; color: #a09bb9 ; margin-top: 20px'>
                <p>
                    PROCALIDAD, Jr. Rousseau 465 <br/>
                    San Borja<br> procalidad@procalidad.gob.pe
                    <br/>
                    Powered by Enchufate SAC
                </p>
            </div>
        </div>
    </div>
</div>