<!-- Newsletter dialog -->
<section role="dialog" id="newsletter-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium" aria-hidden="true">
<!-- Dialog header -->
<header class="aui-dialog2-header">
<!-- The dialog's title -->
<h2 class="aui-dialog2-header-main">Subscribe to CEF Digital Newsletter</h2>
<!-- Close icon -->
<a class="aui-dialog2-header-close">
<span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
</a>
</header>
<!-- Main dialog content -->
<div class="aui-dialog2-content">
<form class="aui" id="newsletter">
<!-- Name -->
<div class="field-group">
<label for="mce-NAME">Full Name
<span class="aui-icon icon-required">(required)</span>
</label>
<input class="text medium-field"
type="text"
id="mce-NAME"
name="NAME"
data-aui-validation-required="required">
</div>
<!-- Email -->
<div class="field-group">
<label for="mce-EMAIL">Email
<span class="aui-icon icon-required">(required)</span>
</label>
<input class="text medium-field"
type="text"
id="mce-EMAIL"
name="EMAIL"
placeholder="you@example.com"
data-aui-validation-required="required">
<!-- Newsletter Group -->
<input type="checkbox"
value="70368744177664"
name="group[6381][70368744177664]"
id="mce-group[6381]-6381-46"
checked="checked"
style="display:none">
</div>
<div class="field-group">
<input class="button submit"
type="submit"
value="Submit">
</div>
</form>
</div>
<!-- Dialog footer -->
<footer class="aui-dialog2-footer">
<!-- Actions to render on the right of the footer -->
<div class="aui-dialog2-footer-actions">
<button id="dialog-close-newsletter" class="aui-button aui-button-link">Close</button>
</div>
</footer>
</section>
HTML
<!-- Europa Analytics --><script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script><script type="application/json">{"utility":"piwik","siteID":"457","sitePath":["ec.europa.eu\/cefdigital"]}</script><!-- End Europa Analytics Code -->