| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
- <!-- Facebook sharing information tags -->
- <meta property="og:title" content="*|MC:SUBJECT|*" />
-
- <title> <%= APP_NAME %> </title>
- <style type="text/css">
- /* Client-specific Styles */
- #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
- body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
- body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
- /* Reset Styles */
- body{margin:0; padding:0;}
- img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
- table td{border-collapse:collapse;}
- #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
- /* Template Styles */
- /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
- /**
- * @tab Page
- * @section background color
- * @tip Set the background color for your email. You may want to choose one that matches your company's branding.
- * @theme page
- */
- body, #backgroundTable{
- /*@editable*/ background-color:#FAFAFA;
- }
- /**
- * @tab Page
- * @section email border
- * @tip Set the border for your email.
- */
- #templateContainer{
- /*@editable*/ border: 1px solid #DDDDDD;
- }
- /**
- * @tab Page
- * @section heading 1
- * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
- * @style heading 1
- */
- h1, .h1{
- /*@editable*/ color:#202020;
- display:block;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:34px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ line-height:100%;
- margin-top:0;
- margin-right:0;
- margin-bottom:10px;
- margin-left:0;
- /*@editable*/ text-align:left;
- }
- /**
- * @tab Page
- * @section heading 2
- * @tip Set the styling for all second-level headings in your emails.
- * @style heading 2
- */
- h2, .h2{
- /*@editable*/ color:#202020;
- display:block;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:30px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ line-height:100%;
- margin-top:0;
- margin-right:0;
- margin-bottom:10px;
- margin-left:0;
- /*@editable*/ text-align:left;
- }
- /**
- * @tab Page
- * @section heading 3
- * @tip Set the styling for all third-level headings in your emails.
- * @style heading 3
- */
- h3, .h3{
- /*@editable*/ color:#202020;
- display:block;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:26px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ line-height:100%;
- margin-top:0;
- margin-right:0;
- margin-bottom:10px;
- margin-left:0;
- /*@editable*/ text-align:left;
- }
- /**
- * @tab Page
- * @section heading 4
- * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
- * @style heading 4
- */
- h4, .h4{
- /*@editable*/ color:#202020;
- display:block;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:22px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ line-height:100%;
- margin-top:0;
- margin-right:0;
- margin-bottom:10px;
- margin-left:0;
- /*@editable*/ text-align:left;
- }
- /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
- /**
- * @tab Header
- * @section preheader style
- * @tip Set the background color for your email's preheader area.
- * @theme page
- */
- #templatePreheader{
- /*@editable*/ background-color:#FAFAFA;
- }
- /**
- * @tab Header
- * @section preheader text
- * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
- */
- .preheaderContent div{
- /*@editable*/ color:#505050;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:10px;
- /*@editable*/ line-height:100%;
- /*@editable*/ text-align:left;
- }
- /**
- * @tab Header
- * @section preheader link
- * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
- */
- .preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
- /*@editable*/ color:#336699;
- /*@editable*/ font-weight:normal;
- /*@editable*/ text-decoration:underline;
- }
- /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
- /**
- * @tab Header
- * @section header style
- * @tip Set the background color and border for your email's header area.
- * @theme header
- */
- #templateHeader{
- /*@editable*/ background-color:#FFFFFF;
- /*@editable*/ border-bottom:0;
- }
- /**
- * @tab Header
- * @section header text
- * @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
- */
- .headerContent{
- /*@editable*/ color:#202020;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:34px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ line-height:100%;
- /*@editable*/ padding:0;
- /*@editable*/ text-align:center;
- /*@editable*/ vertical-align:middle;
- }
- /**
- * @tab Header
- * @section header link
- * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
- */
- .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
- /*@editable*/ color:#336699;
- /*@editable*/ font-weight:normal;
- /*@editable*/ text-decoration:underline;
- }
- #headerImage{
- height:auto;
- max-width:600px !important;
- }
- /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
- /**
- * @tab Body
- * @section body style
- * @tip Set the background color for your email's body area.
- */
- #templateContainer, .bodyContent{
- /*@editable*/ background-color:#FFFFFF;
- }
- /**
- * @tab Body
- * @section body text
- * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
- * @theme main
- */
- .bodyContent div{
- /*@editable*/ color:#505050;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:14px;
- /*@editable*/ line-height:150%;
- /*@editable*/ text-align:left;
- }
- /**
- * @tab Body
- * @section body link
- * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
- */
- .bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
- /*@editable*/ color:#336699;
- /*@editable*/ font-weight:normal;
- /*@editable*/ text-decoration:underline;
- }
- /**
- * @tab Body
- * @section button style
- * @tip Set the styling for your email's button. Choose a style that draws attention.
- */
- .templateButton{
- -moz-border-radius:3px;
- -webkit-border-radius:3px;
- /*@editable*/ background-color:#336699;
- /*@editable*/ border:0;
- border-collapse:separate !important;
- border-radius:3px;
- }
- /**
- * @tab Body
- * @section button style
- * @tip Set the styling for your email's button. Choose a style that draws attention.
- */
- .templateButton, .templateButton a:link, .templateButton a:visited, /* Yahoo! Mail Override */ .templateButton a .yshortcuts /* Yahoo! Mail Override */{
- /*@editable*/ color:#FFFFFF;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:15px;
- /*@editable*/ font-weight:bold;
- /*@editable*/ letter-spacing:-.5px;
- /*@editable*/ line-height:100%;
- text-align:center;
- text-decoration:none;
- }
- .bodyContent img{
- display:inline;
- height:auto;
- }
- /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
- /**
- * @tab Footer
- * @section footer style
- * @tip Set the background color and top border for your email's footer area.
- * @theme footer
- */
- #templateFooter{
- /*@editable*/ background-color:#FFFFFF;
- /*@editable*/ border-top:0;
- }
- /**
- * @tab Footer
- * @section footer text
- * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
- * @theme footer
- */
- .footerContent div{
- /*@editable*/ color:#707070;
- /*@editable*/ font-family:Arial;
- /*@editable*/ font-size:12px;
- /*@editable*/ line-height:125%;
- /*@editable*/ text-align:center;
- }
- /**
- * @tab Footer
- * @section footer link
- * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
- */
- .footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
- /*@editable*/ color:#336699;
- /*@editable*/ font-weight:normal;
- /*@editable*/ text-decoration:underline;
- }
- .footerContent img{
- display:inline;
- }
- /**
- * @tab Footer
- * @section utility bar style
- * @tip Set the background color and border for your email's footer utility bar.
- * @theme footer
- */
- #utility{
- /*@editable*/ background-color:#FFFFFF;
- /*@editable*/ border:0;
- }
- /**
- * @tab Footer
- * @section utility bar style
- * @tip Set the background color and border for your email's footer utility bar.
- */
- #utility div{
- /*@editable*/ text-align:center;
- }
- #monkeyRewards img{
- max-width:190px;
- }
- </style>
- </head>
- <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
- <center>
- <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
- <tr>
- <td align="center" valign="top" style="padding-top:20px;">
- <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
- <tr>
- <td align="center" valign="top">
- <!-- // Begin Template Header \\ -->
- <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
- <tr>
- <td class="headerContent">
-
- <!-- // Begin Module: Standard Header Image \\ -->
- <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext />
- <!-- // End Module: Standard Header Image \\ -->
-
- </td>
- </tr>
- </table>
- <!-- // End Template Header \\ -->
- </td>
- </tr>
- <tr>
- <td align="center" valign="top">
- <!-- // Begin Template Body \\ -->
- <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
- <tr>
- <td valign="top">
- <!-- // Begin Module: Standard Content \\ -->
- <table border="0" cellpadding="20" cellspacing="0" width="100%">
- <tr>
- <td valign="top" class="bodyContent">
- <div mc:edit="std_content00">
- <h3 class="h3">Cambio de contraseña</h3>
- <h4 class="h4">Hola <%= @resource.first_name %> <%= @resource.last_name %></h4>
- <h5 class="h5"> <%= @resource.email %> </h5>
- <p><strong>El siguiente correo lo has recibido porque fue solicitado el cambio de contraseña.</strong>
- Para realizar el cambio de contraseña de <strong> <%= APP_NAME %></strong> lo podrás realizar en el siguiente enlace
- </p>
- </div>
- </td>
- </tr>
- <tr>
- <td align="center" valign="top" style="padding-top:0;">
- <table border="0" cellpadding="15" cellspacing="0" class="templateButton">
- <tr>
- <td valign="middle" class="templateButtonContent">
- <div mc:edit="std_content01">
- <%= link_to 'Cambiar contraseña', edit_password_url(@resource, reset_password_token: @token) %>
- </div>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <!-- // End Module: Standard Content \\ -->
- </td>
- </tr>
- </table>
- <!-- // End Template Body \\ -->
- </td>
- </tr>
- <tr>
- <td align="center" valign="top">
- <!-- // Begin Template Footer \\ -->
- <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
- <tr>
- <td valign="top" class="footerContent">
-
- <!-- // Begin Module: Transactional Footer \\ -->
- <table border="0" cellpadding="10" cellspacing="0" width="100%">
- <tr>
- <td valign="top">
- <div mc:edit="std_footer">
- <em><%= APP_CREDITS %></em>
- </div>
- </td>
- </tr>
- <!-- <tr>
- <td valign="middle" id="utility">
- <div mc:edit="std_utility">
- <a href="*|ARCHIVE|*" target="_blank">view this in your browser</a> | <a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|UPDATE_PROFILE|*">update subscription preferences</a>
- </div>
- </td>
- </tr>-->
- </table>
- <!-- // End Module: Transactional Footer \\ -->
-
- </td>
- </tr>
- </table>
- <!-- // End Template Footer \\ -->
- </td>
- </tr>
- </table>
- <br />
- </td>
- </tr>
- <tr>
- <td align="center" valign="top">
- <!-- // Begin Template Preheader \\ -->
- <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
- <tr>
- <td valign="top" class="preheaderContent">
-
- <!-- // Begin Module: Standard Preheader \ -->
- <table border="0" cellpadding="10" cellspacing="0" width="100%">
- <tr>
- <td valign="top">
- <div mc:edit="std_preheader_content">
- <p>Por favor, no respondas directamente a este correo electrónico. Este mensaje fue enviado desde una cuenta exclusiva de notificaciones que no admite respuestas.</p>
- <p>En caso de no haber solicitado el cambio de contraseña ignora el siguiente correo.</p>
- <p>Si tu contraseña no se restablece, favor de comunicarte al correo <%= APP_MAIL_INFO %>, exponiendo tu caso para poder restablecerla. </p>
- </div>
- </td>
- </tr>
- </table>
- <!-- // End Module: Standard Preheader \ -->
-
- </td>
- </tr>
- </table>
- <!-- // End Template Preheader \\ -->
- </td>
- </tr>
- </table>
- </center>
- </body>
- </html>
|