File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/nec/nec.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/app.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<title>NEC Mailing Template</title>
<!-- <style> -->
</head>
<body>
<!-- Injection point for the inline <style> element. Don't remove this comment! -->
<!-- <style> -->
<!-- Wrapper for the body of the email -->
<table class="body" data-made-with-foundation>
<tr>
<!-- The class, align, and <center> tag center the container -->
<td class="float-center" align="center" valign="top">
<center>
<!-- The body of each email you write is injected here -->
<table align="center" class="spacer float-center"><tbody><tr><td height="24" style="font-size:24px;line-height:24px;"> </td></tr></tbody></table>
<table align="center" class="container radius float-center"><tbody><tr><td>
<repeater>
<!-- masthead -->
<layout label="masthead">
<table class="row collapse masthead-image"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<center>
<img editable width="720" label="Image 100% width" class="image-rouned-top float-center" src="http://placehold.it/720x360" align="center">
</center>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- two column text / image -->
<layout label="Text left, image right">
<table class="row"><tbody><tr>
<th class="small-12 large-8 columns first"><table><tbody><tr><th>
<h2><singleline label="Title">STAYING CONNECTED &
<br><strong>PRODUCTIVE</strong></singleline></h2>
<multiline label="text">
<p>Lorem ipsum dolor sit amet, <a href>consectetur adipisicing elit</a>. Quam at, nihil quas harum mollitia dolores odio. Inventore delectus nihil soluta quos, magni doloribus, voluptas aspernatur explicabo atque perspiciatis possimus voluptates.</p>
</multiline>
</th></tr></tbody></table></th>
<th class="small-12 large-4 columns last"><table><tbody><tr><th>
<img class="small-float-center" src="http://placehold.it/480x440" alt editable width="480" label="Image">
</th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- BUTTON Secondary -->
<layout label="Button primary">
<table class="row"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<singleline label="Button primary"><table class="button expanded primary"><tbody><tr><td><table><tbody><tr><td><center><a href="#" align="center" class="float-center">Button</a></center></td></tr></tbody></table></td>
<td class="expander"></td></tr></tbody></table></singleline>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- HR -->
<layout label="Devider">
<table class="row ruler"><tbody><tr>
<th class="small-12 large-8 columns first last"><table><tbody><tr><th><singleline label="Ruler"><hr></singleline></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- one column text / image -->
<layout label="Text only">
<table class="row"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<h2><singleline label="Title">This is a title <br><strong>This is a subtitle</strong></singleline></h2>
<multiline label="text">
<p>Lorem ipsum dolor sit amet, <a href>consectetur adipisicing elit</a>. Quam at, nihil quas harum mollitia dolores odio. Inventore delectus nihil soluta quos, magni doloribus, voluptas aspernatur explicabo atque perspiciatis possimus voluptates.</p>
</multiline>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- One column text / image -->
<layout label="Image full width">
<table class="row"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<img src="http://placehold.it/720x240" editable width="720" label="Image">
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- BUTTON Secondary -->
<layout label="Button secondary">
<table class="row"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<singleline label="Button Secondary"><table class="button expanded secondary"><tbody><tr><td><table><tbody><tr><td><center><a href="#" align="center" class="float-center">Button</a></center></td></tr></tbody></table></td>
<td class="expander"></td></tr></tbody></table></singleline>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- HR
<row class="ruler">
<columns large="8"><singleline label='Ruler'><hr/></singleline></columns>
</row>
-->
<!-- two column text / text -->
<layout label="Two column text">
<table class="row"><tbody><tr>
<th class="small-12 large-6 columns first"><table><tbody><tr><th>
<h4><singleline label="Title">Sub Section Title<br><strong>This is a subtitle</strong></singleline></h4>
<multiline label="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eum eius numquam sint dolore voluptatibus beatae ab ad, dignissimos fugiat? Nisi odio commodi debitis eveniet tenetur provident aliquid tempora placeat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eum eius numquam sint dolore voluptatibus beatae ab ad, dignissimos fugiat? Nisi odio commodi debitis eveniet tenetur provident aliquid tempora placeat.</p>
</multiline>
</th></tr></tbody></table></th>
<th class="small-12 large-6 columns last"><table><tbody><tr><th>
<h4><singleline label="Title">Sub Section Title<br><strong>This is a subtitle</strong></singleline></h4>
<multiline label="text">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eum eius numquam sint dolore voluptatibus beatae ab ad, dignissimos fugiat? Nisi odio commodi debitis eveniet tenetur provident aliquid tempora placeat.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eum eius numquam sint dolore voluptatibus beatae ab ad, dignissimos fugiat? Nisi odio commodi debitis eveniet tenetur provident aliquid tempora placeat.</p>
</multiline>
</th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- HR
<row class="ruler">
<columns large="8"><singleline label='Ruler'><hr/></singleline></columns>
</row>
-->
<!-- HEX icon row-->
<layout label="Hexagon icon vertical">
<table class="row hexagon-icons"><tbody><tr>
<th class="small-12 large-1 columns first"><table><tbody><tr><th>
<img src="/assets/img/hex-icon.png" editable width="96" label="Icon" class="small-float-center">
</th></tr></tbody></table></th>
<th class="small-12 large-10 columns"><table><tbody><tr><th>
<h5 class="small-text-center">What is the deal?</h5>
<p class="small-text-center">Sweet beast sun bathe or chase mice rub face on everything or leave dead animals as gifts for mark territory play time.</p>
</th></tr></tbody></table></th>
<th class="small-12 large-1 columns last"><table><tbody><tr><th>
</th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
<!-- HR
<row class="ruler">
<columns large="8"><singleline label='Ruler'><hr/></singleline></columns>
</row>
-->
<!-- HEX icon row-->
<layout label="Hexagon icons horizontal">
<table class="row hexagon-icons hexagon-icons__one-row "><tbody><tr>
<th class="small-12 large-4 columns first"><table><tbody><tr><th>
<img src="/assets/img/hex-icon-no-margin.png" editable width="48" label="Icon" class="float-center">
<h5 class="text-center">What is the deal?</h5>
<p class="text-center">Sweet beast sun bathe or chase mice rub face on everything or leave dead animals as gifts for mark territory play time.</p>
</th></tr></tbody></table></th>
<th class="small-12 large-4 columns"><table><tbody><tr><th>
<img src="/assets/img/hex-icon-no-margin.png" editable width="48" label="Icon" class="float-center">
<h5 class="text-center">What is the deal?</h5>
<p class="text-center">Sweet beast sun bathe or chase mice rub face on everything or leave dead animals as gifts for mark territory play time.</p>
</th></tr></tbody></table></th>
<th class="small-12 large-4 columns last"><table><tbody><tr><th>
<img src="/assets/img/hex-icon-no-margin.png" editable width="48" label="Icon" class="float-center">
<h5 class="text-center">What is the deal?</h5>
<p class="text-center">Sweet beast sun bathe or chase mice rub face on everything or leave dead animals as gifts for mark territory play time.</p>
</th></tr></tbody></table></th>
</tr></tbody></table>
</layout>
</repeater>
<!-- HR -->
<table class="row ruler"><tbody><tr>
<th class="small-12 large-8 columns first last"><table><tbody><tr><th><singleline label="Ruler"><hr></singleline></th></tr></tbody></table></th>
</tr></tbody></table>
<!-- ABOUT -->
<table class="row about-nec"><tbody><tr>
<th class="small-12 large-6 columns first"><table><tbody><tr><th><p class="text-left payoff small-float-center"><singleline label="Payoff">Empowering the Smart Enterprise</singleline></p></th></tr></tbody></table></th>
<th class="small-12 large-6 columns last"><table><tbody><tr><th><p class="text-right link-website small-float-center"><singleline label="url website"><a href="https://www.nec-enterprise.com">www.nec-enterprise.com</a></singleline></p></th></tr></tbody></table></th>
</tr></tbody></table>
<!-- fix mobile gap in footer -->
<div class="hide-for-large">
<table class="spacer"><tbody><tr><td height="16" style="font-size:16px;line-height:16px;"> </td></tr></tbody></table>
</div>
</td></tr></tbody></table>
<table align="center" class="container float-center"><tbody><tr><td>
<table class="wrapper footer" align="center"><tbody><tr><td class="wrapper-inner">
<table class="spacer"><tbody><tr><td height="24" style="font-size:24px;line-height:24px;"> </td></tr></tbody></table>
<table class="row"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<h4 class="text-center">Stay connected with NEC on</h4>
<p class="text-center">
<a target="_blank" title="Follow NEC on Twitter" href="https://twitter.com/necenterprise"><img src="/assets/img/twitter.png" class="social-image"></a>
<a target="_blank" title="Follow NEC on Linkedin" href="http://www.linkedin.com/company/nec"><img src="/assets/img/linkedin.png" class="social-image"></a>
<a target="_blank" title="Follow NEC on Facebook" href="https://www.facebook.com/nec.global"><img src="/assets/img/facebook.png" class="social-image"></a>
<a target="_blank" title="Follow NEC on Youtube" href="https://www.youtube.com/user/NECITPLATFORM"><img src="/assets/img/youtube.png" class="social-image"></a>
</p>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</td></tr></tbody></table>
</td></tr></tbody></table>
<table align="center" class="row collapse preferences float-center"><tbody><tr>
<th class="small-12 large-12 columns first last"><table><tbody><tr><th>
<p class="text-center">
<unsubscribe><span class="social-link">Unsubscribe</span></unsubscribe> <span class="devider">|</span> <webversion><span class="social-link">Webversion</span></webversion> <span class="devider">|</span> <forwardtoafriend><span class="social-link">Forward</span></forwardtoafriend> <span class="devider">|</span> <preferences><span class="social-link">Update preferences</span></preferences>
</p>
</th>
<th class="expander"></th></tr></tbody></table></th>
</tr></tbody></table>
</center>
</td>
</tr>
</table>
</body>
</html>