{% extends 'base.html.twig' %}

{% block title %}Activités{% endblock %}
{% block description %}Marchés locaux, balades à pied ou a vélo, à quelques encablures des Pyrénées pour les plus sportifs ou contemplatifs, à moins que la piscine (chauffée pour les plus frileux) ne vous suffise ...?{% endblock %}

{% block body %}

    <div class="page-inner p-none no-border">


        <section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall">

            <div class="divimage dzsparallaxer--target w-100" style="height: 120%; background-image: url(img/custom/banniere-presentation.png);">
            </div>

            <div class="container pt-120 pb-120">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="section-title text-white">
                            Le gîte La Bourdette vous accueille <br />
                            pour vos vacances, séminaires ou autres moments de détente
                        </h1>

                    </div>
                </div>
            </div>
        </section>

        <section class="section-small mb-50">

            <div class="container">

                <div class="row">
                    <div class="col-md-12 text-center">

                        <h2 class="section-title fs-36">
                            Nos activités
                        </h2>

                        <h3 class="fw-3 fs-24 lh-32 mt-none body-font">
                            Découvrez les activités autour du gîte
                        </h3>

                        <hr class="medium bg-site w-50" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-6 mb-20">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine1.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>Piscine chauffée</h3>
                                <p>Profitez de la piscine</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 mb-20">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine2.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>I'm Hungry Designer</h3>
                                <p>TheCodrops always hungry to learn.</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 mb-20">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine3.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>I'm Hungry Designer</h3>
                                <p>TheCodrops always hungry to learn.</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine1.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>Piscine chauffée</h3>
                                <p>Profitez de la piscine</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine2.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>I'm Hungry Designer</h3>
                                <p>TheCodrops always hungry to learn.</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 hidden-sm">
                        <div class="tc-image-caption5">
                            <img src="img/presentation/piscine3.jpg" alt="img1" class="img-responsive">
                            <div class="caption">
                                <h3>I'm Hungry Designer</h3>
                                <p>TheCodrops always hungry to learn.</p>
                            </div>
                            <div class="link-wrap">
                                <a href="{{ path('activites_detail', {'id':1}) }}"><i class="fa fa-search"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

{% endblock %}