<!-- BEGIN: main -->
<span class="visible-xs-inline-block"><a title="{LANG.joinnow}" class="pointer button" data-toggle="tip" data-target="#socialList" data-click="y"><em class="fa fa-share-alt fa-lg"></em><span class="hidden">{LANG.joinnow}</span></a></span>
<div id="socialList" class="content">
    <h3 class="visible-xs-inline-block">{LANG.joinnow}</h3>
    <ul class="socialList">
        <!-- BEGIN: facebook -->
        <li><a href="{DATA.facebook}" target="_blank"><i class="fa fa-facebook"></i></a></li>
        <!-- END: facebook -->
        <!-- BEGIN: youtube -->
        <li><a href="{DATA.youtube}" target="_blank"><i class="fa fa-youtube"></i></a></li>
        <!-- END: youtube -->
        <!-- BEGIN: twitter -->
        <li><a href="{DATA.twitter}" target="_blank"><i class="fa fa-twitter"></i></a></li>
        <!-- END: twitter -->
        <!-- BEGIN: feeds -->
        <li><a href="{FEEDS_HREF}"><i class="fa fa-rss"></i></a></li>
        <!-- END: feeds -->
    </ul>
</div>
<!-- END: main -->
