Read Recommendations (CAT) 19-07-2015

In this example below you will see how to do a Read Recommendations (CAT) 19-07-2015 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by clm, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright clm ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Read Recommendations (CAT) 19-07-2015</title>
  
  
  
  
  
</head>

<body>

  <html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" name="viewport" />
    <title>Ztory</title>
    <style type="text/css">
      div, p, a, li, td {
        -webkit-text-size-adjust:none;
      }
      *{
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .ReadMsgBody
      {
        width: 100%;
        background-color: #ffffff;
      }
      .ExternalClass
      {
        width: 100%;
        background-color: #ffffff;
      }
      body{
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        margin:0;
        padding:0;
        -webkit-font-smoothing: antialiased;
      }
      html{
        width: 100%;
        background-color: #ffffff;
      }
      @font-face {
        font-family: 'proxima_novalight';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-light-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'proxima_nova_rgregular';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-regular-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'proxima_novasemibold';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-semibold-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'proxima_nova_rgbold';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-bold-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'proxima_novathin';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-thin-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      @font-face {
        font-family: 'proxima_novaextrabold';
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.eot');
        src: url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.woff2') format('woff2'),url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.woff') format('woff'),url('http://rocketway.net/themebuilder/products/font/proximanova-extrabold-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      p {
        padding: 0!important;
        margin-top: 0!important;
        margin-right: 0!important;
        margin-bottom: 0!important;
        margin-left: 0!important;
      }
      .hover:hover {
        opacity:0.85;
        filter:alpha(opacity=85);
      }
      .jump:hover {
        opacity:0.75;
        filter:alpha(opacity=75);
        padding-top: 10px!important;
      }
      a#rotator img {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
      }
      a#rotator img:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
      }
      @-webkit-keyframes spaceboots {
        0% {
          -webkit-transform: translate(2px, 1px) rotate(0deg);
        }
        10% {
          -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        }
        20% {
          -webkit-transform: translate(-3px, 0px) rotate(1deg);
        }
        30% {
          -webkit-transform: translate(0px, 2px) rotate(0deg);
        }
        40% {
          -webkit-transform: translate(1px, -1px) rotate(1deg);
        }
        50% {
          -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        }
        60% {
          -webkit-transform: translate(-3px, 1px) rotate(0deg);
        }
        70% {
          -webkit-transform: translate(2px, 1px) rotate(-1deg);
        }
        80% {
          -webkit-transform: translate(-1px, -1px) rotate(1deg);
        }
        90% {
          -webkit-transform: translate(2px, 2px) rotate(0deg);
        }
        100% {
          -webkit-transform: translate(1px, -2px) rotate(-1deg);
        }
      }
      #shake:hover,
      #shake:focus {
        -webkit-animation-name: spaceboots;
        -webkit-animation-duration: 0.8s;
        -webkit-transform-origin:50% 50%;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
      }
      .image600 img {
        width: 600px;
        height: auto;
      }
      .image595 img {
        width: 595px;
        height: auto;
      }
      .icon27 img {
        width: 27px;
        height: auto;
      }
      .icon24 img {
        width: 24px;
        height: auto;
      }
      .image254 img {
        width: 254px;
        height: auto;
      }
      .image176 img {
        width: 176px;
        height: auto;
      }
      .image260 img {
        width: 260px;
        height: auto;
      }
      .avatar96 img {
        width: 96px;
        height: auto;
      }
      .icons46 img {
        width: 46px;
        height: auto;
      }
      .image248 img {
        width: 246px;
        height: auto;
      }
      #logo img {
        width: 120px;
        height: auto;
      }
      #icon18 img {
        width: 18px;
        height: auto;
      }
    </style>
    <!-- @media only screen and (max-width: 640px)
{*/
-->
    <style type="text/css">
      @media only screen and (max-width: 640px){
        body{
          width:auto!important;
        }
        table[class=full] {
          width: 100%!important;
          clear: both;
        }
        table[class=mobile] {
          width: 100%!important;
          padding-left: 30px;
          padding-right: 30px;
          clear: both;
        }
        table[class=fullCenter] {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        td[class=fullCenter] {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        *[class=erase] {
          display: none;
        }
        *[class=buttonScale] {
          float: none!important;
          text-align: center!important;
          display: inline-block!important;
          clear: both;
        }
        .h60 {
          height: 60px!important;
        }
        .h30 {
          height: 30px!important;
        }
        .h10 {
          height: 10px!important;
        }
        .h15 {
          height: 15px!important;
        }
        td[class=image600] img {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        td[class=image595] img {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        table[class=sponsor] {
          text-align:center;
          float:none;
          width:70%!important;
        }
      }
    </style>
    <!--
@media only screen and (max-width: 479px)
{
-->
    <style type="text/css">
      @media only screen and (max-width: 479px){
        body{
          width:auto!important;
        }
        table[class=full] {
          width: 100%!important;
          clear: both;
        }
        table[class=mobile] {
          width: 100%!important;
          padding-left: 20px;
          padding-right: 20px;
          clear: both;
        }
        table[class=fullCenter] {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        td[class=fullCenter] {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        *[class=erase] {
          display: none;
        }
        *[class=buttonScale] {
          float: none!important;
          text-align: center!important;
          display: inline-block!important;
          clear: both;
        }
        .h60 {
          height: 60px!important;
        }
        .h30 {
          height: 30px!important;
        }
        .h10 {
          height: 10px!important;
        }
        .h15 {
          height: 15px!important;
        }
        td[class=image600] img {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        td[class=image595] img {
          width: 100%!important;
          text-align: center!important;
          clear: both;
        }
        table[class=sponsor] {
          text-align:center;
          float:none;
          width:100%!important;
        }
        td[class=font10] {
          font-size: 10px!important;
        }
        span[class=font38] {
          font-size: 38px!important;
          line-height: 42px!important;
        }
      }
    }
    </style>
  </head>
  <body leftmargin="0" marginheight="0" marginwidth="0" style="cursor: auto;" topmargin="0" yahoo="fix">
    <div class="ui-sortable" id="sort_them"><!-- Header -->
      <table align="center" bgcolor="#1dbbff" border="0" cellpadding="0" cellspacing="0" class="full" style="position: relative; z-index: 0; background-image: none; background-color: rgb(255, 255, 255);" width="100%">
        <tbody>
          <tr>
            <td align="center" id="BGheaderChange" style="-webkit-background-size: cover; background-image: none; background-color: rgb(255, 255, 255); background-size: cover; background-position: center center; background-repeat: no-repeat;"><!-- Wrapper -->
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                <tbody>
                  <tr>
                    <td align="center"><!-- Wrapper -->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                        <tbody>
                          <tr>
                            <td align="center" width="100%"><!-- Start Nav -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                <tbody>
                                  <tr>
                                    <td height="20" width="100%"></td>
                                  </tr>
                                  <tr>
                                    <td align="center" valign="middle" width="100%"><!-- Logo -->
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="150">
                                        <tbody>
                                          <tr>
                                            <td align="left" class="fullCenter" height="65" id="logo" valign="middle" width="100%">
                                              <a cu-identify="element_011749811167828739" href="#"><img alt="" border="0" class="hover" cu-identify="element_05593032448086888" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1427126333577-8zsa2vjsv17l23xr-0e88390ce1e52e0ce8bc08bc9c3bd0f7%2Fztory-email-header-small.png" width="120" /></a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Nav --></td>
                          </tr>
                        </tbody>
                      </table>
                      <!-- Wrapper -->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                        <tbody>
                          <tr>
                            <td align="center" width="100%"><!-- Header Image 301 -  -->
                              <table align="right" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="272">
                                <tbody>
                                  <tr>
                                    <td class="image248" style="line-height: 1px;" width="100%">
                                      <a href="#" style="text-decoration: none;"><img alt="" border="0" class="hover" height="auto" id="element_040215681469999254" src="http://rocketway.net/themebuilder/products/templates/destiny/images/header_image_2.png" style="width: 0px; height: 0px; display: none;" test="test" width="272" /> </a>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <!-- End Wrapper --></td>
          </tr>
        </tbody>
      </table>
      <!-- Header End --><!-- Wrapper 2 -->
      <div id="element_0531876043882221" style="display: none;"></div>
      <!-- Wrapper 2 --><!-- Wrapper 3 -->
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(255, 255, 255);" width="100%">
        <tbody>
          <tr>
            <td align="center" valign="top" width="100%"><!-- Wrapper -->
              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                <tbody>
                  <tr>
                    <td align="center"><!-- Wrapper -->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                        <tbody>
                          <tr>
                            <td align="center" width="100%"><!-- Space -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                <tbody>
                                  <tr>
                                    <td height="30" width="100%"></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Space --><!-- Image 600px 1  -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="600">
                                <tbody>
                                  <tr>
                                    <td align="center" class="image600" width="100%">
                                      <a href="https://www.ztory.com/es/" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436178116842-th5x7pc3e17zaor-5158a1c5c8d3b3180a3df069c7b2beb8%2FFB+Cabecera+verano.jpg" style="width: 600px; border-width: 0px; border-style: solid;" /> </a>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td height="30" width="100%"></td>
                                  </tr>
                                  <tr>
                                    <td class="fullCenter" style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold; text-align: center;" valign="middle" width="100%"><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;">Refresca't amb bones idees!<!--[if !mso]><!--></span><!--<![endif]--></td>
                                  </tr>
                                  <tr>
                                    <td height="20" width="100%"></td>
                                  </tr>
                                  <tr>
                                    <td class="fullCenter" style="text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%">
                                      <p>
                                        <span style="font-family: proxima_nova_rgregular, Helvetica;">Després de la tercera onada de calor ve la quarta. Per sort en Ztory estem carregats de propostes refrescants per omplir la setmana de bones idees. Platja, reformes, creativitat, receptes del món i misteris que no et deixaran indiferent. Feliç setmana!</span>
                                      </p>
                                      <p></p>
                                      <p></p>
                                      <p></p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td height="30" width="100%">
                                      <p></p>
                                      <p></p>
                                      <p></p>
                                      <p></p>
                                    </td>
                                  </tr>
                                  <!----------------- Button Left, Scale Center ----------------->
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(255, 255, 255);" width="100%">
                        <tbody>
                          <tr>
                            <td align="center" valign="top" width="100%"><!-- Wrapper -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="center"><!-- Wrapper -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td align="center" class="image260" width="100%"><!-- Space --><!-- End Space --><!-- Image 260px 1  -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/d-estil/d-estil-revista-d-estil-num-34?page=66" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436956516717-e8mtcdkxpw4s4i-d10d023ee34104e898578e478418315e%2FRec+Destil+66.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->Qui a dit que no es pot jugar a la feina?<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->El gamestorming permet a directius i professionals explorar i examinar nous reptes empresarials a partir de la concepció d’allò que és un joc. Per què gamestorming? Per què un joc? On es troba la relació i la intersecció entre joc i empresa? Juna Albert ens ho explica en aquest article a la revista <em>D'Estil</em>.<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/d-estil/d-estil-revista-d-estil-num-34?page=66" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                              <!-- Space -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="1">
                                                <tbody>
                                                  <tr>
                                                    <td height="60" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- Image 260px 1  -->
                                              <table align="right" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/ser-padres/ser-padres-n-489?page=65" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436874351873-c8zdw8v4gvf5hfr-3547d0e83d9b647d612c529fc5f81668%2FRec+Ser+Padres65.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->A prop de l'aigua? No li treguis ull!<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->El primer estiu del teu nadó no seria el mateix sense una mica de sol en la seva pell i sense el seu primer bany a les aigües del mar. Tant el sol com l'aigua poden comportar riscos innecessaris. Per sort podem evitar-los amb els savis consells de la revista<em>Ser Padres</em>. Feliç dia de platja!<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/ser-padres/ser-padres-n-489?page=65" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td height="65" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(255, 255, 255);" width="100%">
                        <tbody>
                          <tr>
                            <td align="center" valign="top" width="100%"><!-- Wrapper -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="center"><!-- Wrapper -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td align="center" class="image260" width="100%"><!-- Space -->
                                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                                <tbody>
                                                  <tr>
                                                    <td height="65" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- End Space --><!-- Image 260px 1  -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/cuina/cuina-n-176?page=42" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1437046495164-emoyvrtdg4wh4cxr-152ff70c82af35bc0d45c6e5e92bfe57%2FRec+Cuina+42.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->Sopes fredes del món<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Acolorides, saludables, variades i fresques. Són les sopes d'estiu que ens presenta la revista <em>Cuina</em>, receptes d'aquí i d'allà. Perquè, més enllà dels propers gaspatxo i vichyssoise, també hi ha altres plats de cullera més llunyans per fer passar la calor als gurmets.<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/cuina/cuina-n-176?page=42" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                              <!-- Space -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="1">
                                                <tbody>
                                                  <tr>
                                                    <td height="60" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- Image 260px 1  -->
                                              <table align="right" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/mas-alla/mas-alla-n-317?page=21" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436943161789-xwstjo6xa96q1tt9-d10d023ee34104e898578e478418315e%2FRec+M%C3%A1s+all%C3%A1+20.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->Els secrets de Kheops<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Nous descobriments sobre la la Gran Piràmide de Kheops demostren els avançats coneixements matemàtics i geomètrics dels antics egipcis. Segueix la ruta històrica de <em>Más Allá</ em> sobre l'edificació més simbòlica, misteriosa i impossible mai construïda.<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/mas-alla/mas-alla-n-317?page=21" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td height="65" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(255, 255, 255);" width="100%">
                        <tbody>
                          <tr>
                            <td align="center" valign="top" width="100%"><!-- Wrapper -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="center"><!-- Wrapper -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td align="center" class="image260" width="100%"><!-- Space -->
                                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                                <tbody>
                                                  <tr>
                                                    <td height="65" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- End Space --><!-- Image 260px 1  -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/proyecto-contract/proyecto-contract-n-116?page=38" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436945052990-9b0s530sxfvwjyvi-d10d023ee34104e898578e478418315e%2FRec+Proyecto+Contract+38.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->"El disseny pot canviar el sentir de les persones"<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Coincidint amb una exposició de la seva obra a la Stockholm Furniture & Light Fair, Ilse Crawford ens parla de la seva visió de l'espai, del disseny i de la vida a <em>Proyecto Contract</em>, espais públics per sentir-se com a casa i cases que són habitables i tenen sentit per a la gent que viu en elles. Benvingut!<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/proyecto-contract/proyecto-contract-n-116?page=38" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                              <!-- Space -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="1">
                                                <tbody>
                                                  <tr>
                                                    <td height="60" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- Image 260px 1  -->
                                              <table align="right" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="260">
                                                <tbody>
                                                  <tr>
                                                    <td align="center" class="fullCenter" style="text-align: center;" width="100%">
                                                      <a href="https://www.ztory.com/es/magazines/muy-interesante/muy-interesante-n-410?page=98" style="text-decoration: none;"><img alt="" class="hover" src="https://s3-eu-west-1.amazonaws.com/ztory-production/uploads%2F1436874635138-yfwishpklyhc9pb9-3547d0e83d9b647d612c529fc5f81668%2FRec+Muy+Interesante+98.jpg" style="width: 260px; border-width: 0px; border-style: solid;" /> </a>
                                                    </td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" style="font-size: 1px; line-height: 1px;" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: rgb(31, 34, 39); line-height: 26px; font-weight: bold;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]-->Per què encara es creu a l'astrologia?<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="20" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Des de fa mil·lennis els humans mirem al cel a la recerca de senyals que ens donin pistes sobre el nostre destí. En ple segle XXI la fascinació per paranormal persisteix malgrat l'avanç científic. <em>Muy Interesante</em> analitza les claus per comprendre perquè encara es creu en l'astrologia.<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="30" width="100%"></td>
                                                  </tr>
                                                  <!----------------- Button Left ----------------->
                                                  <tr>
                                                    <td align="center" width="auto">
                                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="buttonScale">
                                                        <tbody style="border-color: rgb(251, 144, 105);">
                                                          <tr style="border-color: rgb(251, 144, 105);">
                                                            <td align="center" bgcolor="#1dbbff" height="34" style="border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-left: 20px; padding-right: 20px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; border-color: rgb(251, 144, 105); background-image: none; background-color: rgb(251, 144, 105);" width="auto"><!--[if !mso]><!--><span style="font-family: 'proxima_novasemibold', Helvetica; font-weight: normal;"><!--<![endif]--> <a href="https://www.ztory.com/es/magazines/muy-interesante/muy-interesante-n-410?page=98" style="color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; line-height: 34px; width: 100%;">Leer</a> <!--[if !mso]><!--></span><!--<![endif]--></td>
                                                          </tr>
                                                        </tbody>
                                                      </table>
                                                    </td>
                                                  </tr>
                                                  <!----------------- End Button Left ----------------->
                                                </tbody>
                                              </table>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td height="65" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <!-- End Wrapper 3 --><!-- Wrapper 3 -->
                      <table align="center" bgcolor="#f1f4f6" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(241, 244, 246);" width="100%">
                        <tbody>
                          <tr>
                            <td align="center" valign="top" width="100%"><!-- Wrapper -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="center"><!-- Wrapper -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td align="center" class="avatar96" width="100%"><!-- Space -->
                                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                                <tbody>
                                                  <tr>
                                                    <td height="65" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- End Space --><!-- Avatar 96px 1  --><!-- Text Left  -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="100%">
                                                <tbody style="border-color: rgb(31, 34, 39);">
                                                  <tr>
                                                    <td height="5" width="100%"></td>
                                                  </tr>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(131, 131, 131); line-height: 22px;" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Què us semblen les nostres recomanacions? Envia'ns les teves i contacta amb nosaltres si tens qualsevol dubte, problema i/o suggerència.<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                  <tr>
                                                    <td height="10" width="100%"></td>
                                                  </tr>
                                                  <tr style="border-color: rgb(31, 34, 39);">
                                                    <td class="fullCenter" style="text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: rgb(31, 34, 39); line-height: 22px; font-style: italic; border-color: rgb(31, 34, 39);" valign="middle" width="100%"><!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><!--<![endif]-->Clara de Ztory<!--[if !mso]><!--></span><!--<![endif]--></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td height="65" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <!-- End Wrapper 3 --><!-- Wrapper 3 -->
                      <div id="element_033956923382356763" style="display: none"></div>
                      <!-- End Wrapper 3 --><!-- Seperator 2 + Social -->
                      <div id="element_05845210500992835" style="display: none"></div>
                      <!-- End Wrapper --><!-- Wrapper 3 -->
                      <div id="element_07724683044943959" style="display: none"></div>
                      <!-- End Wrapper 3 --><!-- Wrapper 28 -->
                      <div id="element_03893240303732455" style="display: none"></div>
                      <!-- Wrapper 28 --><!-- Wrapper 28 -->
                      <div id="element_09720613374374807" style="display: none"></div>
                      <!-- Wrapper 28 --><!-- Wrapper 3 -->
                      <div id="element_02902809288352728" style="display: none"></div>
                      <!-- End Wrapper 3 --><!-- Wrapper Footer -->
                      <table align="center" bgcolor="#f1f4f6" border="0" cellpadding="0" cellspacing="0" class="full" style="background-color: rgb(241, 244, 246);" width="100%">
                        <tbody>
                          <tr>
                            <td align="center" valign="top" width="100%"><!-- Wrapper -->
                              <table align="center" border="0" cellpadding="0" cellspacing="0" class="mobile" width="100%">
                                <tbody>
                                  <tr>
                                    <td align="center"><!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                        <tbody>
                                          <tr>
                                            <td height="20" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --><!-- Wrapper -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="600">
                                        <tbody>
                                          <tr>
                                            <td align="center" width="100%"><!-- Icon 1 -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align: center;" width="400">
                                                <tbody>
                                                  <tr>
                                                    <td class="fullCenter" style="text-align: left; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #aaacaf; line-height: 22px;" valign="middle" width="100%">
                                                      <p cu-identify="element_01368260260205716"><span style="font-family: 'proxima_nova_rgregular', Helvetica; font-weight: normal;"><span style="color: #787b80;">ZtoryLabs SLU</span> Copyright 2015 - <!--[if !mso]><!--><span style="font-family: 'proxima_nova_rgregular', Helvetica;"><!--<![endif]--><!--subscribe--><a href="{{ unsubscribeUrl }}" style="text-decoration: none; color: #aaacaf;">Si no vols rebre més notificacions, dona't de baixa aquí<!--unsub--><!--[if !mso]><!--></span><!--<![endif]--> <!--[if !mso]><!--></span><!--<![endif]--></p>
                                                    </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- Space -->
                                              <table align="left" border="0" cellpadding="0" cellspacing="0" class="full" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="1">
                                                <tbody>
                                                  <tr>
                                                    <td height="12" width="100%"></td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                              <!-- Social Icons Footer -->
                                              <table align="right" border="0" cellpadding="0" cellspacing="0" class="fullCenter" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align: right;" width="120">
                                                <tbody>
                                                  <tr>
                                                    <td id="icon18" width="100%">
                                                      <a href="#" style="text-decoration: none;"><img alt="" border="0" class="hover" height="auto" id="element_09451221025083214" src="http://rocketway.net/themebuilder/products/templates/destiny/images/footer_icon1.png" style="width: 0px; height: 0px; display: none;" test="test" width="18" /> </a> &nbsp; <a href="https://www.facebook.com/ztoryencatala" style="text-decoration: none;" target="_blank"> <img alt="" border="0" class="hover" height="auto" src="http://rocketway.net/themebuilder/products/templates/destiny/images/footer_icon2.png" style="width: 18px; height:auto;" width="18" /> </a> &nbsp; <a href="https://twitter.com/Ztory_en_Catala" style="text-decoration: none;" target="_blank"> <img alt="" border="0" class="hover" height="auto" src="http://rocketway.net/themebuilder/products/templates/destiny/images/footer_icon3.png" style="width: 18px; height:auto;" width="18" /> </a>
                                                    </td>
                                                  </tr>
                                                </tbody>
                                              </table>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Wrapper --><!-- Space -->
                                      <table align="center" border="0" cellpadding="0" cellspacing="0" class="full" width="100%">
                                        <tbody>
                                          <tr>
                                            <td height="20" width="100%"></td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- End Space --></td>
                                  </tr>
                                </tbody>
                              </table>
                              <!-- End Wrapper --></td>
                          </tr>
                        </tbody>
                      </table>
                      <!-- Wrapper Footer -->
                      <style type="text/css">
                        body{
                          background: none !important;
                        }
                      </style>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>
  
  

</body>

</html>

Comments