 <div class="card" id="period">
        <div class="item-card">
                <div class="item-card-desc">
                        <a href="#" id="parentSel1"></a>
                        <div class="item-card-img">
                                <img src="assets/images/media/calendar_off.jpg" alt="img" class="">
                        </div>
                        <div class="item-card-text hidden" style="top: 20%" >
                            <h5 class="mb-0 square" >Je recherche un évènement ou une activité qui a lieu au mois de :</h5>
                            <i class="fa fa-caret-down" style="font-size: 3em;   margin-top: 0.5em;"></i>
                        </div>                             
                </div>                        
        </div>

<select id="period" class="select2-yo-search hidep period"> 
   <?php foreach ($this->periods as $period => $nbOffers) { ?>
           <option value="<?php echo $nbOffers; ?>" data-id="<?php echo $period; ?>"><?php echo $period; ?></option>
   <?php } ?>
</select> 
</div>