Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <head>
	
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="format-detection" content="telephone=no"> 
		<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
		<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
        <title>The process behind our A/B tests ��</title>
        
        
        
        
        
            
        
        
        <!-- start coded_template: id:5433092204 path:Custom/page/df_templates/df_css.html -->
<style type="text/css">
	
		/* import method for outlook */
		@font-face {
			font-family:'Whitney';
			font-style:normal;
			font-weight:normal;
			src:local('Whitney'), url(https://cdn2.hubspot.net/hubfs/120237/assets/webfonts/Whitney-Medium-Pro.woff?t=1522273413368) format('woff');
		}
		@font-face {
			font-family:'Whitney';
			font-style:normal;
			font-weight:bold;
			src:local('Whitney-Semibold'), url(https://cdn2.hubspot.net/hubfs/120237/assets/webfonts/Whitney-Semibold-Pro.woff?t=1522273413368) format('woff');
		}
</style>
<style type="text/css" id="hs-inline-css">
    
		/* Obligatory CSS resets */
        #outlook a{ padding:0; }
		.ReadMsgBody{ width:100%; }
		.ExternalClass * { line-height:125%!important } 
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:125%!important; }
		body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
		table,td{ mso-table-lspace:0pt; mso-table-rspace:0pt; }
		body{ margin:0; padding:0; }
		img{ -ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; }
		table{ border-collapse:collapse !important; }
		body, #backgroundTable, #bodyCell{ height:100% !important; width:100% !important; margin:0; padding:0; }
		a:link,a:visited{ text-decoration:none; border-bottom:none; }
		.appleFooter a { color:#999999 !important; text-decoration:none !important; }
    	.appleLink a { color:#ffffff !important; text-decoration:none !important; }
		
		/* Non-obligatory stuff */
		#bodyCell{
			padding:20px;
			padding-top:75px;
		}
		body, #backgroundTable {
			background-color:#F7FBFE;
			font-family: 'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
		}
		table td{
			font-family: 'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
		}
		table th { 
			margin:0 !important; 
			vertical-align:middle; 
			font-weight:normal; 
		}
		#templateContainer{
			width:600px;
			background-color:#ffffff;
		}
		#templateBody{
			background-color:#ffffff;
		}
		.templateContent{
			color:#444444;
			font-family: 'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
			font-size:16px;
			line-height:20px;
			border-bottom:2px solid #68baf5;
			padding:10px 115px 30px 115px;
		}
		.templateContent a:link,.templateContent a:visited,.templateContent a .yshortcuts{
			color:#68baf5;
			text-decoration:none;
			border-bottom: none;
		}
		/* Sectioned Template Type, otherwise 115px */
		.templateContent.sections {
			padding-right:70px;
			padding-left:70px;
		}
		/* font family to all the things */
		body, table, td, p, a, a span, strong {
			font-family: 'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
			text-decoration:none;
			border-bottom:none;
		}
		a {
			color:#68baf5;
		}
		p{
			color:#444444;
			margin:0;
			padding:0;
			line-height:24px;
			mso-line-height-rule:exactly;
		}
		p + p {
			margin-top:20px;
		}
		p a {
			color:#68baf5;
			font-weight: normal;
		}
		strong {
			font-weight: bold;
			letter-spacing: .25px;
		}
		span.preheader {
			display:none !important;
		}
		#templatetagline{
			background-color:#ffffff;
		}
		.tagline{
			border-top:2px solid #68baf5;
			padding-top:30px;
		}
		.taglineContent{
			color:#68baf5;
			font-size:11px;
			line-height:16px;
			font-weight: bold;
			letter-spacing:.2px;
		}
		.taglineContent a, .taglineContent a:link,.taglineContent a:visited,.taglineContent a .yshortcuts{
			color:#68baf5;
			text-decoration:none;
			border-bottom:none;
		}
		.logo {
			padding-top:20px;
			padding-bottom:20px;
		}
		.footerLogo {
			padding-top:35px;
			padding-bottom:20px;	
		}
		.headerContent {
			color:#68baf5;	
			font-size: 32px;
			line-height: 43px;
			padding:0 20px 20px 20px;
			font-weight: 300;
		}
		.subheaderContent {
			color:#5B6B7F;
			font-size:15px;
			line-height:24px;
			padding:0 20px 40px 20px;
		}
		.subheaderContent a{
			color:#68baf5 !important;
			text-decoration:none !important;
			border-bottom:none !important;
		}
		.ctaContent{
			padding-top:35px;
			padding-bottom:25px;
		}
		.footer {
			border-top:1px solid #efefef;
			padding-right:20px;
			padding-left:20px;
		}
		#footerSettings{
			background-color:#F7FBFE;
		}
		.footerContent, .footerSettingsContent {
			color:#9ca8b7;
			font-size:12px;
			line-height:18px;
			text-align:center;
		}
		.footerSettingsContent a:link,.footerSettingsContent a:visited,.footerSettingsContent a .yshortcuts{
			color:#68baf5;
			text-decoration:none;
		}
		/* Call Out Banner styles */
		#calloutBanner {
		   	background-color:#68baf5;
		}
		.templateContent.callout {
			padding-right:70px;
			padding-left:70px;
			border-bottom:2px solid #0691F2;
		}
		.calloutHeader, .calloutHeader a {
			color: #ffffff;
			font-size:18px;
			line-height:26px;
			font-weight:bold;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		.calloutContent, .calloutContent p {
		    color: #ffffff;
		}
		/* Letter styles */
		.letterContent {
			color:#68baf5;
			font-size:16px;
			line-height:24px;
			padding-top:30px;
		}
		/* Letter styles if no template image */
		.letterContent.no-image {
			padding-top:0px;
		}
		/* Section 123 styles */
		.sectionsWrapper {
			margin-bottom:20px;
		}
		.sectionHeader, .sectionHeader a {
			color:#68baf5;
			font-size:12px;
			line-height:20px;
			font-weight:bold;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		.sectionContent {
			color:#5B6B7F;
			font-size:13px;
			line-height:19px;
			font-weight:normal;
			padding:10px 0 5px 0;
		}
		.sectionContent a {
			color:#68baf5;
		}
		.section1 {
			background-color:#EFF8FE;
		}	
		.section2 {
			background-color:#E1F1FD;
		}
		.section3 {
			background-color:#D1EAFC;
		}
		.section4 {
			background-color:#C3E3FB;
		}
		.sectionImage {
			padding:35px 0px 30px;
		}
		.sectionBody {
			padding:35px 0 30px 30px;
		}
    
</style>
<style type="text/css">
@media screen and (min-width:600px){
		.desktop-hide {
			display:none !important;
		}
}
@media screen and (max-width:650px){
		#backgroundTable {
			width:100% !important;
			min-width:100% !important;
		}
		#templateContainer {
			max-width:600px !important;
			width:100% !important;
			min-width:100% !important;
		}		
}	@media only screen and (max-width:520px){
		body,table,td,p,a,li,blockquote{
			-webkit-text-size-adjust:none !important;
		}
		body {
			width:100% !important;
			min-width:100% !important;
		}
		#bodyCell {
			padding:0 !important;
		}
		.tagline {
			border-top: 0 !important;
			padding-top: 20px !important;
		}
		.templateContent {
			padding-left:20px !important;
			padding-right:20px !important;
		}
		.headerContent {
			font-size: 28px !important;
			line-height: 38px !important;
		}
		.subheaderContent {
			padding-bottom: 25px !important;
		}
		.sectionHeader, .sectionContent {
			text-align: center !important;
		}
		.letterContent {
			padding-left:0 !important;
			padding-right:0 !important;
		}
		.calloutHeader {
		    padding-top: 30px !important;
		}
		.ctaContent.callout {
		    padding-bottom:10px !important;
		}
		.footerContent, .footerSettingsContent {
			font-size:12px !important;
		}
		a.mobile-button {
			font-size:14px !important;
		}
		.mob-column{
			float:none !important;
			display:block !important;
			width:100% !important;
		}  
		.mob-hide{
			display:none !important;
		}
		td.templateContent.sections, .sectionImage, .sectionBody {
			padding-left:0 !important;
			padding-right:0 !important;
		}
		.sectionImage {
			padding-top:30px !important;
			padding-bottom:0 !important;
		}	
		.sectionBody {
		    padding-top: 15px !important;
		}
} @media only screen and (max-width:440px){
		p.smallText {
			font-size: 13px !important;
		}
}
</style>
<!--[if mso]>
	<style type="text/css">
		body, table, td, p, a, a span, strong {font-family:Helvetica, Arial, sans-serif !important;}
	</style>
<![endif]--><!-- end coded_template: id:5433092204 path:Custom/page/df_templates/df_css.html -->
        
    <meta name="generator" content="HubSpot"><meta property="og:url" content="https://content.wistia.com/-temporary-slug-2bec065b-020a-461c-a8b1-37ed7be33263"><meta name="x-apple-disable-message-reformatting"></head> 
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; width:100% !important; margin:0; padding:0; background-color:#f7fbfe; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" height="100%" width="100%" bgcolor="#f7fbfe">
		<span class="preheader" style="display:none !important">A behind-the-scenes look at how we approach A/B testing at Wistia, from setting data-driven hypotheses to analyzing the results.
</span>
		<!-- Begin backgroundTable -->		
		<table align="center" bgcolor="#f7fbfe" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; text-decoration:none; border-bottom:none; height:100% !important; width:100% !important; margin:0; padding:0; background-color:#f7fbfe; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
			<tbody><tr>
				<td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; height:100% !important; width:100% !important; margin:0; padding:20px; padding-top:75px" height="100%" width="100%">
					<!-- Begin Template Container -->
					<table width="600" border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; width:600px; background-color:#ffffff" bgcolor="#ffffff">
						<tbody><tr>
							<td align="center" valign="top" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">	
								<!-- Begin Template Wrapper -->
								<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">						
									<!-- Begin Tagline Header -->
									    <tbody><tr>
	<td align="center" valign="top" class="tagline" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-top:2px solid #68baf5; padding-top:30px">
		<table border="0" cellpadding="0" cellspacing="0" width="80%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
			<tbody><tr>	
				<td align="center" valign="middle" class="mob-hide" width="30%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
					&nbsp;
				</td>
				<td align="center" valign="middle" class="logo" width="40%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:20px; padding-bottom:20px">
					<a href="https://content.wistia.com/e1t/c/*W5cgPbm5LcCmcW7nKLTl4FZNvC0/*W5vMDjx5gM6n6W3RMM3r5NlkPv0/5/f18dQhb0J5J3yTJqV5Q4yb6lGJVlN7ZmWTqjbX-QW1S56sK22R47MW861VpY4fM9HgW1L5rsG4m8md5W4cQhbX1JxwY5W1Ld4Vb3_QfJ7W3_YkBw3P48rMN3ZZn5W267m5W43Xxsw3JML-hW3vd6mL3T0nsDVLG53r3H6xvkW2dyN483FbtcTN3K78g1vsP0HW1-StCd4cJ2xcW2fd1h32TNS6PW1G7tnp4hHyn5W3jncVQ3vg5zFW2HR3fR3XQFkYW43rLn93Qz-R9W1GbpGr4kFGK1W3_-Q0Z43svyYW1_cvFH3z7Y9SW3XH5C32WnQZyW1_slhQ34kL18W3MbBYs2B09QkW1SB1rx2p7VQgW4pDtjH3NdTQPW3_Vhf93Zxq2dW2lh4yb2XZgmXVmY2wh3XWCsYW3K1LpP4ry8ByW3Gm0924bXFdxMBzPlPmWcPgW6jMNkr6RxhgSV25vZd7cV_KCW6Fh1964-bQs4W65SCNl1sXYl_W44_tqf74HG-y102" target="_blank" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#68baf5" data-hs-link-id="0"><img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/blueflag@2x.png?noresize&amp;t=1522273413368&amp;width=20&amp;height=15&amp;name=blueflag@2x.png" alt="Wistia Video Hosting" align="center" width="20" height="auto" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:20px; max-height:15px; text-align:center; vertical-align:middle"></a>
				</td>
				<td align="right" valign="middle" class="mob-hide" width="30%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
				     
                    	<a href="https://content.wistia.com/e1t/c/*W5cgPbm5LcCmcW7nKLTl4FZNvC0/*W5GDKP67pcyrfW5MDzV-5K5K710/5/f18dQhb0J5Q3wmSMV5Q53F6lGJVlN7ZmWTqjbX-QW1S56sK22R47MW8kV8r24fM9HgW1L5qBh3z8myJW4hJWjK4mCWVvW3SXQ-r43T4N9W4hMnzc3F4FvdW3zbTMq2dT-yXW3Nx4_42cgRzXW49JGgp3R4SjXW3_R5921n_cmYW3_SMDQ4hJn_ZVDN5B941YylgW4flPxz8Pn8S8W3vfnk741QpM-W1S8vX34fRdgtW3v0tPc1ZktGtW41PDPP1SCcx1W385FlS30lZcNW4kv0Wj41ydbCW3VvS6l1GGPWqW2-rk212MPlV-W4r6ffj3g6J1fW250Rm045zvN7W38h9f24rDL10W1ZbmS91GsVnmW43WbLF24T-ZdW2PkH4D3Z6SVcVFvGrF26rPR8W2F3tgS3j53_LW3_Vr7r2m8BdfW3ZY8hy43V0lDW6rglJQ8HVNz0MZxKcwkznm1W6zyNx25J21FCW6CfNmx60JRSVW2FfyzS98nPVvW197yDz1MKRtvW2MP51_24tz9b0" target="_blank" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#68baf5" data-hs-link-id="0">
                    	    
                    	        <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/user-blue@2x.png?noresize&amp;t=1522273413368&amp;width=8&amp;height=9&amp;name=user-blue@2x.png" alt="" align="center" width="8" height="auto" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:8px; max-height:9px; text-align:center; vertical-align:middle">
    				        
    					    &nbsp;
    					    <strong style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-weight:bold; letter-spacing:0.25px"><span style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-size:11px; line-height:16px; font-weight:bold; letter-spacing:0.2px; color:#68baf5" class="taglineContent">My account</span></strong>
                        </a>
                     
				</td>
			</tr>
		</tbody></table>
	</td>
</tr>
									<!-- End Tagline Header -->
									<!-- Begin Main Body -->
									<tr>									
                                    
                                        <td align="center" valign="top" class="templateContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; color:#444444; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; border-bottom:2px solid #68baf5; padding:10px 115px 30px 115px">
                                          
                                    		 
	
 
		<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
			<!-- Template Header -->
			<tbody><tr>
				<td align="center" valign="middle" class="headerContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#68baf5; font-size:32px; line-height:43px; padding:0 20px 20px 20px; font-weight:300">
					Take your hypothesis for a test drive
				</td>
			</tr>
			<!-- End Template Header -->
                                    		
												
<!-- Template Image -->
<tr>
	<td align="left" valign="top" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
		<a href="https://content.wistia.com/e1t/c/*W5cgPbm5LcCmcW7nKLTl4FZNvC0/*W51mnFj9kR3c-W4W-PkZ3CHKVz0/5/f18dQhb0Sjv78XJ8kFW8HrQ1B5HKBTpW243x7w58yn4dW1Fb_LT6ZgmXlW5q9cPw8yym6VVRB1xY8y_DL1W8z0svM67k62bVLDDHG1pP0rxW8mHrLH1qN-YWV5KQ5s8HbRxPN8k1dMQpSBF3W8Wh-qH1zwFp7W3-8Sdh55nSC9W1VJH714c2Rr9W7MtYb849z-4PN2MV0XLbG0m9W8W1JLS2KSB7SW2j50RN7cvxVfN8q5qBxVQf4XW5vDhXC7fDDg6W5H6Dgy8s3YgGVX_dCT4XB2-hVdP0x35x-15KW8ljHrj3J5T7cN8wWR_8cQ8v7W4twNJw35XkjvW2xC0n33l_y7_VPmHb14Yk3vsW33Xkfc5BYp1QW8CKckG8rZVggW3dRjSK95vj8GN8r9hnbnpF8MW3d0zvx4p7yDTW2zz8qp8qChctW26Chbg8rzJrsW8tzDGb41P6v2W8lzXvW19rc8kW7qqSDZ8rp1vVW14qszZ2-zl07W7G3m303-jLrQW7HljrS4TcxdPVrVprC56gBW-W2K1Fs92L_pdx0" target="_blank" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-bottom:none; color:#222222; text-decoration:none" data-hs-link-id="0">
            <img src="https://cdn2.hubspot.net/hub/120237/hubfs/aa1a5501d1794a77d7c2f674c2a9bfe4126cc5f9.jpg?noresize&amp;t=1522273413368&amp;width=1328&amp;height=700&amp;name=aa1a5501d1794a77d7c2f674c2a9bfe4126cc5f9.jpg" width="1328" height="auto" alt="A/B testing" style="height:auto; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; width:1328px; max-width:100%; max-height:700px; clear:both; display:block; border:none" align="center">
		</a>
	</td>
</tr>	
<!-- End Template Image -->	
<!-- Template text -->
<tr>
	<td align="left" valign="top" class="letterContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#68baf5; font-size:16px; line-height:24px; padding-top:30px">
		<p style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#444444; margin:0; padding:0; line-height:24px; mso-line-height-rule:exactly">Get inspired by how the Wistia Growth team increases conversions with A/B tests—plus, a downloadable template to get your next experiment up and running! </p>
	</td>
</tr>
<!-- End template text -->
																							
									
									
<!-- -- if callout ---->
									 
	
<!-- CTA Content -->
<tr>
	<td align="center" valign="top" class="ctaContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:35px; padding-bottom:25px">
		<table width="100%" border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
			<tbody><tr>
			    
				<td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding:5px 0 10px 0">
					<table border="0" cellspacing="0" cellpadding="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
						<tbody><tr>	
							<td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
                
								<div>
								<font face="'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;">
								<!--[if mso]>
								  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://wistia.com/blog/approach-to-a-b-testing" style="height:35px;v-text-anchor:middle;width:120px;" arcsize="10%" strokecolor="#68baf5" fillcolor="#68baf5">
									<w:anchorlock/>
									<center style="color:#ffffff;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:normal;">To the blog!</center>
								  </v:roundrect>
								<![endif]--><a href="https://content.wistia.com/e1t/c/*W5cgPbm5LcCmcW7nKLTl4FZNvC0/*W818FfP898SW3W2xSmx53FT7Rp0/5/f18dQhb0Sjv78XJ8kFW8HrQ1B5HKBTpW243x7w58yn4dW1Fb_LT6ZgmXlW5q9cPw8yym6VVRB1xY8y_DL1W8z0svM67k62bVLDDHG1pP0rxW8mHrLH1qN-YWV5KQ5s8HbRxPN8k1dMQpSBF3W8Wh-qH1zwFp7W3-8Sdh55nSC9W1VJH714c2Rr9W7MtYb849z-4PN2MV0XLbG0m9W8W1JLS2KSB7SW2j50RN7cvxVfN8q5qBxVQf4XW5vDhXC7fDDg6W5H6Dgy8s3YgGVX_dCT4XB2-hVdP0x35x-15KW8ljHrj3J5T7cN8wWR_8cQ8v7W4twNJw35XkjvW2xC0n33l_y7_VPmHb14Yk3vsW33Xkfc5BYp1QW8CKckG8rZVggW3dRjSK95vj8GN8r9hnbnpF8MW3d0zvx4p7yDTW2zz8qp8qChctW26Chbg8rzJrsW8tzDGb41P6v2W8lzXvW19rc8kW7qqSDZ8rp1vVW14qszZ2-zl07W7G3m303-jLrQW7HljrS4TcxdPVrVCHq56gBW-W97CK4H2L_pdx0" style="-ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-bottom:none; background-color:#68baf5; border:1px solid #68baf5; border-radius:4px; color:#ffffff; display:inline-block; font-size:14px; font-weight:normal; line-height:35px; text-align:center; text-decoration:none; width:120px; -webkit-text-size-adjust:none; mso-hide:all" class="mobile-button" bgcolor="#68baf5" align="center" width="120" data-hs-link-id="1" target="_blank">To the blog!</a>
								</font>
								</div>
							</td>
							
						</tr>
					</tbody></table>
				</td>
			</tr>
		</tbody></table>
	</td>
</tr>
<!-- End CTA Content -->
                                    <!-- Footer Content -->
												<tr>
													<td align="center" valign="top" class="footer" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-top:1px solid #efefef; padding-right:20px; padding-left:20px">
														<table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
															<tbody><tr>
																<td align="center" valign="middle" class="footerLogo" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:35px; padding-bottom:20px">
																	<a href="https://content.wistia.com/e1t/c/*W5cgPbm5LcCmcW7nKLTl4FZNvC0/*W2Tt9d78R8H1vW6CQ6YS48JRVz0/5/f18dQhb0J5J3yTJqV5Q4yb6lGJVlN7ZmWTqjbX-QW1S56sK22R47MW861VpY4fM9HgW1L5rsG4m8md5W4cQhbX1JxwY5W1Ld4Vb3_QfJ7W3_YkBw3P48rMN3ZZn5W267m5W43Xxsw3JML-hW3vd6mL3T0nsDVLG53r3H6xvkW2dyN483FbtcTN3K78g1vsP0HW1-StCd4cJ2xcW2fd1h32TNS6PW1G7tnp4hHyn5W3jncVQ3vg5zFW2HR3fR3XQFkYW43rLn93Qz-R9W1GbpGr4kFGK1W3_-Q0Z43svyYW1_cvFH3z7Y9SW3XH5C32WnQZyW1_slhQ34kL18W3MbBYs2B09QkW1SB1rx2p7VQgW4pDtjH3NdTQPW3_Vhf93Zxq2dW2lh4yb2XZgmXVmY2wh3XWCsYW3K1LpP4ry8ByW3Gm0924bXFdxMBzPlPmWcPgW6jMNkr6RxhgSV25vZd7cV_KCW6Fh1964-bQs4W65SCNl1sXYl_W44_tqf74HG-y102" target="_blank" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#68baf5" data-hs-link-id="0"><img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/bluelogo@2x.png?noresize&amp;t=1522273413368&amp;width=110&amp;height=18&amp;name=bluelogo@2x.png" alt="Wistia Video Hosting" align="center" width="110" height="auto" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:110px; max-height:18px; text-align:center; vertical-align:middle"></a>
																</td>
															</tr>
															<tr>
																<td align="center" valign="top" class="footerContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#9ca8b7; font-size:12px; line-height:18px; text-align:center">
																	<strong style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-weight:bold; letter-spacing:0.25px">Sent with love from Wistia HQ</strong>
																	<br>
																	<a href="#" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#9CA8B7; font-weight:normal; cursor:text" data-hs-link-id="0" target="_blank">17 Tudor St, Cambridge, MA 02139</a>
																	<br>
																	<br>
																</td>
															</tr>
														</tbody></table>
													</td>
												</tr>
												<!-- End Footer Content -->
											</tbody></table>
										</td>
									</tr>
									<!-- End Main Body -->
									
									<tr>	
										<td align="center" valign="top" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
											<!-- Begin Template Footer -->
											<table bgcolor="#f7fbfe" border="0" cellpadding="0" cellspacing="0" width="100%" id="footerSettings" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; background-color:#f7fbfe">
												<tbody><tr>
													<td align="center" valign="top" class="footerSettingsContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#9ca8b7; font-size:12px; line-height:18px; text-align:center; padding:20px 20px 100px 20px">
														This message is an automated alert from Wistia.
														<span class="desktop-hide">
															<br>
														</span>
														<a href="#" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#68baf5" data-hs-link-id="0" target="_blank">Click here to edit your alert settings.</a>
													</td>
												</tr>
												<tr>
													<td class="mob-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
														<table bgcolor="#F5FBFE" align="center" cellpadding="0" cellspacing="0" border="0" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; margin-left:auto; margin-right:auto; mso-table-lspace:0; mso-table-rspace:0">
															<tbody><tr>
																<td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
																	<table width="600px" cellpadding="0" cellspacing="0" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
																		<tbody><tr>
																			<td class="gmail" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
																				<img alt="" width="550" height="auto" border="0" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; display:block; min-height:1px; max-height:1px; width:550px; min-width:600px" src="https://cdn2.hubspot.net/hub/120237/hubfs/images/space.gif?t=1522273413368&amp;width=600&amp;height=1&amp;name=space.gif" srcset="https://cdn2.hubspot.net/hub/120237/hubfs/images/space.gif?t=1522273413368&amp;width=600&amp;height=1&amp;name=space.gif 600w, https://cdn2.hubspot.net/hub/120237/hubfs/images/space.gif?t=1522273413368&amp;width=1200&amp;height=2&amp;name=space.gif 1200w" sizes="(max-width: 600px) 100vw, 600px">
																			</td>
																		</tr>
																	</tbody></table>
																</td>
															</tr>
														</tbody></table>
													</td>
												</tr>
											</tbody></table>
											<!-- End Template Footer -->
										</td>
									</tr>
										
								</tbody></table>
								<!-- End Template Wrapper -->
							</td>
						</tr>		
					</tbody></table>
					<!-- End Template Container -->
				</td>
			</tr>
		</tbody></table>
		<!-- End backgroundTable -->
	
<!-- end coded_template: id:5433084235 path:Custom/email/df_templates/df_template.html -->
</body>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console