<footer class="text-center" id="footer">
    <div class="container">
        <div class="row">

            <div class="footer-col col-first col-md-3 img-footer text-left">
                <div class="footer-logo-ot inner">
                    <img class="img-logo-footer" alt="Logo EToscana" src="${images_folder}/etoscana-white-text.png">
                </div>
            </div>

            <div class="footer-col col-second col-md-3 text-left">

                <#assign portlet_id = "85" />
                <#assign instance_id = "footer_sitemapn" />
                <#assign VOID = freeMarkerPortletPreferences.setValue("displayStyle", "ddmTemplate_6e5f4f00-cceb-4f98-a2f8-7d005225aa71")>
                <#assign queryString = "param1=value1&param2=value2"/>
                <#assign my_portlet_id = "${portlet_id}_INSTANCE_${instance_id}" />
                ${theme.runtime(my_portlet_id,queryString,freeMarkerPortletPreferences)}

            </div>

            <div class="footer-col col-third col-md-3 text-left">
                <div class="title-info">CONTATTI</div>
                <div class="font_corpo serif">
                    <p>${theme.getSetting("indirizzo")}
                        <a class="footer_link"
                           href="mailto:${theme.getSetting('e-mail')}">${theme.getSetting('e-mail')}</a>
                    </p>
                    <p>
                        <#assign accessibilita_link = theme.getSetting("accessibilita-link") />
                        <#assign privacy_link = theme.getSetting("privacy-link") />

                        <#if privacy_link?has_content>
                            <a class="footer_link" href="${privacy_link}">Privacy e note legali</a>
                            <br>
                        </#if>
                        <#if accessibilita_link?has_content>
                            <a class="footer_link" href="${accessibilita_link}">Accessibilità</a>
                        </#if>
                    </p>
                </div>
                <div class="social-media-wrapper">
                    <ul>

                        <#assign f_link = theme.getSetting("facebook-link") />
                        <#assign t_link = theme.getSetting("twitter-link") />
                        <#assign l_link = theme.getSetting("linkedin-link") />
                        <#assign g_link = theme.getSetting("google-link") />

                        <#if f_link?has_content>
                            <li>
                                <div class="social" id="facebook"><a class="icon-facebook" href="${f_link}"
                                                                     target="_blank"><span class="hide">Facebook</span></a>
                                </div>
                            </li>
                        </#if>
                        <#if t_link?has_content>
                            <li>
                                <div class="social" id="twitter"><a class="icon-twitter" href="${f_link}"
                                                                    target="_blank"><span
                                        class="hide">Twitter</span></a>
                                </div>
                            </li>
                        </#if>
                        <#if l_link?has_content>
                            <li>
                                <div class="social" id="linked-in"><a class="icon-linkedin" href="${l_link}"
                                                                      target="_blank"><span class="hide">Linkedin</span></a>
                                </div>
                            </li>
                        </#if>
                        <#if g_link?has_content>
                            <li>
                                <div class="social" id="google-plus"><a class="icon-google-plus" href="${l_link}"
                                                                        target="_blank"><span
                                        class="hide">Linkedin</span></a>
                                </div>
                            </li>
                        </#if>

                    </ul>
                </div>
            </div>

            <div class="footer-col col-fourth col-md-3 img-footer text-right">
                <div class="footer-logo-ot inner">
                    <#assign logo_url = "${images_folder}/logo-rs.png" />
                    <img class="logo-img" alt="${logo_description}" src="${logo_url}"/>
                </div>
            </div>

        </div>
    </div>
</footer>