<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=620; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>
<title>MindMeister</title>
<style type="text/css" media="screen, print">
* {
border: none;
margin: 0;
padding: 0;
}
body {
margin: 0 10px 10px 10px;
}
#mmheader h1 {
color:#10334d;font-size:52px;font-weight:200;line-height:54px;margin:0;font-family:Helvetica, Arial, Verdana, sans-serif;
}
#mmcontent,
#mmcontent table,
#mmfooter table {
color:#10334d;font:14px/140% Helvetica, Arial, Verdana, sans-serif;
}
#mmcontent p,
#mmcontent ul,
#mmcontent ol {
font-size: 14px;
font-weight: 200;
line-height: 20px;
clear: both;
margin-bottom: 20px;
}
#mmcontent p strong {
font-weight: bold;
}
#mmcontent a {
color:#2680cf;text-decoration:none;
}
#mmcontent .intro:first-line {
font-weight: bold;
}
#mmcontent table {
width:100%;border-collapse: collapse;
}
#mmcontent th,
#mmcontent td {
padding: 3px 6px;
}
#mmcontent th {
font-weight: bold;
white-space: nowrap;
}
#mmcontent .bullet {
background: transparent url("http://www.mindmeister.com/stylesheets/skins/default/images/icon_paging_next.gif") no-repeat 0 -2px;
padding-left: 16px;
}
#mmcontent h3,
#mmcontent h4 {
clear: both;
font-size: 120%;
font-weight: bold;
margin: 1.5em 0 0.3em 0;
}
#mmcontent h4 {
font-size: 100%;
margin: 0;
}
#mmcontent ul,
#mmcontent ol {
margin-left: 20px;
}
#mmcontent .shadow {
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}
#mmfooter,
#mmfooter table {
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
@media
only screen and (min-device-width: 481px) and (min-device-pixel-ratio: 2),
only screen and (min-device-width: 481px) and (-webkit-min-device-pixel-ratio: 2) {
.retina img { visibility:hidden; }
.mmsig {
background: transparent url('http://www.mindmeister.com/images/x2/lang/mm_signature_short_en.gif') no-repeat 0 0;
background-size: 212px auto;
}
}
</style>
</head>
<body bgcolor="#bcc9d3" style="color:#10334d;font:14px/140% Helvetica, Arial, Verdana, sans-serif;background-color:#bcc9d3;">
<center>
<table align="center" width="600" cellpadding="0" cellspacing="0" border="0">
<colgroup>
<col width="600" />
</colgroup>
<tr><td width="600">
<div id="mmbody" style="color:#10334d;font:14px/140% Helvetica, Arial, Verdana, sans-serif;background-color:#bcc9d3;text-align:center;">
<p align="center" style="width:600px;text-align: center;padding: 10px 0;color:#8a99a5;font-size:12px;">
</p>
<div id="mmwrapper" style="background-color:transparent;text-align:left;width:600px;overflow:hidden;">
<table align="center" width="600" cellpadding="0" cellspacing="0" border="0" bgcolor="white" style="width:600px;background-color: #ffffff">
<tr>
<td align="left" style="background-color: white;width:600px;">
<img src="http://www.mindmeister.com/images/x1/email/bg_header_600.jpg" width="600" height="74" alt="MindMeister" />
</td>
</tr>
<tr>
<td align="left" style="background-color: white;width:540px;padding:30px">
<div id="mmheader" style="width:540px;">
<table style="width:540px;">
<tr>
<td>
<h1 style="color:#10334d;font-size:52px;font-weight:200;line-height:54px;margin:0;font-family:Helvetica, Arial, Verdana, sans-serif;">Invitation </h1><h1 style="color:#2680cf;font-size:32px;font-weight:200;line-height:34px;margin:0;font-family:Helvetica, Arial, Verdana, sans-serif;">from Marcio</h1>
</td>
<td align="right" valign="middle">
</td>
</tr>
</table>
</div>
<hr style="width:540px;border:none;margin: 20px 0;border-top:1px solid #d5e6f5;" />
<h2 style="color:#10334d;font-size:21px;font-weight:200;margin:25px 0;font-family:Helvetica, Arial, Verdana, sans-serif;;margin-top: 30px;">
Hello,
</h2>
<div id="mmcontent" style="width:540px">
<p>
Your friend Marcio Ferreira has been using MindMeister for <strong>online mind mapping</strong> and thought you might want to try it too.
</p>
<p>
It's <u>free to sign up</u>, and you can then easily share and collaborate on mind maps with Marcio - even simultaneously if you want - just using a standard web browser!
</p>
<table style="margin: 0.5em 0 2em 0;" border="0" cellpadding="0" cellspacing="0"><tbody><tr>
<td style="padding-right: 15px;">
<a href="http://youtu.be/PlSiYNWF0fM"><img alt="Watch the intro" id="screencast" src="http://www.mindmeister.com/images/x1/content/screencast.png" width="220" style="padding:1px 0 1px 1px; border:1px solid #485159; "></a>
</td>
<td>
<h4 style="font-size: 110%; padding: 8px 0pt;">MindMeister is:</h4>
<ul style="margin-left:0;">
<li style="font-size:14px;line-height:18px;padding:2px 0 2px 24px;background:#fff url('http://www.mindmeister.com/images/x1/checkmark_light.png') no-repeat 0 2px;list-style:none;"><strong>Amazingly</strong> easy to use</li>
<li style="font-size:14px;line-height:18px;padding:2px 0 2px 24px;background:#fff url('http://www.mindmeister.com/images/x1/checkmark_light.png') no-repeat 0 2px;list-style:none;"><strong>Web-based</strong> - no installation</li>
<li style="font-size:14px;line-height:18px;padding:2px 0 2px 24px;background:#fff url('http://www.mindmeister.com/images/x1/checkmark_light.png') no-repeat 0 2px;list-style:none;">Used by <strong>over 1.5 million</strong> people</li>
<li style="font-size:14px;line-height:18px;padding:2px 0 2px 24px;background:#fff url('http://www.mindmeister.com/images/x1/checkmark_light.png') no-repeat 0 2px;list-style:none;">With apps for <strong>iPad</strong>, <strong>iPhone</strong> &
<strong>Android</strong></li>
</ul>
</td>
</tr></tbody></table>
<h3>Sign up</h3>
<p>
Here's the full link to accept this invitation and sign up for free to MindMeister:
</p>
<p>
<a style="color:#2680cf;text-decoration:none;" href="http://www.mindmeister.com/signup/basic?f=email_invitation&r=77826&utm_medium=email&utm_source=invitation">http://www.mindmeister.com/signup/basic?f=email_invitation&r=77826&utm_medium=email&utm_source=invitation</a>
</p>
<p style="margin-top:30px;">
Cheers,<br/>
The MindMeister Team
</p>
</div>
</td></tr></table>
</div>
<div id="mmfooter" style="background-color:#ffffff;background-image:url('http://www.mindmeister.com/images/x1/bg_footer.png');background-repeat:repeat-x;background-position: 0 0;text-align:left;width:600px;margin:0 auto;padding-top:10px;border-radius:0 0 10px 10px;">
<table width="600" align="center" style="background-color:#000000;border-radius:0 0 5px 5px;padding: 15px 0 20px 0">
<tr>
<td style="padding:0 30px">
<p>
<address style="color:white; font-size:11px; line-height: 16px; font-style: normal;">
<a href="http://www.mindmeister.com/imprint?f=email_invitation&utm_medium=email&utm_source=invitation" style="color:white; font-size:12px;text-decoration:none"><strong>MeisterLabs GmbH</strong></a><br/>
Werner-Eckert-Strasse 12<br/>
81829 Munich<br/>
Germany
</address>
</p>
</td>
<td align="right" valign="top" style="padding:0 30px">
<img src="http://www.mindmeister.com/images/invitation_image.gif?inv=38247811&t=1369077i" width="1" height="1" style="width:1px;height:1px"/>
</td>
</tr>
</table>
</div>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="margin: 15px 0">
<tr>
<td width="290" align="left" style="padding-left: 10px">
<span style="color:#8a99a5;font-size:12px;">© 2013 MeisterLabs</span>
</td>
<td width="290" align="right" style="padding-right: 10px;color:#8a99a5;">
<a href="http://www.mindmeister.com/home/imprint" style="color:#8a99a5;font-size:12px;">Imprint</a>
</td>
</tr>
</table>
</div>
</td></tr></table>
</center>
</body>
</html>