<form accept-charset="UTF-8" method="post" action="%%form-action-url%%" class="form" id="pardot-form">
%%form-opening-general-content%%
%%form-if-thank-you%%
%%form-javascript-focus%%
%%form-thank-you-content%%
%%form-thank-you-code%%
%%form-end-if-thank-you%%
%%form-if-display-form%%
%%form-before-form-content%%
%%form-if-error%%
<p class="errors">Please correct the errors below:</p>
%%form-end-if-error%%
%%form-start-loop-fields%%
<div class="row %%form-field-css-classes%%">
<div class="col-sm-3 col-xs-3 %%form-field-css-classes%% ">
</div>
<div class="col-sm-9 col-xs-9">
<p class="form-field %%form-field-css-classes%% %%form-field-class-type%% %%form-field-class-required%% %%form-field-class-hidden%% %%form-field-class-no-label%% %%form-field-class-error%% %%form-field-dependency-css%%">
%%form-field-input%%
</p>
</div>
<div id="error_for_%%form-field-id%%" style="display:none"></div>
%%form-field-if-error%%
<p class="error no-label">%%form-field-error-message%%</p>
%%form-field-end-if-error%%
</div>
%%form-end-loop-fields%%
%%form-spam-trap-field%%
<!-- forces IE5-8 to correctly submit UTF8 content -->
<input name="_utf8" type="hidden" value="☃" />
<p class="submit">
<input class="spinner" type="submit" accesskey="s" value="%%form-submit-button-text%%" %%form-submit-disabled%%/>
</p>
%%form-after-form-content%%
%%form-end-if-display-form%%
%%form-javascript-link-target-top%%
</form>
<div id="loader"></div>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta content="" name="description"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title></title>
<link rel="shortcut icon" href="https://www.pardot.com/favicon.ico">
<!--[if lt IE 9]>
<script>
var e = ("abbr,article,aside,audio,canvas,datalist,details," +
"figure,footer,header,hgroup,mark,menu,meter,nav,output," +
"progress,section,time,video").split(',');
for (var i = 0; i < e.length; i++) {
document.createElement(e[i]);
}
</script>
<link rel="stylesheet" href="https://www2.pardot.com/landingpage-ie8.css">
<![endif]--><!--[if gte IE 9]><!-->
<link rel="stylesheet" href="https://idio.ai/wp-content/uploads/fonts/bootstrap.min_.css">
<!–– form submission loading animation stuff ––>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<style type="text/css">
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.75) url(http://www.marcorpsa.com/ee/images/loading2.gif) no-repeat center center;
z-index: 10000;
}
</style>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
var spinner = $('#loader');
$(function() {
$('form').submit(function(e) {
e.preventDefault();
spinner.show();
$.ajax({
url: 't2228.php',
data: $(this).serialize(),
method: 'post',
dataType: 'JSON'
}).done(function(resp) {
spinner.hide();
alert(resp.status);
});
});
});
</script>
<!–– end ––>
<style type="text/css">
.form p {te
font-family: source_sans_probold, Arial, Helvetica, Tahoma, sans-serif;
}
.col-sm-3 {
min-height: 50px;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: 35px 35px;
background-position: center center;
margin-right: 7px;
margin-left: -7px;
}
.col-sm-6 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.col-sm-3.first_name {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/person-icon.png");
}
.col-sm-3.job_title {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/job-title-icon.png");
}
.col-sm-3.company {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/company-icon.png");
}
.col-sm-3.email {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/email-icon.png");
}
.col-sm-3.phone {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/phone-icon.png");
}
.col-sm-3.Date_for_Demo {
background-image: url("https://idio.ai/wp-content/uploads/2018/03/calendar-icon.png");
margin-top: 20px;
}
_::-webkit-full-page-media, _:future, :root .col-sm-3.Date_for_Demo {
margin-top: 5px;
}
.Date_for_Demo .col-sm-9 {
background-color: #f5f5f5;
margin-top: 5px;
}
.pd-date {
background-color: #f5f5f5 !important;
}
.pd-date input {
color: #7c7c7b;
width: 215px;
}
.industry {
display: none;
}
.employees {
display: none;
}
.MA_Tool{
display: none;
}
.col-sm-9 {
background-color: #f5f5f5;
min-height: 50px;
border-radius: 6px;
}
.col-sm-9 .form-field {
background-color: #f5f5f5;
padding-top: 13px;
border-radius: 6px;
}
.text {
border: none;
background-color: #f5f5f5;
width: 100% !important;
color: #7c7c7b;
font-size: 14px;
}
form.form p span.description {
margin-left: 0px !important;
padding-top: 5px;
color: #aaaaaa;
font-family: "Open Sans";
font-size: 10px;
padding-left: 2px;
}
form.form p.submit { margin: 1em 0em .2em 0px !important;}
form.form p.submit input {
display: inline-block;
font-size: 12px;
line-height: 18px;
height: auto;
padding: 14px 16px;
margin: 0 10px 20px 0 !important;
font-weight: bold;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
transition: all .3s ease-out;
border: 0;
position: relative;
overflow: hidden;
outline: none;
text-shadow: none;
text-decoration: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 6px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
vertical-align: middle;
max-width: 99%;
background-color: #42a8f0 !important;
color: #fff!important;
width: 100% !important;
min-width: 150px !important;
margin-right: 0px;
height: 50px;
font-family: source_sans_probold, Arial, Helvetica, Tahoma, sans-serif;
font-size: 14px;
font-weight: normal;
margin-right: 0px !important;
}
p.submit input:hover{
background: #111111 !important;
border-color: #fff !important;
color: #ffffff !important;
}
form.form p.submit input:hover {
color:#ffffff !important;
background: #111111 !important;
}
p.submit {margin-bottom: 15px;}
#pardot-form .submit input {
padding: 5px 15px;
font-family: 'ProximaNovaSemiBold', 'Helvetica Neue', Arial, sans-serif;
font-size: 17px;
font-weight: 400;
font-style: normal;
color: #fff;
border-radius: 6px;
text-align: center;
vertical-align: middle;
margin-bottom: 5px;
white-space: normal;
max-width:99%;
line-height:130%;
margin-top: 0px;
}
#pardot-form .submit input:active {
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.row{
margin-right: 0px !important;
margin-left: 3px;
padding-left: 7px;
padding-bottom: 7px;
padding-right: 5px;
}
form.form select {
font-weight: normal;
width: 100%;
}
.row.phone{
padding-bottom: 20px;
}
input.date{
border: none;
}
</style>
<link rel="stylesheet" type="text/css" href="https://go.pardot.com/css/form.css?ver=20121030" />
<script type="text/javascript" src="https://go.pardot.com/js/piUtils.js?ver=20130530"></script>
<script type="text/javascript">
piAId = '21742';
piCId = '9326';
if (!window['pi']) {
window['pi'] = {};
}
pi = window['pi'];
if (!pi['tracker']) {
pi['tracker'] = {};
}
pi.tracker.pi_form = true;
(function() {
function async_load() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js';
var c = document.getElementsByTagName('script')[0];
c.parentNode.insertBefore(s, c);
}
if (window.attachEvent) {
window.attachEvent('onload', async_load);
} else {
window.addEventListener('load', async_load, false);
}
})();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.first_name input').attr('placeholder', 'First name *');
$('.last_name input').attr('placeholder', 'Last name *');
$('.job_title input').attr('placeholder', 'Job title *');
$('.company input').attr('placeholder', 'Company *');
$('.email input').attr('placeholder', 'Work email *');
$('.phone input').attr('placeholder', 'Phone *');
$('.phone input').attr('placeholder', 'Phone *');
$('.row.Date_for_Demo').prepend('<span style="color:#7C7C7B; margin-left: 14px;">What day would suit you best? *</span>')
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N9V8MQB');</script>
<!-- End Google Tag Manager -->
</head>
<body>
%%content%%
</body>
</html>
<!-- begin olark code -->
<script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
f[z]=function(){
(a.s=a.s||[]).push(arguments)};var a=f[z]._={
},q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
0:+new Date};a.P=function(u){
a.p[u]=new Date-a.p[0]};function s(){
a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
b.contentWindow[g].open()}catch(w){
c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
/* custom configuration goes here (www.olark.com/documentation) */
olark.identify('3034-909-10-6209');/*]]>*/</script><noscript><a href="https://www.olark.com/site/3034-909-10-6209/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
<!-- end olark code -->
Griff: team lunch tomorrow instead of friday, y’all. muz is leaving tomorrow, so the desk next to piers and i will once again be empty. suggestions for how we use it on a postcard
Oliver Byford: memorial shrine
Muz Ali: I suggest finding bits of hair I’ve shed around the office, and building an effigy. Ceremonial burning to follow shortly afterwards.
Oliver Byford: i was about to say, someone get a lock of his hair whilst he's not paying attention
Mr F: Whisky table
Griff: says the man who doesn’t drink?
Griff: i mean, i’m all up for a whisky table
Oliver Byford: he's got a lisp, he meant a risky table
Muz Ali: He just wants to watch the world burn.
Oliver Byford: take one of the legs away
Lois Clarke: Cake table
Griff: oh man a cake table
Oliver Byford: whisky cake table
Mr F: Board games table
Mr F: For ongoing chess, draft etc games
Anton Sviridov: your ideas are shit.
Lois Clarke: what are your ideas anton?
Mr F: So is your face!
Anton Sviridov: shit too.
Muz Ali: Why would you shit on my desk /after/ I’ve gone? I knew you never liked me much Anton
Anton Sviridov: I did give you that “I don’t like you” postcard on your first day, right?
Muz Ali: Oh, so that’s what it was. It looked like a chimp wrote it.
<!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">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic,600italic);
h1,
h2,
h3,
h4 {
font-family: sans-serif;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@media screen and (min-width: 0) {
h1,
h2,
h3,
h4 {
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 700 !important;
-webkit-font-smoothing: antialiased;
}
}
h1.regular-weight {
font-weight: normal;
}
@media screen and (min-width: 0) {
h1.regular-weight {
font-weight: 600 !important;
}
}
h1.regular-weight strong {
font-weight: bold;
}
@media screen and (min-width: 0) {
h1.regular-weight strong {
font-weight: 700 !important;
}
}
.intro,
.btn a {
font-family: sans-serif;
}
@media screen and (min-width: 0) {
.intro,
.btn a {
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
-webkit-font-smoothing: subpixel-antialiased;
}
}
.btn a {
font-weight: bold;
}
@media screen and (min-width: 0) {
.btn a {
font-weight: 400 !important;
}
}
.spacer,
.border {
font-size: 1px;
line-height: 1px;
}
div.spacer {
display: block;
}
.image img {
display: block;
}
.tal {
text-align: left;
}
.centered {
text-align: center;
}
.centered .copy h1,
.centered .copy h2,
.centered .copy h3,
.centered .copy p {
text-align: center;
}
.top-cap {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.bottom-cap {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom: 2px solid #e0ebf3;
}
.divider {
display: block;
Margin-top: 45px;
Margin-bottom: 34px;
}
body {
Margin: 0;
padding: 0;
min-width: 100%;
-webkit-text-size-adjust: none;
}
table {
border-spacing: 0;
}
td {
padding: 0;
vertical-align: top;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
.gmail {
font-size: 1px;
line-height: 1px;
width: 650px;
min-width: 650px;
display: block;
margin: 0 auto;
}
.wrapper {
width: 100%;
table-layout: fixed;
background-color: #ebe8e8;
}
.viewport {
width: 600px;
Margin: 0 auto;
}
.btn a {
mso-hide: all;
background-color: #1c96d8;
border: 1px solid #1c96d8;
border-radius: 5px;
color: #ffffff;
display: inline-block;
font-weight: normal;
font-size: 17px;
line-height: 45px;
text-align: center;
text-decoration: none;
-webkit-text-size-adjust: none;
text-shadow: 1px 2px 1px #00b38c;
}
blockquote {
Margin-top: 0;
Margin-right: 0;
Margin-bottom: 0;
padding-right: 0;
}
.logo {
padding-top: 77px;
padding-bottom: 0;
color: #ffffff;
}
.logo a {
color: #ffffff;
text-decoration: none;
}
h1.green,
h2.green {
color: #1c96d8;
}
.blue-wrapper {
background-color: #27b4db;
}
.blue-area {
background: #27b4db url(http://www2.idioplatform.com/l/20742/2014-11-17/rb2zm/20742/43730/email_background_dots_blue3_1.jpg) no-repeat center top;
}
.blue-area .wrapper {
background: none;
}
.blue-area .viewport h1 {
font-size: 38px;
line-height: 45px;
color: #ffffff;
text-shadow: 2px 2px 0 #38bcdc;
text-align: center;
Margin-top: 20px;
letter-spacing: -0.01em;
}
@media screen and (min-width: 0) {
.blue-area .viewport h1 {
font-size: 43px;
line-height: 52px;
}
}
.blue-area .viewport h2 {
text-align: center;
font-size: 26px;
line-height: 30px;
font-weight: bold;
Margin-bottom: 23px;
}
@media screen and (min-width: 0) {
.blue-area .viewport h2 {
font-weight: 400 !important;
-webkit-font-smoothing: subpixel-antialiased !important;
}
}
.version-short .blue-area .viewport h2 {
Margin-bottom: 13px;
}
h1,
h2,
h3,
h4,
h5,
p,
ol,
ul,
li {
Margin-top: 0;
}
h1 {
text-align: left;
font-size: 22px;
line-height: 26px;
Margin-bottom: 20px;
letter-spacing: -0.02em;
}
h2 {
text-align: left;
font-size: 18px;
line-height: 24px;
Margin-bottom: 17px;
letter-spacing: -0.02em;
}
h3 {
text-align: left;
font-size: 16px;
line-height: 22px;
Margin-bottom: 18px;
letter-spacing: -0.01em;
}
p {
font-weight: normal;
}
.copy {
text-align: left;
}
.copy a {
color: #00ae93;
text-decoration: underline;
transition: color .3s;
}
.copy a:hover {
color: #1c96d8 !important;
}
.copy p {
font-family: sans-serif;
font-size: 14px;
line-height: 25px;
Margin-bottom: 18px;
}
.copy p em {
font-style: italic;
}
.copy p.intro {
font-size: 19px;
line-height: 28px;
Margin-bottom: 9px;
}
.centered .copy p.intro {
font-size: 18px;
}
.larger .copy p.intro {
font-size: 20px;
line-height: 30px;
}
.text-last {
padding-bottom: 7px;
}
.pad-bottom-text-last {
padding-bottom: 42px;
}
.pad-top {
padding-top: 37px;
}
.pad-bottom {
padding-bottom: 60px;
}
.pad-sides {
padding-left: 66px;
padding-right: 66px;
}
.sub-pad-top {
padding-top: 35px;
}
.sub-pad-bottom {
padding-bottom: 25px;
}
.inset-pad-top {
padding-top: 25px;
}
.inset-pad-bottom {
padding-bottom: 45px;
}
.center-button {
padding-top: 34px;
padding-bottom: 15px;
}
h2 {
color: #15add2;
}
h3 {
color: #47505a;
}
p {
color: #677483;
}
.top-para .copy {
padding-bottom: 7px;
}
.pad-below {
padding-bottom: 5px;
}
.smaller-p-margin p {
Margin-bottom: 15px;
}
.top-intro-heading .pad-top {
padding-top: 45px;
}
.three-col-icons .inset-pad-bottom {
padding-bottom: 40px;
}
.fancy-header .pad-sides {
padding-left: 20px;
padding-right: 20px;
}
.narrower .fancy-header .pad-sides {
padding-left: 75px;
padding-right: 75px;
}
.report-block .sub-pad-bottom {
padding-bottom: 35px;
}
.before-button {
padding-top: 12px;
}
.inset-grey .inner-shadow {
background-color: #fdfdfe;
}
.inset-grey .inset-top {
background-color: #f8f9fb;
border-top: 1px solid #e7e7ea;
font-size: 3px;
line-height: 3px;
}
.inset-grey .inset-bottom {
background-color: #f8f9fb;
border-bottom: 1px solid #e7e7ea;
font-size: 3px;
line-height: 3px;
}
.inset-grey .copy a {
color: #f99f1c;
text-decoration: underline;
}
.inset-grey .copy h2 {
color: #47505a;
}
.inset-grey .copy h3 {
color: #00ae93;
}
.inset-grey .copy h3 a {
color: #00ae93;
text-decoration: underline;
}
.two-col .copy {
vertical-align: middle;
padding-left: 33px;
}
.two-col .copy p {
Margin: 0;
color: #0082a4;
font-size: 15px;
line-height: 26px;
}
.two-col .copy p a {
color: #01c1a4;
}
.three-col h2 {
font-size: 20px;
line-height: 28px;
}
.version-2 .three-col h2 {
Margin-bottom: 32px;
}
.three-col h2.center {
text-align: center;
}
.three-col .column {
vertical-align: top;
width: 134px;
text-align: center;
}
.three-col-icons .three-col .column {
padding-top: 5px;
}
.three-col-icons .three-col .column p {
Margin-top: 16px;
}
.three-col .column p {
font-size: 14px;
line-height: 19px;
font-family: sans-serif;
color: #677483;
Margin: 0;
}
.three-col .column p a {
color: #15add2;
text-decoration: underline;
}
.three-col .column h3 {
Margin-top: 25px;
}
.three-col .gutter {
width: 33px;
font-size: 10px;
line-height: 10px;
}
.three-col .text-only h1,
.three-col .text-only h2,
.three-col .text-only .column {
text-align: left;
}
.three-col .text-only p {
font-size: 13px;
line-height: 20px;
}
.footer a {
color: #15add2;
text-decoration: underline;
}
.footer .grey-link a {
color: #97a3b1;
}
.footer .grey-link a:hover {
color: #677483 !important;
}
.footer .buffer {
padding-top: 52px;
}
.footer td {
text-align: center;
}
.footer td p {
text-align: center;
font-size: 13px;
line-height: 19px;
color: #97a3b1;
Margin: 0;
}
.footer td p em {
font-style: normal;
color: #677483;
}
.footer .pad-extra {
padding-left: 70px;
padding-right: 70px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.blue-area h1 {
-webkit-animation-name: fadeInUp;
-webkit-animation-duration: 2s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 0.5s;
}
.blue-area img {
-webkit-animation-name: fadeInDown;
-webkit-animation-duration: 2s;
-webkit-animation-fill-mode: both;
-webkit-animation-delay: 0.5s;
}
}
@media only screen and (max-width: 630px) {
body[responsive] .viewport {
width: 320px!important;
}
body[responsive] .block {
display: block!important;
width: 100%!important;
}
body[responsive] .hide {
display: none!important;
}
body[responsive] .body-buffer {
font-size: 25px !important;
line-height: 25px !important;
height: 25px !important;
display: block;
}
body[responsive] .logo {
padding-top: 10px !important;
padding-bottom: 16px !important;
}
body[responsive] .text-last {
padding-bottom: 7px !important;
}
body[responsive] .pad-bottom-text-last {
padding-bottom: 7px !important;
}
body[responsive] .pad-top {
padding-top: 25px !important;
}
body[responsive] .pad-bottom {
padding-bottom: 25px !important;
}
body[responsive] .pad-sides {
padding-left: 25px !important;
padding-right: 25px !important;
}
body[responsive] .sub-pad-top {
padding-top: 20px !important;
}
body[responsive] .sub-pad-bottom {
padding-bottom: 15px !important;
}
body[responsive] .inset-pad-top {
padding-top: 25px !important;
}
body[responsive] .inset-pad-bottom {
padding-bottom: 30px !important;
}
body[responsive] .center-button {
padding-top: 20px !important;
padding-bottom: 10px !important;
}
body[responsive] .pad-above {
padding-top: 15px !important;
}
body[responsive] .report-block .sub-pad-bottom {
padding-bottom: 25px !important;
}
body[responsive] .before-button {
padding: 0 !important;
}
body[responsive] h1 {
font-size: 26px !important;
line-height: 32px !important;
Margin-bottom: 16px !important;
}
body[responsive] h2 {
font-size: 21px !important;
line-height: 27px !important;
Margin-bottom: 16px !important;
}
body[responsive] h3 {
font-size: 18px !important;
line-height: 24px !important;
}
body[responsive] .copy p {
font-size: 14px !important;
line-height: 24px !important;
}
body[responsive] .copy p.intro {
font-size: 17px !important;
line-height: 24px !important;
}
body[responsive] .btn a {
width: auto !important;
line-height: 43px !important;
display: block !important;
}
body[responsive] .image img {
width: 100%!important;
height: auto!important;
}
body[responsive] .sub-pad-bottom .btn {
margin-bottom: 25px !important;
}
body[responsive] .logo img {
width: 150px !important;
height: auto !important;
}
body[responsive] .blue-area {
background-size: auto 100% !important;
}
body[responsive] .blue-area .viewport h1 {
text-shadow: 1px 1px 0 #38bcdc;
}
body[responsive] .two-col .copy {
vertical-align: top !important;
padding-left: 0 !important;
}
body[responsive] .two-col .icon {
text-align: center !important;
padding-bottom: 20px !important;
}
body[responsive] .two-col .icon .pad-above {
padding-top: 10px !important;
}
body[responsive] .three-col .column {
display: block!important;
width: 100% !important;
padding-bottom: 25px !important;
text-align: center !important;
}
body[responsive] .three-col .column h1,
body[responsive] .three-col .column h2,
body[responsive] .three-col .column h3,
body[responsive] .three-col .column p {
text-align: center !important;
}
body[responsive] .three-col .column:last-child {
padding-bottom: 10px !important;
}
body[responsive] .three-col .gutter {
display: none!important;
}
body[responsive] .three-col .text-only {
width: 100% !important;
margin: 0 auto !important;
}
body[responsive] .three-col-icons .three-col .column {
width: 197px !important;
margin: 0 auto !important;
}
body[responsive] .copy.pad-below {
padding: 0 !important;
}
body[responsive] .divider {
display: block;
width: 100%;
height: 26px;
background-image: url(http://www2.idioplatform.com/l/20742/2014-11-17/rb2zy/20742/43732/divider2x.png);
background-size: auto 26px;
margin-top: 19px !important;
margin-bottom: 33px !important;
}
body[responsive] .divider img {
display: none !important;
}
body[responsive] .footer .buffer {
padding-top: 30px !important;
}
body[responsive] .footer .copy p {
font-size: 13px !important;
line-height: 20px !important;
}
body[responsive] .pad-extra {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (max-width: 620px) {
.btn a {
background-color: #1c96d8;
border: 1px solid #1c96d8;
background-size: 50% 100% !important;
}
}
</style>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
<meta name="robots" content="noindex,nofollow" />
<meta property="og:title" content="Idio: Make Your Content Marketing More Intelligent" />
</head>
<body responsive class="version-1" style="Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;-webkit-text-size-adjust:none;" yahoo="fix">
<table width="100%" class="blue-wrapper" style="border-spacing:0;background-color:#27b4db;">
<tbody><tr>
<td class="blue-area" background="http://www2.idioplatform.com/l/20742/2014-11-17/rb2zm/20742/43730/email_background_dots_blue3_1.jpg" bgcolor="#1c96d8" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;background-color:#1c96d8;background-image:url(http://www2.idioplatform.com/l/20742/2014-11-17/rb2zm/20742/43730/email_background_dots_blue3_1.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:scroll;">
<div class="gmail hide" style="font-size:1px;line-height:1px;width:650px;min-width:650px;display:block;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;"> </div>
<table class="wrapper" style="border-spacing:0;width:100%;table-layout:fixed;background-color:transparent;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;">
<tbody><tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;">
<!--[if gte mso 9]>
<table width="600" align="center" style="border-spacing:0;" >
<tr>
<td background="http://www2.idioplatform.com/l/20742/2014-11-17/rb2zm/20742/43730/email_background_dots_blue3_1.jpg" width="600" height="310" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;" >
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:310px;" >
<v:fill type="tile" src="http://www2.idioplatform.com/l/20742/2014-11-04/r4zs5/20742/42698/email_background_dots_blue3.jpg" color="#27b4db" ></v:fill>
<v:textbox inset="0,0,0,0">
<div>
<![endif]-->
<table width="100%" style="border-spacing:0;">
<tbody><tr>
<td class="logo" align="center" style="padding-right:0;padding-left:0;vertical-align:top;padding-top:27px;padding-bottom:0;color:#ffffff;">
<center>
<table class="viewport fancy-header" style="border-spacing:0;width:600px;Margin:0 auto;">
<tbody><tr>
<td valign="top" align="center" style="margin: 0px; padding: 8px 10px 24px; font-family: Helvetica, sans-serif; color: rgb(86, 91, 93);" class="">
<span style="font-family: Helvetica, sans-serif; font-size: 11px; font-weight: normal;">
Staying relevant to each individual prospect - <a rel="nofollow" href="%%view_online%%" style="font-family: Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: underline; color: rgb(86, 91, 93);">
View this message online.</a>
</span>
</td>
</tr>
<tr>
<td class="centered pad-sides" style="padding-top:0;padding-bottom:0;vertical-align:top;text-align:center;padding-left:20px;padding-right:20px;padding-top: 25px"><div class="spacer body-buffer" style="font-size:20px;line-height:20px;display:block;"> </div>
<a href="http://idioplatform.com" style="color:#ffffff;text-decoration:none;"><img alt="idio" height="41" src="http://www.idioplatform.com/wp-content/uploads/2014/09/logo-plain-white-small.png" style="border-width:0;-ms-interpolation-mode:bicubic;" width="84"></a>
<h1 style="Margin-bottom:20px;font-size:34px;line-height:45px;color:#000000;text-align:center;Margin-top:20px;letter-spacing:-0.01em;">Make Your Content Marketing More Intelligent</h1>
<div class="spacer hide" style="font-size:30px;line-height:30px;height:30px;display:block;"> </div>
</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>
<!--[if gte mso 9]>
</div>
</v:textbox>
</v:rect>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;" class="">
<center>
<table class="standard-white viewport" style="border-spacing:0;width:600px;Margin:0 auto;">
<tbody><tr>
<td class="viewport top-cap" bgcolor="#ffffff" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;border-top-left-radius:5px;border-top-right-radius:5px;width:600px;Margin:0 auto;">
<table class="top-intro-heading" width="100%" style="border-spacing:0;">
<tbody><tr>
<td class="pad-top pad-sides" style="padding-bottom:0;vertical-align:top;padding-left:66px;padding-right:66px;padding-top:45px;">
<table class="top-para" width="100%" style="border-spacing:0;">
<tbody><tr>
<td class="copy" style="padding-top:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;padding-bottom:7px;">
<h2 style="font-family:Helvetica,sans-serif;text-rendering:optimizeLegibility;Margin-top:0;letter-spacing:-0.02em;color:#1c96d8;text-align:center;font-size:25px;line-height:30px;font-weight:bold;Margin-bottom:23px;">73% of consumers feel frustrated with irrelevant messaging from brands. What are you going to do differently?
</h2>
<p class="intro" style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:19px;line-height:28px;Margin-bottom:9px;">Imagine if your content marketing was always relevant to their interests and able to meet them at their point of need.
</p>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<table class="wrapper" style="border-spacing:0;width:100%;table-layout:fixed;background-color:#ebe8e8;">
<tbody><tr>
<td class="main-content" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;"><center>
<table class="standard-white viewport" style="border-spacing:0;width:600px;Margin:0 auto;">
<tbody>
<tr>
<td bgcolor="#ffffff" class="viewport" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;width:600px;Margin:0 auto;">
<table class="top-intro-heading" style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td class="pad-sides inset-pad-bottom" style="padding-top:0;vertical-align:top;padding-left:66px;padding-right:66px;padding-bottom:45px;">
<table class="top-para" style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td class="copy" style="padding-top:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;padding-bottom:7px;">
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:25px;Margin-bottom:18px;text-decoration: underline">Imagine if you could:</p>
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:20px;Margin-bottom:18px;"><span style="color:#008000;">✔</span> automatically turn every interaction your prospects have with you into a <span style="color:#1c96d8;">data point</span> that could inform future communications</p>
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:20px;Margin-bottom:18px;"><span style="color:#008000;">✔</span><span style="color:#1c96d8;"> personalize content</span> to your prospects across web, email and mobile without manually tagging your content or using automation rules</p>
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:20px;Margin-bottom:18px;"><span style="color:#008000;">✔</span> achieve <span style="color:#1c96d8;">triple digit increases in KPIs</span> such as conversion rates without having to ‘rip and replace’ your existing systems?</p>
<p align="left" style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:20px;Margin-bottom:25px; text-align: left">... if you want any of the above then you have to try the idio <a href="http://idioplatform.com" style="text-decoration: none; color:#1c96d8;"><span style="color:#1c96d8;">Content Intelligence Platform!</span></a></p>
<p style="font-family:Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#677483; text-align: center">_________</p>
<h2 style="font-family:Helvetica,sans-serif;text-rendering:optimizeLegibility;Margin-top:0;letter-spacing:-0.02em;color:#677483;text-align:center;font-size:20px;line-height:30px;font-weight:bold;Margin-bottom:23px;">idio helps brands build closer relationships with their customers and prospects by <span style="color:#1c96d8;">learning from the content</span> they choose – and <span style="color:#1c96d8;">acting on that insight</span>.</h2>
</td>
</tr>
<tr>
<td align="center" class="" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;">
<center>
<div class="btn"><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.idioplatform.com/homepage/video-content-intelligence-platform/" style="height:50px;v-text-anchor:middle;width:295px;" arcsize="6%" strokecolor="#00abc2" fillcolor="#1c96d8">
<w:anchorlock></w:anchorlock>
<center style="color:#ffffff;font-family:sans-serif;font-size:14px;font-weight:bold; font-weight: 300;">WATCH HOW IT WORKS ON OUR SITE</center>
</v:roundrect>
<![endif]--><a href="http://www.idioplatform.com/homepage/video-content-intelligence-platform/" style="width:295px;font-family:sans-serif;mso-hide:all;background-color:#1c96d8;border-width:1px;border-style:solid;border-color:#00abc2;border-radius:5px;color:#ffffff;display:inline-block;font-weight:normal;font-size:14px;line-height:45px;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;text-shadow:1px 2px 1px #1b75a6;"> ► WATCH A VIDEO HOW IT WORKS</a></div>
<div style="display:block;Margin-top:5px;Margin-bottom:0px;">
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:11px;line-height:30px;Margin-bottom:0px; text-align: center">(it's only 1:32 minutes long)</p>
</div>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="inset-grey viewport" style="border-spacing:0;width:600px;Margin:0 auto;">
<tbody>
<tr>
<td class="inner-shadow viewport bottom-cap" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#e0ebf3;width:600px;Margin:0 auto;background-color:#fdfdfe;">
<table style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td class="inset-top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;background-color:#f8f9fb;border-top-width:1px;border-top-style:solid;border-top-color:#e7e7ea;font-size:3px;line-height:3px;"> </td>
</tr>
<tr>
<td class="inset-pad-top pad-sides sub-pad-bottom" style="vertical-align:top;padding-left:66px;padding-right:66px;padding-bottom:25px;padding-top:25px;">
<table style="border-spacing:0;" width="100%">
<tbody>
<tr>
<td class="three-col copy" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
<h2 style="font-family:sans-serif;font-weight:bold;text-rendering:optimizeLegibility;Margin-top:0;text-align:left;Margin-bottom:17px;letter-spacing:-0.02em;font-size:20px;line-height:28px;color:#47505a;">What's coming next?</h2>
<p style="Margin-top:0;font-weight:normal;color:#677483;font-family:sans-serif;font-size:14px;line-height:25px;Margin-bottom:18px;">In the following email we will explain what our 3 product do on their own and how it will fit into your content marketing strategy. If you cannot wait feel free to visit our website for more information. <a href="http://idioplatform.com">Take me there now!</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="footer viewport" style="border-spacing:0;width:600px;Margin:0 auto;">
<tbody>
<tr>
<td class="buffer" style="padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:center;padding-top:52px;">
<table style="display:inline-block;border-spacing:0;" width="72">
<tbody>
<tr>
<td class="image" style="padding-right:2px;padding-top:0;padding-bottom:0;padding-left:0;vertical-align:top;text-align:center;" width="35"><a href="http://www.linkedin.com/company/idio-ltd" style="color:#15add2;text-decoration:underline;"><img alt="twitter" height="33" src="http://www2.idioplatform.com/l/20742/2014-11-04/r5127/20742/42720/twittergrey.png" style="border-width:0;-ms-interpolation-mode:bicubic;display:block;" width="33"> </a></td>
<td class="image" style="padding-left:2px;padding-top:0;padding-bottom:0;padding-right:0;vertical-align:top;text-align:center;" width="35"><a href="http://www.twitter.com/idioplatform" style="color:#15add2;text-decoration:underline;"><img alt="facebook" height="33" src="http://www2.idioplatform.com/l/20742/2014-11-04/r5123/20742/42716/linkedingrey.png" style="border-width:0;-ms-interpolation-mode:bicubic;display:block;" width="33"> </a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="copy" style="padding-top:12px;padding-bottom:14px;padding-right:0;padding-left:0;vertical-align:top;text-align:center;">
<p style="Margin-top:0;font-weight:normal;font-family:sans-serif;Margin-bottom:18px;text-align:center;font-size:13px;line-height:19px;color:#97a3b1;Margin:0;"><em style="font-style:normal;color:#677483;">idio Ltd.</em><br>
Threeways House, 40/44 Clipstone Street, London, W1W 5DW</p>
</td>
</tr>
<tr>
<td class="copy" style="line-height:7px;font-size:7px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:center;"><span style="color: #909090;font-size: 15px">•</span></td>
</tr>
<tr>
<td class="copy pad-extra" style="padding-top:12px;padding-bottom:14px;vertical-align:top;text-align:center;padding-left:70px;padding-right:70px;">
<p style="Margin-top:0;font-weight:normal;font-family:sans-serif;Margin-bottom:18px;text-align:center;font-size:13px;line-height:19px;color:#97a3b1;Margin:0;">We hope you find this useful, but if you prefer you can <a href="%%unsubscribe%%">unsubscribe</a> at any time</p>
</td>
</tr>
<tr>
<td class="copy" style="line-height:7px;font-size:7px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:center;"><span style="color: #909090;font-size: 15px">•</span></td>
</tr>
<tr>
<td class="copy pad-extra" style="padding-top:12px;padding-bottom:0;vertical-align:top;text-align:center;padding-left:70px;padding-right:70px;">
<p class="grey-link" style="Margin-top:0;font-weight:normal;font-family:sans-serif;Margin-bottom:18px;text-align:center;font-size:13px;line-height:19px;color:#97a3b1;Margin:0;"><a href="http://www.idioplatform.com/privacy-policy/" style="Margin-top:0;font-weight:normal;font-family:sans-serif;Margin-bottom:18px;text-align:center;font-size:13px;line-height:19px;color:#97a3b1;Margin:0;">Privacy Policy</a></p>
</td>
</tr>
<tr>
<td class="" height="80" style="font-size:0;line-height:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:center;"> </td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody></table>
</body>
</html>