ui-kit

Fonctions utile :

{{ getImageHtmlById(41, "menu-icon", 200) }} # Renvoie l'image si elle existe, getImageHtmlById(id,class,width) class et width peux etre null par defaut se sera 100% pour la width, la width est en pixel

---

{{ getImageHtmlById404(41, "menu-icon", 200) }} # Renvoie l'image si elle existe sinon 404.bewp, getImageHtmlById(id,class,width)

---

Les titres

{{ post.title|underline }} # underline le dernier mot

---

{{ 'titre centrer'|underline(2) }} # underline les deux dernier mots

---

{{ 'avec content a droit'|underline(2,1,"#000") }} # underline les deux dernier mots et decale de 1 par la droite

---

{{ 'avec content a droit'|underline(2,1,"orange") }} # underline les deux dernier mots et decale de 1 par la droite et indiquer la couleur (hex, rgba...)

---

{{ 'underline text libre'|underline }}

---

{{ post.title|highlight }}

---

{{ post.title|highlight }} # highlight le dernier mot

---

{{ 'titre centrer'|highlight(2) }} # highlight les deux dernier mots

---

{{ 'avec content a droit'|highlight(2,1) }} # highlight les deux dernier mots et decale de 1 par la droite

---

{{ 'highlight text libre'|highlight }}

---

{{ post.title|highlight }}

Les Typos

.text ipsum dolor sit amet, consectetur adipisicing elit. Adipisci atque dolorem eligendi esse et porro repellendus? Autem consectetur deserunt dolor laborum, tenetur unde! Facilis hic ipsa, iste itaque quam quidem.

Les Boutons

{{ svg_icon('icon_name' }}

Les Cards

Cards article

{{ include('cards/article.twig', {'post': article}) }}

Cards property

{{ include('cards/property.twig', {'post': property}) }}

Les Sections globals

Devenir partenaire

{{ include('partials/devenir-partenaire.twig'}}

Section article

            
            {{ include('partials/section-article.twig', {'titre': 'Newsroom epsicap', 'texte': 'Nos derniers articles', 'texte_bouton': 'Accéder à la Newsroom', 'lien': '2024/08/13/hello-world/', 'id_category': 1}) }}
            // Renvoie les articles de la categorie 1, id_category n'est pas obligatoire
            
        

Section texte top

            
            {{ include('utils/label-top-section.twig', {'titre': 'Construisez un capital immobilier sans vous souciez de la gestion', 'surtitre': 'Les avantages en investissant chez epsicap', 'undertitre': '*Les performances passées ne présagent pas des performances futures.'}) }}
            
        

Range slider

            
                {% include 'partials/range-slider.twig' with { 'id': 'customRange', 'label': 'Single-Thumb Range Slider', 'name': 'customRange', 'value': 6, 'min': 0, 'max': 10, 'step': 0.5 , 'unit': '€' } %}