{# Footer Creative Social #}
<footer class="footer-creative-social">
    <div class="container">
        <div class="fcs-content">
            <h3>{{ site.name }}</h3>
            {% if config.showSocial and site.hasOneSocialLink() %}
            <div class="fcs-social-large">
                {% if site.facebook %}<a href="{{ site.facebook }}"><i class="si-icon-facebook"></i><span>Facebook</span></a>{% endif %}
                {% if site.twitter %}<a href="{{ site.twitter }}"><i class="si-icon-twitter"></i><span>Twitter</span></a>{% endif %}
                {% if site.instagram %}<a href="{{ site.instagram }}"><i class="si-icon-instagram"></i><span>Instagram</span></a>{% endif %}
            </div>
            {% endif %}
            <p class="fcs-copy">© {{ 'now'|date('Y') }} {{ site.name }}</p>
        </div>
    </div>
</footer>
<style>.footer-creative-social{background:var(--primary-color);color:var(--primary-contrast);padding:3rem 0;text-align:center}.fcs-content h3{font-size:2rem;margin-bottom:2rem}.fcs-social-large{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.fcs-social-large a{display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:var(--primary-contrast);text-decoration:none;transition:transform 0.3s}.fcs-social-large a:hover{transform:scale(1.1)}.fcs-social-large i{font-size:2.5rem}.fcs-copy{opacity:0.8;margin-top:2rem}</style>