API tools faq
paste
Advertisement
Guest User

Template Ahorra hasta 30 mil pesos

a guest
Jun 26th, 2019
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.05 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
  5.  
  6. <head>
  7.     <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  8.     <meta content="width=device-width" name="viewport" />
  9.     <meta content="IE=edge" http-equiv="X-UA-Compatible" />
  10.     <title></title>
  11.     <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: transparent;">
  15.     <style>
  16.         @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,700,900&display=swap');
  17.     </style>
  18.     <style type="text/css">
  19.         body {
  20.             margin: 0;
  21.             padding: 0;
  22.         }
  23.  
  24.         table,
  25.         td,
  26.         tr {
  27.             vertical-align: top;
  28.             border-collapse: collapse;
  29.         }
  30.  
  31.         * {
  32.             line-height: inherit;
  33.         }
  34.  
  35.         a[x-apple-data-detectors=true] {
  36.             color: inherit !important;
  37.             text-decoration: none !important;
  38.         }
  39.  
  40.         .ie-browser table {
  41.             table-layout: fixed;
  42.         }
  43.  
  44.         [owa] .img-container div,
  45.         [owa] .img-container button {
  46.             display: block !important;
  47.         }
  48.  
  49.         [owa] .fullwidth button {
  50.             width: 100% !important;
  51.         }
  52.  
  53.         [owa] .block-grid .col {
  54.             display: table-cell;
  55.             float: none !important;
  56.             vertical-align: top;
  57.         }
  58.  
  59.         .ie-browser .block-grid,
  60.         .ie-browser .num12,
  61.         [owa] .num12,
  62.         [owa] .block-grid {
  63.             width: 755px !important;
  64.         }
  65.  
  66.         .ie-browser .mixed-two-up .num4,
  67.         [owa] .mixed-two-up .num4 {
  68.             width: 248px !important;
  69.         }
  70.  
  71.         .ie-browser .mixed-two-up .num8,
  72.         [owa] .mixed-two-up .num8 {
  73.             width: 496px !important;
  74.         }
  75.  
  76.         .ie-browser .block-grid.two-up .col,
  77.         [owa] .block-grid.two-up .col {
  78.             width: 372px !important;
  79.         }
  80.  
  81.         .ie-browser .block-grid.three-up .col,
  82.         [owa] .block-grid.three-up .col {
  83.             width: 372px !important;
  84.         }
  85.  
  86.         .ie-browser .block-grid.four-up .col [owa] .block-grid.four-up .col {
  87.             width: 186px !important;
  88.         }
  89.  
  90.         .ie-browser .block-grid.five-up .col [owa] .block-grid.five-up .col {
  91.             width: 151px !important;
  92.         }
  93.  
  94.         .ie-browser .block-grid.six-up .col,
  95.         [owa] .block-grid.six-up .col {
  96.             width: 125px !important;
  97.         }
  98.  
  99.         .ie-browser .block-grid.seven-up .col,
  100.         [owa] .block-grid.seven-up .col {
  101.             width: 107px !important;
  102.         }
  103.  
  104.         .ie-browser .block-grid.eight-up .col,
  105.         [owa] .block-grid.eight-up .col {
  106.             width: 94px !important;
  107.         }
  108.  
  109.         .ie-browser .block-grid.nine-up .col,
  110.         [owa] .block-grid.nine-up .col {
  111.             width: 83px !important;
  112.         }
  113.  
  114.         .ie-browser .block-grid.ten-up .col,
  115.         [owa] .block-grid.ten-up .col {
  116.             width: 60px !important;
  117.         }
  118.  
  119.         .ie-browser .block-grid.eleven-up .col,
  120.         [owa] .block-grid.eleven-up .col {
  121.             width: 54px !important;
  122.         }
  123.  
  124.         .ie-browser .block-grid.twelve-up .col,
  125.         [owa] .block-grid.twelve-up .col {
  126.             width: 50px !important;
  127.         }
  128.     </style>
  129.     <style id="media-query" type="text/css">
  130.         @media only screen and (min-width: 775px) {
  131.             .block-grid {
  132.                 width: 755px !important;
  133.             }
  134.             .block-grid .col {
  135.                 vertical-align: top;
  136.             }
  137.             .block-grid .col.num12 {
  138.                 width: 755px !important;
  139.             }
  140.             .block-grid.mixed-two-up .col.num3 {
  141.                 width: 186px !important;
  142.             }
  143.             .block-grid.mixed-two-up .col.num4 {
  144.                 width: 248px !important;
  145.             }
  146.             .block-grid.mixed-two-up .col.num8 {
  147.                 width: 496px !important;
  148.             }
  149.             .block-grid.mixed-two-up .col.num9 {
  150.                 width: 558px !important;
  151.             }
  152.             .block-grid.two-up .col {
  153.                 width: 377px !important;
  154.             }
  155.             .block-grid.three-up .col {
  156.                 width: 251px !important;
  157.             }
  158.             .block-grid.four-up .col {
  159.                 width: 188px !important;
  160.             }
  161.             .block-grid.five-up .col {
  162.                 width: 151px !important;
  163.             }
  164.             .block-grid.six-up .col {
  165.                 width: 125px !important;
  166.             }
  167.             .block-grid.seven-up .col {
  168.                 width: 107px !important;
  169.             }
  170.             .block-grid.eight-up .col {
  171.                 width: 94px !important;
  172.             }
  173.             .block-grid.nine-up .col {
  174.                 width: 83px !important;
  175.             }
  176.             .block-grid.ten-up .col {
  177.                 width: 75px !important;
  178.             }
  179.             .block-grid.eleven-up .col {
  180.                 width: 68px !important;
  181.             }
  182.             .block-grid.twelve-up .col {
  183.                 width: 62px !important;
  184.             }
  185.         }
  186.        
  187.         @media (max-width: 775px) {
  188.             .block-grid,
  189.             .col {
  190.                 min-width: 320px !important;
  191.                 max-width: 100% !important;
  192.                 display: block !important;
  193.             }
  194.             .block-grid {
  195.                 width: 100% !important;
  196.             }
  197.             .col {
  198.                 width: 100% !important;
  199.             }
  200.             .col>div {
  201.                 margin: 0 auto;
  202.             }
  203.             img.fullwidth,
  204.             img.fullwidthOnMobile {
  205.                 max-width: 100% !important;
  206.             }
  207.             .no-stack .col {
  208.                 min-width: 0 !important;
  209.                 display: table-cell !important;
  210.             }
  211.             .no-stack.two-up .col {
  212.                 width: 50% !important;
  213.             }
  214.             .no-stack .col.num4 {
  215.                 width: 33% !important;
  216.             }
  217.             .no-stack .col.num8 {
  218.                 width: 66% !important;
  219.             }
  220.             .no-stack .col.num4 {
  221.                 width: 33% !important;
  222.             }
  223.             .no-stack .col.num3 {
  224.                 width: 25% !important;
  225.             }
  226.             .no-stack .col.num6 {
  227.                 width: 50% !important;
  228.             }
  229.             .no-stack .col.num9 {
  230.                 width: 75% !important;
  231.             }
  232.             .video-block {
  233.                 max-width: none !important;
  234.             }
  235.             .mobile_hide {
  236.                 min-height: 0px;
  237.                 max-height: 0px;
  238.                 max-width: 0px;
  239.                 display: none;
  240.                 overflow: hidden;
  241.                 font-size: 0px;
  242.             }
  243.             .desktop_hide {
  244.                 display: block !important;
  245.                 max-height: none !important;
  246.             }
  247.         }
  248.     </style>
  249.     <style id="media-query-bodytag" type="text/css">
  250.         @media (max-width: 775px) {
  251.             .block-grid {
  252.                 min-width: 320px!important;
  253.                 max-width: 100%!important;
  254.                 width: 100%!important;
  255.                 display: block!important;
  256.             }
  257.             .col {
  258.                 min-width: 320px!important;
  259.                 max-width: 100%!important;
  260.                 width: 100%!important;
  261.                 display: block!important;
  262.             }
  263.             .col > div {
  264.                 margin: 0 auto;
  265.             }
  266.             img.fullwidth {
  267.                 max-width: 100%!important;
  268.                 height: auto!important;
  269.             }
  270.             img.fullwidthOnMobile {
  271.                 max-width: 100%!important;
  272.                 height: auto!important;
  273.             }
  274.             .no-stack .col {
  275.                 min-width: 0!important;
  276.                 display: table-cell!important;
  277.             }
  278.             .no-stack.two-up .col {
  279.                 width: 50%!important;
  280.             }
  281.             .no-stack.mixed-two-up .col.num4 {
  282.                 width: 33%!important;
  283.             }
  284.             .no-stack.mixed-two-up .col.num8 {
  285.                 width: 66%!important;
  286.             }
  287.             .no-stack.three-up .col.num4 {
  288.                 width: 33%!important
  289.             }
  290.             .no-stack.four-up .col.num3 {
  291.                 width: 25%!important
  292.             }
  293.         }
  294.     </style>
  295.     <table bgcolor="transparent" cellpadding="0" cellspacing="0" class="nl-container" role="presentation" style="table-layout: fixed; vertical-align: top; min-width: 320px; margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: transparent; width: 100%;" valign="top" width="100%">
  296.         <tbody>
  297.             <tr style="vertical-align: top;" valign="top">
  298.                 <td style="word-break: break-word; vertical-align: top; border-collapse: collapse;" valign="top">
  299.                     <div style="background-color:white;">
  300.                         <div class="block-grid" style="margin: 0 auto; min-width: 320px; max-width: 755px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;;">
  301.                             <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
  302.                                 <div class="col num12" style="min-width: 320px; max-width: 755px; display: table-cell; vertical-align: top;;">
  303.                                     <div style="width:100% !important;">
  304.                                         <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:55px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
  305.                                             <div align="center" class="img-container center fixedwidth" style="padding-right: 0px;padding-left: 0px;"><img align="center" alt="Image" border="0" class="center fixedwidth" src="http://stage.velosoft.net/ugorooms_mailing_html/images/logoUgoRooms.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; border: 0; height: auto; float: none; width: 100%; max-width: 120px; display: block;" title="Image" width="151" />
  306.                                             </div>
  307.                                             <div style="color:#FFFFFF;font-family:'Roboto', Tahoma, Verdana, Segoe, sans-serif;line-height:120%;padding-top:2%;padding-right:10px;padding-bottom:0px;padding-left:10px;">
  308.                                                 <div style="line-height: 14px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #555;">
  309.                                                     <p style="line-height: 40px; text-align: center; font-size: 12px; margin: 0;">
  310.                                                         <div style="font-size: 24px; line-height: 40px;  margin: 0 auto; text-align: left; width: 75%;">
  311.                                                                 <span style="font-weight: 400; color: red;">Estimado René:</span>
  312.                                                         </div>
  313.                                                         <div style="font-size: 18px; line-height: 25px;  margin: 0 auto; text-align: left; width: 75%; font-weight: 300;">
  314.                                                                 <strong style="font-weight: 400;">En UgoRooms tu puedes ahorrar</strong> hasta <span style="color: red; font-weight: 500;">30 mil pesos</span> al año en reservaciones de hotel porque cubriremos parte del costo de la habitación de nuestros clientes PREMIUM.
  315.                                                         </div>
  316.  
  317.                                                         <div style="font-size: 18px; line-height: 25px;  margin: 10px auto 0px auto; text-align: left; width: 75%; font-weight: 300;">
  318.                                                                 Conoce nuestras<strong style="font-weight: 400;">tarifas PREMIUM</strong> y vete de vacaciones.
  319.                                                         </div>
  320.                                                     </p>
  321.  
  322.                                                 </div>
  323.                                                 <div style="color: red; margin: 15px auto; text-align: center; font-size: 19px; letter-spacing: 1px; font-weight: 300; padding: 0px 15%;">
  324.                                                     No reserves sin antes comparar nuestros <strong>precios para clientes PREMIUM</strong>
  325.                                                 </div>
  326.                                                 <div style="margin: 20px auto; text-align: center;">
  327.                                                     <img src="http://stage.velosoft.net/ugorooms_mailing_html/images/Imagen_Promocional.png"/ style="width: 100%; max-width: 560px;">  
  328.                                                 </div>
  329.                                             </div>
  330.                                             <div align="center" class="button-container" style="padding-top: 3%; padding-right: 10px; padding-bottom: 3%; padding-left: 10px;">
  331.                                                 <a href="#" target="_blank">
  332.                                                     <div style="text-decoration:none;display:inline-block;color:#ffffff; background: #fc4a1a; background: -webkit-linear-gradient(to bottom, #f7b733, #fc4a1a); background: linear-gradient(to bottom, #f7b733, #fc4a1a);">
  333.                                                         <span style="padding-left:25px;padding-right:25px;font-size:24px;display:inline-block;">
  334.                                                         <span style="font-size: 16px; line-height: 32px;">
  335.                                                             <span style="font-size: 18px; line-height: 48px; font-family: 'Roboto', sans-serif; font-weight: 300;">
  336.                                                                 Ingresa y compara
  337.                                                             </span>
  338.                                                         </span>
  339.                                                         </span>
  340.                                                     </div>
  341.                                                 </a>
  342.                                             </div>
  343.                                         </div>
  344.                                     </div>
  345.                                 </div>
  346.                             </div>
  347.                         </div>
  348.                     </div>
  349.                     <div class="block-grid" style="background-color:#FFF; margin: 0 auto;">
  350.                         <div class="block-grid three-up" style="margin: 0 auto; min-width: 300px; max-width: 700px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;;">
  351.                             <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
  352.                                 <div class="col num12" style="max-width: 320px; min-width: 251px; display: table-cell; vertical-align: top;;">
  353.                                     <div style="width:100% !important;">
  354.                                         <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
  355.                                                 <div style="margin: 0 auto; text-align: center;">
  356.  
  357.                                                 </div>
  358.                                         </div>
  359.                                     </div>
  360.                                 </div>
  361.                             </div>
  362.                         </div>
  363.                     </div>
  364.                     <div class="block-grid" style="background-color:#000000; margin: 0 auto;">
  365.                         <div class="block-grid three-up" style="margin: 0 auto; min-width: 320px; max-width: 755px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: transparent;;">
  366.                             <div style="border-collapse: collapse;display: table;width: 100%;background-color:transparent;">
  367.                                 <div class="col num4" style="max-width: 320px; min-width: 251px; display: table-cell; vertical-align: top;;">
  368.                                     <div style="width:100% !important;">
  369.                                         <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
  370.                                             <div align="center" class="img-container center fixedwidth" style="padding-right: 0px;padding-left: 0px;">
  371.                                                 <img align="center" alt="Image" border="0" class="center fixedwidth" src="http://stage.velosoft.net/ugorooms_mailing_html/images/logoUgoRooms.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; clear: both; border: 0; height: auto; float: none; width: 100%; max-width: 88px; display: block;" title="Image" width="88" />
  372.                                             </div>
  373.                                         </div>
  374.                                     </div>
  375.                                 </div>
  376.                                 <div class="col num4" style="max-width: 320px; min-width: 251px; display: table-cell; vertical-align: top;;">
  377.                                     <div style="width:100% !important;">
  378.                                         <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px; margin: 25px 0; float: left;">
  379.                                             <div style="color:#555555;font-family: 'Roboto', sans-serif; line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  380.                                                 <div style="font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 14px; color: #555555;">
  381.                                                     <p style="font-size: 14px; line-height: 18px; text-align: center; margin: 0;"><span style="color: #ffffff; font-size: 15px;">Enriquece tu experiencia de viaje</span></p>
  382.                                                 </div>
  383.                                             </div>
  384.                                         </div>
  385.                                     </div>
  386.                                 </div>
  387.                                 <div class="col num4" style="max-width: 320px; min-width: 251px; display: table-cell; vertical-align: top;;">
  388.                                     <div style="width:100% !important;">
  389.                                         <div style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px; margin: 21px 0;">
  390.                                             <div style="color:#555555;font-family: 'Roboto', sans-serif; line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  391.                                                 <div style="font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 14px; color: #555555;">
  392.                                                     <a href="https://www.ugorooms.com/" target="_blank" style="text-decoration: none;">
  393.                                                         <p style="font-size: 14px; line-height: 16px; text-align: center; margin: 0;">
  394.                                                             <strong>
  395.                                                                 <span style="color: #ffffff; font-size: 22px; line-height: 26px;">www.ugorooms.com</span>
  396.                                                             </strong>
  397.                                                         </p>
  398.                                                     </a>
  399.                                                 </div>
  400.                                             </div>
  401.                                         </div>
  402.                                     </div>
  403.                                 </div>
  404.                             </div>
  405.                         </div>
  406.                     </div>
  407.                 </td>
  408.             </tr>
  409.         </tbody>
  410.     </table>
  411. </body>
  412.  
  413. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!