<section class="" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Que dit votre horoscope ?</h2>
<h3 class="section-subheading text-muted">Aujourd'hui, demain cette semaine ou ce mois-ci venez consulter
votre horoscope à votre guise. <br>
Du Capricorne au Sagitaire, quotidiennement, hebdomadairement ou mensuellement, quelque soit votre
curiosité vous pourrez lire gratuitement votre horoscope.</p>
</h3>
</div>
<div class="row">
{% set i = 0 %}
{% for horoscope in horoscopes %}
<div class="col-sm-2 col-6 mx-auto shadow">
<div class="team-member ">
<a href="{{path('app_horoscopeSigne', {id: i})}}">
<button class="btn"> <img class="mx-auto rounded-circle mt-2" src="{{horoscope.photo}}"
alt="..." style="width: 150px; height: 150px;" /></button>
</a>
<h4>{{horoscope.nom}}</h4>
<p class="text-muted">{{horoscope.text}}</p>
<a class="btn btn-primary btn-social mx-2" href="{{path('app_horoscopeSigne', {id: i})}}"><i
class="bi bi-calendar-date"></i></a>
<a class="btn btn-primary btn-social mx-2" href="{{path('app_horoscopeSigne', {id: i})}}"><i
class="bi bi-calendar-week"></i></a>
<a class="btn btn-primary btn-social mx-2" href="{{path('app_horoscopeSigne', {id: i})}}"><i
class="bi bi-calendar-month"></i></a>
</div>
</div>
{% set i = i + 1 %}
{% endfor %}
</div>
<div class="row">
<div class="col-lg-8 mx-auto text-center mt-2">
<p class="large text-muted mt-2">Retenez bien cette page et revenez quand vous le voulez. Si quelque
chose
vous interpelle à la lecture de cet horoscope, n'oubliez pas que vos voyants sont là pour vous
éclairer et vous guider.</p>
</div>
</div>
</div>
</section>