cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <head>
        
<meta property="og:title" content="Whats new this month?">
<meta property="fb:page_id" content="43929265776">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">        
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">

<style>
    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
    @import url(http://fonts.googleapis.com/css?family=Raleway);
</style>

<style type="text/css">
		#outlook a{
			padding:0;
		}
		body{
			width:100% !important;
			min-width:100%;
			-webkit-text-size-adjust:100%;
			-ms-text-size-adjust:100%;
			margin:0;
			padding:0;
			background:#f7f7ff;
		}
		.ExternalClass{
			width:100%;
		}
		.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
			line-height:100%;
		}
		#backgroundTable{
			margin:0;
			padding:0;
			width:100% !important;
			line-height:100% !important;
			background-color:#f7f7ff;
		
		}
		img{
			outline:none;
			text-decoration:none;
			-ms-interpolation-mode:bicubic;
			width:auto;
			max-width:100%;
			float:left;
			clear:both;
			display:block;
		}
		center{
			width:100%;
			min-width:380px;
		}
		a img{
			border:none;
		}
		p{
			margin:0 0 0 10px;
		}
		table{
			border-spacing:0;
			border-collapse:collapse;
		}
		td{
			word-break:break-word;
			-webkit-hyphens:auto;
			-moz-hyphens:auto;
			hyphens:auto;
			border-collapse:collapse !important;
		}
		table,tr,td{
			padding:0;
			vertical-align:top;
			text-align:left;
		}
		hr{
			color:#d9d9d9;
			background-color:#d9d9d9;
			height:1px;
			border:none;
		}
		table.body{
			height:100%;
			width:100%;
		}
		table.container{
			width:380px;
			margin:0 auto;
			text-align:inherit;
			background-color:#f7f7ff;
		}
		table.row{
			padding:0px;
			width:100%;
			position:relative;
		}
		table.container table.row{
			display:block;
		}
		td.wrapper{
			padding:10px 20px 0px 0px;
			position:relative;
		}
		table.columns,table.column{
			margin:0 auto;
		}
		table.columns td,table.column td{
			padding:0px 0px 10px;
		}
		table.columns td.sub-columns,table.column td.sub-columns,table.columns td.sub-column,table.column td.sub-column{
			padding-right:10px;
		}
		td.sub-column,td.sub-columns{
			min-width:0px;
		}
		table.row td.last,table.container td.last{
			padding-right:0px;
		}
		table.one{
			width:30px;
		}
		table.two{
			width:80px;
		}
		table.three{
			width:130px;
		}
		table.four{
			width:180px;
		}
		table.five{
			width:230px;
		}
		table.six{
			width:280px;
		}
		table.seven{
			width:330px;
		}
		table.eight{
			width:380px;
		}
		table.nine{
			width:430px;
		}
		table.ten{
			width:480px;
		}
		table.eleven{
			width:530px;
		}
		table.twelve{
			width:580px;
		}
		table.one center{
			min-width:30px;
		}
		table.two center{
			min-width:80px;
		}
		table.three center{
			min-width:130px;
		}
		table.four center{
			min-width:180px;
		}
		table.five center{
			min-width:230px;
		}
		table.six center{
			min-width:280px;
		}
		table.seven center{
			min-width:330px;
		}
		table.eight center{
			min-width:380px;
		}
		table.nine center{
			min-width:430px;
		}
		table.ten center{
			min-width:480px;
		}
		table.eleven center{
			min-width:530px;
		}
		table.twelve center{
			min-width:580px;
		}
		table.one .panel center{
			min-width:10px;
		}
		table.two .panel center{
			min-width:60px;
		}
		table.three .panel center{
			min-width:110px;
		}
		table.four .panel center{
			min-width:160px;
		}
		table.five .panel center{
			min-width:210px;
		}
		table.six .panel center{
			min-width:260px;
		}
		table.seven .panel center{
			min-width:310px;
		}
		table.eight .panel center{
			min-width:360px;
		}
		table.nine .panel center{
			min-width:410px;
		}
		table.ten .panel center{
			min-width:460px;
		}
		table.eleven .panel center{
			min-width:510px;
		}
		table.twelve .panel center{
			min-width:560px;
		}
		.body .columns td.one,.body .column td.one{
			width:8.333333%;
		}
		.body .columns td.two,.body .column td.two{
			width:16.666666%;
		}
		.body .columns td.three,.body .column td.three{
			width:25%;
		}
		.body .columns td.four,.body .column td.four{
			width:33.333333%;
		}
		.body .columns td.five,.body .column td.five{
			width:41.666666%;
		}
		.body .columns td.six,.body .column td.six{
			width:50%;
		}
		.body .columns td.seven,.body .column td.seven{
			width:58.333333%;
		}
		.body .columns td.eight,.body .column td.eight{
			width:66.666666%;
		}
		.body .columns td.nine,.body .column td.nine{
			width:75%;
		}
		.body .columns td.ten,.body .column td.ten{
			width:83.333333%;
		}
		.body .columns td.eleven,.body .column td.eleven{
			width:91.666666%;
		}
		.body .columns td.twelve,.body .column td.twelve{
			width:100%;
		}
		td.offset-by-one{
			padding-left:50px;
		}
		td.offset-by-two{
			padding-left:100px;
		}
		td.offset-by-three{
			padding-left:150px;
		}
		td.offset-by-four{
			padding-left:200px;
		}
		td.offset-by-five{
			padding-left:250px;
		}
		td.offset-by-six{
			padding-left:300px;
		}
		td.offset-by-seven{
			padding-left:350px;
		}
		td.offset-by-eight{
			padding-left:400px;
		}
		td.offset-by-nine{
			padding-left:450px;
		}
		td.offset-by-ten{
			padding-left:500px;
		}
		td.offset-by-eleven{
			padding-left:550px;
		}
		td.expander{
			visibility:hidden;
			width:0px;
			padding:0 !important;
		}
		table.columns .text-pad,table.column .text-pad{
			padding-left:10px;
			padding-right:10px;
		}
		table.columns .left-text-pad,table.columns .text-pad-left,table.column .left-text-pad,table.column .text-pad-left{
			padding-left:10px;
		}
		table.columns .right-text-pad,table.columns .text-pad-right,table.column .right-text-pad,table.column .text-pad-right{
			padding-right:10px;
		}
		.block-grid{
			width:100%;
			max-width:580px;
		}
		.block-grid td{
			display:inline-block;
			padding:10px;
		}
		.two-up td{
			width:270px;
		}
		.three-up td{
			width:173px;
		}
		.four-up td{
			width:125px;
		}
		.five-up td{
			width:96px;
		}
		.six-up td{
			width:76px;
		}
		.seven-up td{
			width:62px;
		}
		.eight-up td{
			width:52px;
		}
		table.center,td.center{
			text-align:center;
		}
		h1.center,h2.center,h3.center,h4.center,h5.center,h6.center{

			text-align:center;
		}
		span.center{
			display:block;
			width:100%;
			text-align:center;
		}
		img.center{
			margin:0 auto;
			float:none;
		}
		.show-for-small,.hide-for-desktop{
			display:none;
		}
		body,table.body,h1,h2,h3,h4,h5,h6,p,td{
			color:#595959;
			font-family:"Open Sans", helvetica, arial;
			font-weight:400;
			padding:0;
			margin:0;
			text-align:left;
		}
		h1,h2,h3,h4,h5,h6{
			color:#1F3B5D;
			line-height:1.2em;
			font-family:"Raleway", helvetica, arial;
			clear:both;
			font-weight:300;
			word-break:normal;
			margin:.6em 0em;
		}
		h3,h4,h5,h6{
			font-weight:700;
		}
		.content{
			margin-bottom:20px !important;
		}
		h1{
			font-size:34px;
		}
		h2{
			font-size:26px;
		}
		h3{
			font-size:20px;
		}
		h4{
			font-size:18px;
		}
		body,table.body,p,td{
			font-size:16px;
			line-height:24px;
		}
		p.lead,p.lede,p.leed{
			font-size:16px;
			line-height:21px;
		}
		p{
			margin-bottom:10px;
		}
		small{
			font-size:10px;
		}
		a{
			color:#01B7E6;
			text-decoration:none;
		}
		a:hover{
			color:#01B7E6 !important;
		}
		a:active{
			color:#01B7E6 !important;
		}
		a:visited{
			color:#01B7E6 !important;
		}
		h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
			color:#2ba6cb;
		}
		h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active{

			color:#2ba6cb !important;
		}
		h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{
			color:#2ba6cb !important;
		}
		.panel{
			background:white;
			border-radius:5px;
			padding:0 20px 20px 20px !important;
		}
		.sub-grid table{
			width:100%;
		}
		.sub-grid td.sub-columns{
			padding-bottom:0;
		}
		.panel img{
			display:block;
			margin:20px 0 !important;
		}
		table.button,table.tiny-button,table.small-button,table.medium-button,table.large-button{
			width:100%;
			overflow:hidden;
		}
		table.button td,table.tiny-button td,table.small-button td,table.medium-button td,table.large-button td{
			display:block;
			width:auto !important;
			text-align:center;
			background:#21476B;
			color:#ffffff;
			padding:8px 0;
			border-radius:3px;
		}
		table.tiny-button td{
			padding:5px 0 4px;
		}
		table.small-button td{
			padding:8px 0 7px;
		}
		table.medium-button td{
			padding:12px 0 10px;
		}
		table.large-button td{
			padding:21px 0 18px;
		}
		table.button td a,table.tiny-button td a,table.small-button td a,table.medium-button td a,table.large-button td a{
			text-decoration:none;
			color:#ffffff;
			font-size:16px;
			display:block;
			width:100%;
		}
		table.tiny-button td a{
			font-size:12px;
			font-weight:normal;
		}
		table.small-button td a{
			font-size:16px;
		}
		table.medium-button td a{
			font-size:20px;
		}
		table.large-button td a{
			font-size:24px;
		}
		table.button:hover td,table.button:visited td,table.button:active td{
			background:#01B7E6;
		}
		table.button:hover td a,table.button:visited td a,table.button:active td a{
			color:#fff !important;
		}
		table.button:hover td,table.tiny-button:hover td,table.small-button:hover td,table.medium-button:hover td,table.large-button:hover td{
			background:#01B7E6 !important;
		}
		table.button:hover td a,table.button:active td a,table.button td a:visited,table.tiny-button:hover td a,table.tiny-button:active td a,table.tiny-button td a:visited,table.small-button:hover td a,table.small-button:active td a,table.small-button td a:visited,table.medium-button:hover td a,table.medium-button:active td a,table.medium-button td a:visited,table.large-button:hover td a,table.large-button:active td a,table.large-button td a:visited{
			color:#ffffff !important;
		}
		table.secondary td{
			background:#e9e9e9;
			border-color:#d0d0d0;
			color:#555;
		}
		table.secondary td a{
			color:#555;
		}
		table.secondary:hover td{
			background:#d0d0d0 !important;
			color:#555;
		}
		table.secondary:hover td a,table.secondary td a:visited,table.secondary:active td a{
			color:#555 !important;
		}
		table.success td{
			background:#5da423;
			border-color:#457a1a;
		}
		table.success:hover td{
			background:#457a1a !important;
		}
		table.alert td{
			background:#c60f13;
			border-color:#970b0e;
		}
		table.alert:hover td{
			background:#970b0e !important;
		}
		table.radius td{
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
		}
		table.round td{
			-webkit-border-radius:500px;
			-moz-border-radius:500px;
			border-radius:500px;
		}
		body.outlook p{
			display:inline !important;
		}
	@media only screen and (max-width: 400px){
		table[class=body] img{
			width:auto !important;
			height:auto !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] center{
			min-width:0 !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .container{
			width:95% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .row{
			width:100% !important;
			display:block !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .wrapper{
			display:block !important;
			padding-right:0 !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns,table[class=body] .column{
			table-layout:fixed !important;
			float:none !important;
			width:100% !important;
			padding-right:0px !important;
			padding-left:0px !important;
			display:block !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .wrapper.first .columns,table[class=body] .wrapper.first .column{
			display:table !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] table.columns td,table[class=body] table.column td{
			width:100% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.one,table[class=body] .column td.one{
			width:8.333333% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.two,table[class=body] .column td.two{
			width:16.666666% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.three,table[class=body] .column td.three{
			width:25% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.four,table[class=body] .column td.four{
			width:33.333333% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.five,table[class=body] .column td.five{
			width:41.666666% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.six,table[class=body] .column td.six{
			width:50% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.seven,table[class=body] .column td.seven{
			width:58.333333% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.eight,table[class=body] .column td.eight{
			width:66.666666% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.nine,table[class=body] .column td.nine{
			width:75% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.ten,table[class=body] .column td.ten{
			width:83.333333% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.eleven,table[class=body] .column td.eleven{
			width:91.666666% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .columns td.twelve,table[class=body] .column td.twelve{
			width:100% !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] td.offset-by-one,table[class=body] td.offset-by-two,table[class=body] td.offset-by-three,table[class=body] td.offset-by-four,table[class=body] td.offset-by-five,table[class=body] td.offset-by-six,table[class=body] td.offset-by-seven,table[class=body] td.offset-by-eight,table[class=body] td.offset-by-nine,table[class=body] td.offset-by-ten,table[class=body] td.offset-by-eleven{
			padding-left:0 !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] table.columns td.expander{
			width:1px !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .hide-for-small,table[class=body] .show-for-desktop{
			display:none !important;
		}

}	@media only screen and (max-width: 400px){
		table[class=body] .show-for-small,table[class=body] .hide-for-desktop{
			display:inherit !important;
		}

}		.facebook img,.twitter img,.linkedin img,.github img{
			width:22px;
			float:none;
			vertical-align:middle;
			position:relative;
			top:-2px;
			left:-5px;
			display:inline-block !important;
		}
		table.facebook td,table.facebook:hover td{
			background:#3D5C98 !important;
		}
		table.twitter td,table.twitter:hover td{
			background:#3FA1CB !important;
		}
		table.github td,table.github:hover td{
			background-color:#3E474C !important;
		}
		table.linkedin td,table.linkedin:hover td{
			background-color:#10729F !important;
		}
		a.template-label{
			color:#ffffff !important;
			font-size:12px;
			text-transform:uppercase;
			padding:10px 15px 9px;
		}
		.label-focus{
			margin-left:10px;
			border:solid 1px #BBB;
			border-radius:4px;
		}
		.label-focus:hover{
			border-color:#3D9DD8;
		}
		.callout .panel{
			background:#ECF8FF;
			border-color:#b9e5ff;
		}
		.header{
			margin-bottom:10px;
			background:#0C1724;
		}
		.social{
			margin-bottom:20px;
		}
		.footer{
			background:#1F3B5D;
			padding-bottom:20px;
		}
		table.footer-last{
			background:#18304D;
		}
		.footer .wrapper td{
			padding:0 20px;
		}
		.footer ul{
			color:#656E89;
			margin:0 !important;
			padding:0 !important;
			list-style:none;
		}
		.footer ul.last{
			margin-bottom:60px !important;
		}
		.footer a,.footer a:active,.footer a:visited{
			display:inline-block;
			color:#7D91B1 !important;
			font-size:14px;
		}
		.footer a:hover{
			color:white !important;
		}
		.footer p{
			color:#656E89;
			font-size:14px;
		}
		.footer h4{
			color:white;
			margin:20px 0 0 0;
			padding-bottom:10px;
			font-size:16px;
			border-bottom:solid 1px #8191B1;
		}
		.footer a img{
			width:100px;
			text-align:center;
			display:inline-block !important;
		}
	@media only screen and (max-width: 400px){
		.footer h4{
			text-align:center!important;
		}

}	@media only screen and (max-width: 400px){
		.footer ul{
			text-align:center;
		}

}</style>        
<div id="awesomewrap">&nbsp;</div>

<table class="body" style="background-color:#f7f7ff;border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;height: 100%;width: 100%;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td align="center" class="center" pardot-data="" style="word-break: break-word; hyphens: auto; padding: 0px; vertical-align: top; text-align: center; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; border-collapse: collapse !important; background: rgb(247, 247, 255);" valign="top"><center style="width: 100%;min-width: 380px;">
<table class="row header" style="background-color: #0C1724;border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;">
	<tbody>
		<tr>
			<td class="" style="visibility: hidden; font-size: 1px; color: rgb(255, 255, 255); line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; display: none;">The latest news from Algolia's community</td>
		</tr>
	</tbody>
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td align="center" class="center" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0;vertical-align: top;text-align: center;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
			<center style="width: 100%;min-width: 380px;">
			<table class="container" style="background-color:#0C1724; border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: inherit;width: 380px;margin: 0 auto;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="six sub-columns" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;min-width: 0px;padding-right: 10px;width: 50%;border-collapse: collapse !important;"><a href="https://www.algolia.com" style="color: #01B7E6;text-decoration: none;" title="Algolia website" target="_blank"><img align="left" alt="" height="39" src="https://goto.algolia.com/l/139121/2017-01-13/wy3h8/139121/43311/algolia_logo_darkbg.png" style="outline: none; text-decoration: none; width: 158px; max-width: 100%; float: left; clear: both; display: block; height: 39px;" width="158"> </a></td>
									<td align="right" class="six sub-columns last" style="text-align: right;vertical-align: middle;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;min-width: 0px;padding-right: 0px;width: 50%;border-collapse: collapse !important;"><a class="template-label label-focus" href="https://www.algolia.com/users/sign_up/hacker" style="color: white;border: solid 1px #8191B1;padding: 8px 16px;border-radius: 3px;text-decoration: none;" target="_blank">Get your free account</a></td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</center>
			</td>
		</tr>
	</tbody>
</table>

<table class="container" style="background-color:#f7f7ff;border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: inherit;width: 380px;margin: 0 auto;">
	<tbody>
		<tr style="padding: 0; vertical-align: top;text-align: left;">
			<td style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;"><!-- content start -->
			<table class="row" mc:repeatable="repeat_1" mc:repeatindex="0" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns content" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;margin-bottom: 20px !important;">
							<tbody>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>

			<table class="row" mc:repeatable="repeat_1" mc:repeatindex="1" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns content" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;margin-bottom: 20px !important;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important; background: rgb(255, 255, 255);">
									<div><a href="https://blog.algolia.com/redefining-incredible-search/" target="_blank"><img alt="" border="0" height="374" src="http://goto.algolia.com/l/139121/2017-06-08/22vgxd/139121/60337/cofounders_speaking_1024.jpg" style="width: 560px; height: 374px; border-width: 0px; border-style: solid;" width="560"></a></div>

									<h1 style="color: rgb(31, 59, 93); font-family: Raleway, helvetica, arial; font-weight: 300; padding: 0px; margin: 0.6em 0em; line-height: 1.2em; clear: both; word-break: normal; font-size: 34px;">Redefining Incredible; redefining Search</h1>

									<div>
									<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Announcing our Series B fundraising this week, our Co-Founder &amp; CEO Nicolas Dessaigne shares his thoughts on the future of search, as well as why SaaS APIs are eating the development world. Algolia's success wouldn't be possible without you, our community, and we're excited to continue our mission to connect intent with content and help you connect your users with what matters most.&nbsp;</p>

									<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://blog.algolia.com/redefining-incredible-search/" style="font-size: 16px;display: block;width: 100%;text-decoration:none;color: #ffffff;" target="_blank">Read more about our Series B</a></td>
											</tr>
										</tbody>
									</table>
									</div>
									</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr>
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 12px; line-height: 24px; border-radius: 5px; background: rgb(247, 247, 255); padding: 0px 20px 20px !important; border-collapse: collapse !important;">&nbsp;</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important; background: rgb(255, 255, 255);">
									<div><a href="https://stories.algolia.com/a-different-kind-of-swag-ed91e6a77a77" target="_blank"><img alt="" border="0" height="311" src="http://goto.algolia.com/l/139121/2017-05-26/22mtb6/139121/58773/1_U8T2pNxYxBbOh32AMzeUdA.jpeg" style="width: 560px; margin-top: 10px; margin-bottom: 10px; border-width: 0px; border-style: solid; height: 311px;" width="560"></a></div>

									<h1 style="color: rgb(31, 59, 93); font-family: Raleway, helvetica, arial; font-weight: 300; padding: 0px; margin: 0.6em 0em; line-height: 1.2em; clear: both; word-break: normal; font-size: 34px;">A different kind of Swag</h1>

									<div>
									<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">This month Algolia attended &amp; exhibited at&nbsp;Twilio SIGNAL, where we met with the great Twilio community, learned about Twilio's latest announcements &amp; features, and even co-hosted an API Hour (which can be pronounced 'happy hour' if you really stretch it) with our friends at Keen.io &amp; Auth0. At SIGNAL, we took a different approach to giving out swag - instead of new socks or fidget cubes, for every awesome person we met on our stand, we made a $10 donation on their behalf to WomenWhoCode.&nbsp;<br>
									&nbsp;</p>

									<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://stories.algolia.com/a-different-kind-of-swag-ed91e6a77a77" style="color: #ffffff;text-decoration: none;font-size: 16px;display: block;width: 100%;" target="_blank">Read our blog post</a></td>
											</tr>
										</tbody>
									</table>
									</div>
									</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr>
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 12px; line-height: 24px; border-radius: 5px; background: rgb(247, 247, 255); padding: 0px 20px 20px !important; border-collapse: collapse !important;">&nbsp;</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important; background: rgb(255, 255, 255);"><a href="https://blog.algolia.com/supercharging-wordpress-for-great-search/" target="_blank"><img alt="" border="0" height="311" src="http://goto.algolia.com/l/139121/2017-05-26/22mv5d/139121/58777/wordpress_update_768x426.png" style="width: 560px; height: 311px; margin-top: 10px; margin-bottom: 10px; border-width: 0px; border-style: solid;" width="560"></a>
									<h1 style="color: rgb(31, 59, 93); font-family: Raleway, helvetica, arial; font-weight: 300; padding: 0px; margin: 0.6em 0em; line-height: 1.2em; clear: both; word-break: normal; font-size: 34px;">Supercharging WordPress</h1>

									<div>
									<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Six months after our first release of Algolia for WordPress, with feedback from over 800 active applications, we released our first major update to WordPress, focusing on making it even easier for WordPress users to be successful with Algolia.<br>
									&nbsp;</p>

									<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://blog.algolia.com/supercharging-wordpress-for-great-search/" style="color: #ffffff;text-decoration: none;font-size: 16px;display: block;width: 100%;" target="_blank">Learn more!</a></td>
											</tr>
										</tbody>
									</table>
									</div>
									</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>

			<table class="row" mc:repeatable="repeat_1" mc:repeatindex="2" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns content" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;margin-bottom: 20px !important;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;"><a href="https://www.youtube.com/watch?v=Uc9JAQNP1PE&amp;feature=youtu.be" target="_blank" title="Becoming an eCommerce search expert: Build the ultimate experience for your shoppers"><img alt="Becoming an eCommerce search expert: Build the ultimate experience for your shoppers" height="315" src="http://goto.algolia.com/l/139121/2017-05-26/22mx8x/139121/58781/maxresdefault.jpg" style="height: 315px; width: 560px; margin-top: 10px; margin-bottom: 10px;" width="560"></a>

<h1 style="color: rgb(31, 59, 93); font-family: Raleway, helvetica, arial; font-weight: 300; padding: 0px; margin: 0.6em 0em; line-height: 1.2em; clear: both; word-break: normal; font-size: 34px;">Getting started with react-instantsearch</h1>

<div>
<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Astute users may have noticed we've begun introducing video guides in the onboarding process. Whether your a react expert or looking to get your feet wet, this hands-on video will get you from index to search UX in less than 15 minutes!&nbsp;</p>

<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://www.youtube.com/watch?v=Uc9JAQNP1PE&amp;feature=youtu.be" style="color: #ffffff;text-decoration: none;font-size: 16px;display: block;width: 100%;" target="_blank">Watch the tutorial</a></td>
		</tr>
	</tbody>
</table>
</div>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr>
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(247, 247, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;">&nbsp;</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;"><a href="https://blog.algolia.com/mobile-search-ux-part-two-deconstructing-mobile-search/" target="_blank"><img alt="" border="0" height="311" src="http://goto.algolia.com/l/139121/2017-05-26/22mxcz/139121/58787/deconstructing_1440__1_.webp" style="width: 560px; height: 311px; margin-top: 10px; margin-bottom: 10px; border-width: 0px; border-style: solid;" width="560"></a>

<h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;">Deconstructing Mobile Search</h1>

<div>We've spent this month diving into the pitfalls of mobile search, giving mobile product builders an overview of the different UX aspects to think about when designing mobile search. &nbsp;<br>
&nbsp;
<table class="button" style="border-spacing: 0px; border-collapse: collapse; padding: 0px; vertical-align: top; width: 100%; overflow: hidden;">
	<tbody>
		<tr style="padding: 0px; vertical-align: top;">
			<td class="" style="word-break: break-word; hyphens: auto; padding: 8px 0px; vertical-align: top; text-align: center; color: rgb(255, 255, 255); margin: 0px; line-height: 24px; display: block; background: rgb(33, 71, 107); border-radius: 3px; border-collapse: collapse !important; width: auto !important;"><a href="https://blog.algolia.com/mobile-search-ux-part-two-deconstructing-mobile-search/" style="display: block; width: 100%; text-decoration-line: none; color: #ffffff;" target="_blank">Read More</a></td>
		</tr>
	</tbody>
</table>
</div>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr>
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(247, 247, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;">&nbsp;</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;"><a href="https://discourse.algolia.com/" style="text-decoration:none;" target="_blank"><img alt="" border="0" height="335" src="https://goto.algolia.com/l/139121/2017-04-26/224f6v/139121/55277/IMG_20170425_181924.jpg" style="width: 560px; height: 335px; border-width: 0px; border-style: solid; margin-top: 10px; margin-bottom: 10px;" width="560"></a>

<h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;">Trending on our community forum</h1>

<div>
<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><br>
<b style="text-decoration: none; color: rgb(1, 183, 230);"><a href="https://discourse.algolia.com/t/will-robots-take-my-job/1476" style="color:#01b7e6;text-decoration:none;" target="_blank">Will robots take my job?</a>&nbsp;<br>
<a href="https://twitter.com/dreamture" style="color:#01b7e6;text-decoration:none;" target="_blank">@dreamture</a>&nbsp;</b>and <a href="https://twitter.com/mubashariqbal" style="text-decoration:none;color:#01b7e6;" target="_blank"><font color="#01b7e6" style="text-decoration: none; color: rgb(1, 183, 230);"><span style="text-decoration-style: initial; text-decoration-color: initial;">@</span></font></a><b style="text-decoration: none; color: rgb(1, 183, 230);"><a href="https://twitter.com/mubashariqbal" style="text-decoration: none; color: rgb(1, 183, 230);" target="_blank">mubashariqbal</a>&nbsp;</b>built a great tool to predict&nbsp;the probability that jobs would be automated thru Machine Learning and Mobile Robotics. They reached 4 million page views in 4 weeks.&nbsp;<br>
<br>
<b style="text-decoration: none; color: rgb(1, 183, 230);"><a href="https://discourse.algolia.com/t/tutorial-using-a-textfield-in-swift-3-for-search-instead-of-a-search-controller/1308/3" style="text-decoration:none;color:#01b7e6;" target="_blank">[TUTORIAL] Using a Textfield in Swift 3 for Search Instead of a Search Controller</a></b><br>
Check out this quick Swift tutorial that&nbsp;<a href="https://discourse.algolia.com/u/ethanj.fx" style="text-decoration:none;color:#01b7e6;" target="_blank">ethanj.fx</a>&nbsp;put together and shared with the Algolia Community.<br>
<br>
<strong><a data-ember-action="" data-ember-action-1799="1799" href="https://discourse.algolia.com/t/instantsearch-js-v2-beta/1363" style="text-decoration:none;color:#01b7e6;" target="_blank">InstantSearch.js v2 - beta</a></strong><br>
We opened up&nbsp;InstantSearch.js v2 to our Algolia Community in beta, and we can't wait to&nbsp;see what you'll build with it!&nbsp;</p>
</div>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr>
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(247, 247, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;">&nbsp;</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;"><a href="https://blog.algolia.com/" target="_blank"><img align="left" alt="" border="0" class="article_header" height="139" src="https://gallery.mailchimp.com/f7b8acc6ec97794a08484ca9b/images/cf86c8f7-9f12-4520-8077-390f85780085.jpg" style="padding: 0px; outline: none; text-decoration: none; max-width: 100%; float: left; clear: both; display: block; margin-top: 20px; margin-bottom: 20px; border-width: 0px; border-style: solid; margin-right: 0px !important; margin-left: 0px
!important; height: 139px; width: 550px;" width="550"></a>

<h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;">In the news &nbsp;</h1>

<ul>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><a href="https://blog.algolia.com/algolia-building-for-developers-2017/" style="text-decoration:none;color:#01b7e6;" target="_blank">Building for developers—a tour of new features and resources in 2017</a><a href="https://blog.algolia.com/algolia-building-for-developers-2017/" style="color:#01b7e6;text-decoration:none;" target="_blank">&nbsp;</a>by<a href="https://stackshare.io/algolia/how-algolia-reduces-latency-for-21b-searches-per-month" style="text-decoration:none;color:#01b7e6;" target="_blank"> </a><a href="https://twitter.com/dzello" style="color:#01b7e6;text-decoration:none;" target="_blank">J</a><a href="https://twitter.com/dzello" style="text-decoration:none;color:#01b7e6;" target="_blank">osh Dzielak</a></li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><a href="http://www.businessinsider.com/algolia-ceo-nicolas-dessaigne-interview-on-53-million-investment-2017-6?r=US&amp;IR=T&amp;IR=T" style="color:#01b7e6;text-decoration:none;" target="_blank">This startup is picking up Google's slack in search, and it just got another $53 million to keep growing </a>by&nbsp;Business Insider</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><a href="https://techcrunch.com/2017/06/08/algolia-raises-53-million-for-its-search-engine-api/" style="text-decoration:none;color:#01b7e6;" target="_blank">Algolia raises $53 million for its search engine API</a> by Techcrunch</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><a href="https://venturebeat.com/2017/06/08/powering-twitch-and-medium-search-startup-algolia-raises-53-million/" style="color:#01b7e6;text-decoration:none;" target="_blank">Powering Twitch and Medium, search startup Algolia raises $53 million</a> by Venturebeat</li>
</ul>

<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://blog.algolia.com" style="color: #ffffff;text-decoration: none;font-size: 16px;display: block;width: 100%;" target="_blank">Read more on the blog</a></td>
		</tr>
	</tbody>
</table>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>

			<table class="row" mc:repeatable="repeat_1" mc:repeatindex="3" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns content" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;margin-bottom: 20px !important;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important; background: rgb(255, 255, 255);"><h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;"><a href="https://discourse.algolia.com/t/devxcon-recap-scaling-api-community-slides/1482" target="_blank"><img alt="" border="0" height="347" src="http://goto.algolia.com/l/139121/2017-06-07/22v6ds/139121/60273/image__2_.png" style="width: 560px; height: 347px; border-width: 0px; border-style: solid;" width="560"></a><br>
<br>
Events</h1>

<div>
<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Continue&nbsp;the discussion of last month events&nbsp;on our forum:</p>

<ul dir="ltr">
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><b><a href="https://discourse.algolia.com/t/api-happy-hour-at-twilio-signal-recap/1491" style="color:#01b7e6;text-decoration:none;" target="_blank">Twilio Signal</a></b></li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="https://discourse.algolia.com/t/devxcon-recap-scaling-api-community-slides/1482" style="color:#01b7e6;text-decoration:none;" target="_blank">DevXcon:</a></strong> slides and presentation</li>
</ul>

<h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;">Webinars</h1>

<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="https://go.algolia.com/magento-search-webinar" style="color:#01b7e6;text-decoration:none;" target="_blank">Build the ultimate search for your Magento store</a></strong> (June 12)<br>
<strong><a href="https://go.algolia.com/build-vs-buy-webinar" style="text-decoration:none;color:#01b7e6;" target="_blank">Comparing Hosted and Open Source for&nbsp;Search</a></strong> (July&nbsp;6)</p>

<h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;">Agenda</h1>


<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">In June/July we’re going to be attending:</p>

<ul>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="http://www.irce.com/" style="text-decoration:none;color:#01b7e6;" target="_blank">IRCE</a></strong> Chicago (June 6-9)</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="http://mtpcon.com/sf/" style="color:#01b7e6;text-decoration:none;" target="_blank">Mind The Product</a>&nbsp;</strong>SF (June 13)</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="http://www.techsummit.io/amsterdam/" style="color:#01b7e6;text-decoration:none;" target="_blank">S</a><a href="https://www.eventbrite.com/e/algolia-search-party-in-paris-microservices-instantsearch-v2-tickets-34543761320" style="color:#01b7e6;text-decoration:none;" target="_blank">earch Party</a> </strong>Paris&nbsp;(June 22)</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><a href="https://www.reactriot.com/" style="color:#01b7e6;text-decoration:none;" target="_blank"><strong>Reactriot</strong></a> SF (June 24-35)</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong style="color: rgb(1, 183, 230); text-decoration: none;"><a href="https://theinnovationenterprise.com/summits/digital-publishing-innovation-summit-new-york-2017?gclid=CLnT2MTqrNQCFYl3fgodd0sEPA" style="color:#01b7e6;text-decoration:none;" target="_blank">Digital Publishing Innovation Summit</a>&nbsp;</strong>NYC&nbsp;(July 17-18)</li>
	<li style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><strong><a href="http://laracon.us/" style="text-decoration:none;color:#01b7e6;" target="_blank">Laracon</a> </strong>NYC&nbsp;(July&nbsp;25-26)</li>
</ul>

<div style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Join us at some of the events we’ll be attending in the upcoming months -&nbsp;<a href="mailto:hey@algolia.com?subject=Joining%20Algolia%20for%20the%20upcoming%20events" style="text-decoration:none;color:#01b7e6;" target="_blank">let us know</a>&nbsp;if you’d like to meet with us.&nbsp;</div>
</div>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>

			<table class="row" mc:repeatable="repeat_1" mc:repeatindex="4" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="twelve columns content" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;margin-bottom: 20px !important;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="panel" pardot-data="" style="word-break: break-word; hyphens: auto; vertical-align: top; text-align: left; color: rgb(89, 89, 89); font-family: &quot;Open Sans&quot;, helvetica, arial; font-weight: 400; margin: 0px; font-size: 16px; line-height: 24px; background: rgb(255, 255, 255); border-radius: 5px; padding: 0px 20px 20px !important; border-collapse: collapse !important;"><h1 style="color: #1F3B5D;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 300;padding: 0;margin: .6em 0em;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 34px;"><a href="https://www.algolia.com/careers" target="_blank"><img alt="" border="0" height="344" src="https://goto.algolia.com/l/139121/2017-02-22/yjrlb/139121/47945/Algolia_2.jpg" style="width: 560px; height: 344px; border-width: 0px; border-style: solid;" width="560"></a><br>
New Teammates</h1>

<div>
<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;"><b>Jason Huang </b>joins<b> </b>our sales team in San Francisco<br>
<strong>Marie-Laure Sin</strong> joins us as a software engineer in Paris<br>
<strong>Lisa Stout&nbsp;</strong>is now part of our customer success team&nbsp;in New York<br>
<strong>Pawel Zawisza</strong>&nbsp;joins the sales team in Paris<br>
<strong>Sylvain Friquet </strong>is joining our Paris office&nbsp;as a software engineer<br>
<strong>Danny Miller </strong>joins the sales team in San Francisco</p>

<p dir="ltr" style="margin: 0px 0px 10px; padding: 0px; line-height: 24px;">Looking for your next challenge in a fast-growing, fun workplace? We’re hiring in our San Francisco, NYC, Atlanta and Paris offices.&nbsp;<br>
&nbsp;</p>

<table class="button" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 8px 0;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://www.algolia.com/careers" style="color: #ffffff;text-decoration: none;font-size: 16px;display: block;width: 100%;" target="_blank">See open positions</a></td>
		</tr>
	</tbody>
</table>
</div>
</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			<!-- social networks links-->

			<table class="row social hide-for-small" style="border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;display: block;">
				<tbody>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td class="wrapper" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;border-collapse: collapse !important;">
						<table class="three columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 130px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<table class="tiny-button github" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="background-color: #3E454A!important;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 5px 0 4px;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://github.com/algolia" style="color: #ffffff;text-decoration: none;font-size: 12px;display: block;width: 100%;font-weight: normal;" target="_blank"><img src="http://d3pkevt87ob17v.cloudfront.net/email-template/github.jpg" style="width: 22px;float: none;vertical-align: middle;position: relative;top: -3px;left: -5px;display: inline-block;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;max-width:
100%;clear: both;border: none;"> Github </a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
						<td class="wrapper" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;border-collapse: collapse !important;">
						<table class="three columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 130px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<table class="tiny-button facebook" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="background-color: #3C5B97!important;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 5px 0 4px;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://www.facebook.com/algolia" style="color: #ffffff;text-decoration: none;font-size: 12px;display: block;width: 100%;font-weight: normal;" target="_blank"><img src="http://d3pkevt87ob17v.cloudfront.net/email-template/facebook.jpg" style="width: 22px;float: none;vertical-align: middle;position: relative;top: -3px;left: -5px;display: inline-block;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;max-width:
100%;clear: both;border: none;"> Facebook </a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
						<td class="wrapper" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;border-collapse: collapse !important;">
						<table class="three columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 130px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<table class="tiny-button twitter" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="background-color: #3FA1CB!important;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 5px 0 4px;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://twitter.com/Algolia" style="color: #ffffff;text-decoration: none;font-size: 12px;display: block;width: 100%;font-weight: normal;" target="_blank"><img src="http://d3pkevt87ob17v.cloudfront.net/email-template/twitter.jpg" style="width: 22px;float: none;vertical-align: middle;position: relative;top: -3px;left: -5px;display: inline-block;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;max-width:
100%;clear: both;border: none;"> Twitter </a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="three columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 130px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<table class="tiny-button linkedin" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;width: 100%;overflow: hidden;">
										<tbody>
											<tr style="padding: 0;vertical-align: top;text-align: left;">

												<td class="" style="background-color: #10729F!important;word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 5px 0 4px;vertical-align: top;text-align: center;color: #ffffff;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;display: block;background: #21476B;border-radius: 3px;border-collapse: collapse !important;width: auto !important;"><a href="https://www.linkedin.com/company/algolia" style="color: #ffffff;text-decoration: none;font-size: 12px;display: block;width: 100%;font-weight: normal;" target="_blank"><img src="http://d3pkevt87ob17v.cloudfront.net/email-template/linkedin.jpg" style="width: 22px;float: none;vertical-align: middle;position: relative;top: -3px;left: -5px;display: inline-block;outline: none;text-decoration: none;-ms-interpolation-mode:
bicubic;max-width: 100%;clear: both;border: none;"> Linkedin </a></td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
					</tr>
				</tbody>
			</table>
			<!-- container end below --></td>
		</tr>
	</tbody>
</table>

<table class="row footer" style="background-color: #1F3B5D;border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td align="center" class="center" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0;vertical-align: top;text-align: center;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
			<center style="width: 100%;min-width: 380px;">
			<table class="container" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: inherit;width: 380px;margin: 0 auto;">
				<tbody>
					<tr style="padding: 0;background-color:#1F3B5D;vertical-align: top;text-align: left;">
						<td class="wrapper last" collapse="" colspan="3" open="" style="word-break: break-word;background-color:#1F3B5D;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: ">
						<h4 style="color: white!important;border-bottom: solid 1px #8191B1;margin: 20px 0 0 0!important;padding-bottom: 10px!important;font-family: &quot;Raleway&quot;, helvetica, arial;font-weight: 700;padding: 0;text-align: left;line-height: 1.2em;clear: both;word-break: normal;font-size: 18px;">Resources</h4>
						</td>
					</tr>
					<tr style="padding: 0;vertical-align: top;text-align: left; background-color:#1F3B5D;">
						<td class="wrapper" style="word-break: break-word; background-color:#1F3B5D;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;border-collapse: collapse !important;">
						<table class="four columns" style="border-spacing: 0; background-colour:#1F3B5D;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 180px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left; background-color:#1F3B5D;">
									<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<ul style="list-style:none;padding:0">
										<li><a href="http://goto.algolia.com/e/139121/doc/22vky2/145369363" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Documentation</a></li>
										<li><a href="/doc/getting-started/" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">How it Works</a></li>
										<li><a href="/doc/tutorials/" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Tutorials</a></li>
										<li><a href="/doc/faq/" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">FAQ</a></li>
									</ul>
									</td>
									<td class="expander" style="word-break: break-word; background-color:#1F3B5D;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
						<td class="wrapper" style="word-break: break-word; background-color:#1F3B5D;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;border-collapse: collapse !important;">
						<table class="four columns" style="border-spacing: 0;border-collapse: collapse;padding: 0; background-color:#1F3B5D; vertical-align: top;text-align: left;margin: 0 auto;width: 180px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<ul style="list-style:none;padding:0">
										<li><a href="/doc/integrations/" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Integrations</a></li>
										<li><a href="https://status.algolia.com" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">API Status</a></li>
										<li><a href="https://www.algolia.com/changes" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Change Log</a></li>
									</ul>
									</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
						<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
						<table class="four columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 180px;">
							<tbody>
								<tr style="padding: 0;vertical-align: top;text-align: left;">
									<td class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
									<ul class="last" style="list-style:none;padding:0 0 60px 0">
										<li><a href="https://blog.algolia.com/" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Blog</a></li>
										<li><a href="https://www.algolia.com/careers" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Jobs</a></li>
										<li><a href="mailto:support@algolia.com" style="color: #7D91B1;font-size: 13px;text-decoration: none;" target="_blank">Contact</a></li>
									</ul>
									</td>
									<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
				</tbody>
			</table>
			</center>
			</td>
		</tr>
	</tbody>
</table>

<table class="row footer footer-last" style="background: #18304D;border-spacing: 0;border-collapse: collapse;padding: 0px;vertical-align: top;text-align: left;width: 100%;position: relative;">
	<tbody>
		<tr style="padding: 0;vertical-align: top;text-align: left;">
			<td class="wrapper last" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 10px 20px 0px 0px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;position: relative;padding-right: 0px;border-collapse: collapse !important;">
			<table class="twelve columns" style="border-spacing: 0;border-collapse: collapse;padding: 0;vertical-align: top;text-align: left;margin: 0 auto;width: 580px;">
				<tbody>
					<tr>
						<td class="" style="visibility: hidden; font-size: 1px; color: rgb(255, 255, 255); line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; display: none;">The latest news about search and Algolia's community.</td>
					</tr>
					<tr style="padding: 0;vertical-align: top;text-align: left;">
						<td align="center" class="" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0px 0px 10px;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;border-collapse: collapse !important;">
						<center style="width: 100%;min-width: 580px;"><br>
						<a href="https://www.algolia.com" style="color: #01B7E6;text-decoration: none;" title="Algolia website" target="_blank"><img alt="" height="37" src="https://goto.algolia.com/l/139121/2017-01-13/wy3h8/139121/43311/algolia_logo_darkbg.png" style="width: 148px; vertical-align: middle; position: relative; top: -3px; left: -5px; display: inline-block; outline: none; text-decoration: none; max-width: 100%; clear: both; height: 37px;" width="148"> </a>
						<p style="text-align: center;color: #7D91B1;font-size: 12px;margin: 0;margin-bottom: 10px;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;padding: 0;line-height: 24px;"><br>
						<a href="mailto:support@algolia.com" style="color: #01B7E6;text-decoration: none;" target="_blank">support@algolia.com</a><br>
						589 Howard St, San Francisco<br>
						88, Rue de Rivoli, Paris</p>

						<p style="text-align: center;color: #7D91B1;font-size: 12px;margin: 0;margin-bottom: 10px;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;padding: 0;line-height: 24px;"><a href="http://goto.algolia.com/unsubscribe/u/139121/b33f715ec2a2c4b82d7e09f38b22a99779cfe4961bd7b2108686444d11aeb13d/145369363" style="color: #7D91B1;" target="_blank">Unsubscribe</a>&nbsp;from this list.</p>
						</center>
						</td>
						<td class="expander" style="word-break: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;padding: 0 !important;vertical-align: top;text-align: left;color: #595959;font-family: &quot;Open Sans&quot;, helvetica, arial;font-weight: 400;margin: 0;font-size: 16px;line-height: 24px;visibility: hidden;width: 0px;border-collapse: collapse !important;">&nbsp;</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>
</center>
</td>
		</tr>
	</tbody>
</table>

</body>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console