<ul class="social-media-list">
	<li>
		<a href="http://twitter.com/EU_eGov" target="_blank" class="twitter"><span>Twitter</span></a>
	</li>
	<li>
		<a href="https://www.linkedin.com/groups/8552837" target="_blank" class="linkedin"><span>LinkedIn</span></a>
	</li>
</ul>
 
<style>
ul.social-media-list {
	list-style-type: none;
	padding-left: 0px;
}
.social-media-list li {
    padding-bottom: 10px;
}
.social-media-list li a {
    line-height: 2.2em;
}
ul.social-media-list li a span {
    padding-left: 45px;
    display: block;
}
ul.social-media-list li a.twitter span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left 0px;
}
ul.social-media-list li a.twitter:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -55px;
}
ul.social-media-list li a.linkedin span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -110px;
}
ul.social-media-list li a.linkedin:hover span {
    background: url(/digital-building-blocks/sites/download/attachments/23003456/sprite-btn-social-media_cef.png) no-repeat left -165px;
}
</style>

<script type="text/javascript" 
		src="/cefdigital/tracker/s/4a9500393f6badb60affbc8ab2d45e75-T/en_USemcjwy/71011/b6b48b2829824b869586ac216d119363/2.0.14/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?collectorId=904ad635"></script>

<script type="text/javascript">
$( document ).ready(function() {


window.ATL_JQ_PAGE_PROPS = $.extend(window.ATL_JQ_PAGE_PROPS, {
	
'904ad635': {
	// ==== custom trigger function ====
	triggerFunction : function( showCollectorDialog ) {
		$('#swp_isse_collector').on( 'click', function(e) {
if(showCollectorDialog !== undefined){
			e.preventDefault();
			showCollectorDialog();
}
		});
	},
fieldValues: {
        		description: window.location.href
    	}
}
});
});
</script>

<!-- 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">
= /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return re.test($("#mce-EMAIL").val());
    }
    // Name check with value check
    function validate_name() {
        return $("#mce-NAME").val() != "";
    }
    // Register to mailchimp
    function register($form) {
        $.ajax({
            type        : 'GET',
            url         : 'https://europa.us13.list-manage.com/subscribe/post-json?u=9a428438959d4d20c2a84163b&amp;&id=bc6ca47df5&c=?',
            data        : $form.serialize(),
            cache       : false,
            dataType    : 'json',
            contentType : "application/json; charset=utf-8",
            error       : function(err) { alert("Could not connect to the registration server. Please try again later."); },
            success     : function(data) {
                if (data.result != "success") {
                    var myFlag = AJS.flag({
                        type: 'error',
                        close: 'auto',
                        title: 'Error',
                        body: data.msg
                    });
                } else {
                 <span class="aui-icon aui-icon-small aui-iconfont-close-dialog">Close</span>
     AJS.dialog2("#newsletter-dialog").hide();

    </a>
    </header>
    <!-- Main dialog content -->
    <div class="aui-dialog2-content">
<form class="aui" id="newsletter">
	<!-- Name -->
var myFlag = AJS.flag({
     <div class="field-group">
        <label for="mce-NAME">Full Name
        type: 'success',
   <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 -->
close: 'auto',
                <div class="field-group">
       title: <label for="mce-EMAIL">Email
'Form Submitted',
               <span class="aui-icon icon-required">(required)</span>
		</label>
       body: <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">
'<p>Welcome to the CEFDIGITAL Newsletter, you will receive a confirmation email soon.</p>'
                    });
     
                    $( 'form#newsletter' ).each(function(){
                        this.reset();
                 <!-- Actions to render on the right of the footer -->
 });
 
					ga('send', 'event', "Newsletter", "subscribed");
            <div class="aui-dialog2-footer-actions">
   }
         <button id="dialog-close-newsletter" class="aui-button aui-button-link">Close</button> }
        </div>});
    </footer>}

});
</section>script>