Updated

template.mjml

<mjml>
  <mj-head>
    <mj-font name="Nunito Sans" href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300i,400,700" />
    <mj-attributes>
      <mj-body background-color="#5C5C73" color="#333" padding="0" letter-spacing="1px" />
      <mj-all font-family="Nunito Sans" />
      <mj-section background-color="#F5F5FA" padding="30px" />
      <mj-text font-size="14px" line-height="20px" font-weight="400" />
      <mj-button background-color="#52CCCC" color="white" text-transform="uppercase" font-weight="700" height="50px" inner-padding="3px 60px 0 60px" vertical-align="center" align="left" />
    </mj-attributes>

    <mj-style>
      a {
        color: #52CCCC;
        font-weight: 700;
        text-decoration: none;
      }

      button {
        letter-spacing: 1px;
      }

      h1 {
        display: block;
        font-size: 42px;
        font-weight: 200;
        line-height: 57px;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 15px;
        margin-left: 0;
        text-align: left;
      }

      h1.tag {
        color: #70708C;
        font-family: 'Nunito Sans';
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
      }

      hr {
        width: 60px;
        border: 2px solid #57D9D9;
        margin-bottom: 30px;
        margin-top: 15px;
        margin-left: -1px;
      }

      .footerContent {
        color: "#A8A8A8";
        font-size: 9px;
        line-height: 12px;
        text-align: left;
      }

      .preheaderContent div a:link,
      .preheaderContent div a:visited {
        color: #A8A8A8;
        font-weight: normal;
        text-decoration: underline;
      }

      .preheaderContent {
        font-size: 9px;
      }
    </mj-style>
  </mj-head>

  <mj-body>
    <mj-section background-color="#5C5C73" padding-bottom="0px" css-class="preheaderContent" padding="0">
      <mj-column padding="0">
        <mj-text font-size="9px" line-height="12px" color="#A8A8A8">After years of radio silence, we are back with an update! <a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.</mj-text>
      </mj-column>
    </mj-section>
    <!-- Company Header -->
    <mj-section border-radius="8px 8px 0px 0px" background-color="#2D2D40" padding="50px">
      <mj-column>
        <mj-image src="http://res.cloudinary.com/envisioning/image/upload/v1527524924/ev_logo_2x.png" width="254px" alt="Envisioning">
      </mj-column>
    </mj-section>
    <!-- Body  -->
    <mj-section>
      <mj-column padding="0px 10px 10px 10px">
        <mj-text>
          <h1 class="tag">We are back with an update</h1>
          <h1>Hi *|FNAME|*</h1>
          <hr />
        </mj-text>
        <mj-text>After years of radio silence, we are back with an update! Work on Envisioning and our collaborative technology intelligence platform has progressed steadily. Preparing it for public access is proving more challenging than expected, yet we feel more confident than ever in publishing an open database of emerging technology.</mj-text>
        <mj-text>Support in achieving this vision has sprung primarily from the public sector. In recent years we have engaged with several government agencies looking to expand their foresight, emerging technology, and R&amp;D initiatives. Deliverables include technology scouting and assessment using our visualization and database tools, as well as workshops sessions. Most notably:</mj-text>
        <mj-text>
          <h3>GIZ - the German corporation for international collaboration.</h3>
          Together we launched the 🔍 <a href="http://viz.envisioning.io/giz/">techDetector</a>, an initiative for bringing technology intelligence to the international sustainable development community. We also co-developed quantitative assessment methods using our survey tool in order for public officials to evaluate the impact of those technologies.
          <h3>Deftech - the technology foresight program of the Swiss DoD.</h3>
          With expert feedback from <a href="https://www.epfl.ch/education/continuing-education/key-actors/iml/">IML EPFL</a>, we launched a comprehensive study on ⚙️ <a href="http://viz.envisioning.io/deftech2019/">emerging technologies affecting the future of supply chain</a>.
          <h3>WGS - the world government summit, initiative for bringing technology foresight to decision makers.</h3>
          Together we trained over 300 public officials and launched four studies: 🌾 <a href="https://viz.envisioning.io/wgs-agri/">agriculture and geo-engineering</a>, 👮 <a href="https://viz.envisioning.io/wgs-citizenship/">digital citizenship</a>, 🤖 <a href="https://viz.envisioning.io/wgs-ai/">applications of artificial intelligence</a> and 🔭 <a href="http://viz.envisioning.io/wgs/">UAE 2071</a>.
        </mj-text>
        <mj-text>
          <h2>Federations</h2>
          In 2020 we will keep developing projects with multiple deliverables and also launch a simpler model for working together, called federations. Federations allow multiple organizations to pool resources to support ongoing research into a shared area of interest. We are launching the model with groups investigating ⚡️ energy, 🏙 smart cities &amp; the 🌴 Amazon rainforest.
        </mj-text>
        </mj-text>
        <mj-button href="https://airtable.com/shrhNcP46WXtCc0bH" height="30px" align="center" width="100%">Register your interest</mj-button>

        <mj-text>
          <h2>Community</h2>
          Finally, we would like to announce our brand new community, where we share first-hand access to tools and discussions around technical novelty.
        </mj-text>

        <mj-button href="https://communityinviter.com/apps/envisioning/envisioning" height="30px" width="100%" align="center">Join our community!</mj-button>

        <mj-text>Thank you,</mj-text>
        <mj-text>
          <strong>Michell Zappa</strong><br />
          Founder<br />
          mz@envisioning.io
        </mj-text>

      </mj-column>
    </mj-section>
    <!-- Panel footer -->
    <mj-section border-radius="0px 0px 8px 8px" background-color="#2D2D40" css-class="footerContent" padding-left="30px" vertical-align="middle">
      <mj-column width="7%" padding-top="10px" padding-right="0px">
        <mj-image href="https://envisioning.io" src="http://res.cloudinary.com/envisioning/image/upload/v1527524924/ev_logo_compact_2x.png" alt="Envisioning" padding="0">
      </mj-column>
      <mj-column width="60%" padding-top="20" padding-left="0px">
        <mj-text color="#A8A8A8" font-size="9px" letter-spacing="0.3px" line-height="14px" padding-top="14px" padding-left="10px">Envisioning is a platform that provides technological foresight to policy and decision makers worldwide.</mj-text>
      </mj-column>
      <mj-column width="33%">
    </mj-section>
    <!-- Footer -->
    <mj-section background-color="#5C5C73" padding-top="0px">
      <mj-column padding-top="0px">
        <mj-text color="#A8A8A8" align="center" font-size="9px" line-height="12px">This email was sent to *|EMAIL|* · <a href="*|UNSUB|*">Unsubscribe from this list</a> · <a href="*|UPDATE_PROFILE|*">Update subscription preferences</a><br />Envisioning · Pärnu mnt 10, 10148, Tallinna · Estonia
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>