{% load static %}

<footer class="footer">
    <div class="main">
        <img src="{% static 'blk-pro/assets/img/path1.png' %}" class="path shape">

        <div class="container-fluid">
            <div class="row infos mb-5">
                <div class="col-lg-3">
                    <div class="info info-hover">
                        <div class="icon icon-primary">
                            <img class="bg-blob" src="{% static 'blk-pro/assets/img/feature-blob/primary.png' %}">
                            <i class="tim-icons icon-square-pin"></i>
                        </div>
                        <h4 class="info-title">Adresse</h4>
                        <p class="description">{{ configuration.adress }}</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="info info-hover">
                        <div class="icon icon-info">
                            <img class="bg-blob" src="{% static 'blk-pro/assets/img/feature-blob/info.png' %}">
                            <i class="tim-icons icon-email-85"></i>
                        </div>
                        <h4 class="info-title">Email</h4>
                        <p class="description"><a
                                href="mailto:{{ configuration.email }}">{{ configuration.email }}</a></p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="info info-hover">
                        <div class="icon icon-warning">
                            <img class="bg-blob" src="{% static 'blk-pro/assets/img/feature-blob/warning.png' %}">
                            <i class="tim-icons icon-mobile"></i>
                        </div>
                        <h4 class="info-title">Phone Number</h4>
                        <p class="description">{{ configuration.phone }}</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="info info-hover">
                        <div class="icon icon-success">
                            <img class="bg-blob" src="{% static 'blk-pro/assets/img/feature-blob/success.png' %}">
                            <i class="tim-icons icon-single-02"></i>
                        </div>
                        <h4 class="info-title">Contact</h4>
                        <p class="description"><a
                                href="{{ configuration.site_web }}">{{ configuration.site_web }}</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h1 class="title">{{ configuration.organisation }}</h1>
            </div>

            <div class="col-md-3">
                <h3 class="title">Suivez nous :</h3>
                <div class="btn-wrapper profile text-left">
                    <a target="_blank" href="{{ configuration.twitter }}"
                       class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip"
                       data-original-title="Follow us">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a target="_blank" href="{{ configuration.facebook }}"
                       class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip"
                       data-original-title="Like us">
                        <i class="fab fa-facebook-square"></i>
                    </a>
                    <a target="_blank" href="{{ configuration.instagram }}"
                       class="btn btn-icon btn-neutral btn-round btn-simple" data-toggle="tooltip"
                       data-original-title="Like us">
                        <i class="fab fa-instagram"></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>