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 droiteLorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi est fuga illo inventore odio voluptates. Cupiditate illo labore provident, quos rem tenetur.
{{ '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...)Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi est fuga illo inventore odio voluptates. Cupiditate illo labore provident, quos rem tenetur.
{{ '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 droiteLorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi est fuga illo inventore odio voluptates. Cupiditate illo labore provident, quos rem tenetur.
{{ '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 Couleurs
Primary
Secondary
Blue
Light
Les Boutons
Les Icons
Afficher un icon
{{ svg_icon('icon_name' }}Liste des icons
Les Cards
Cards article
{{ include('cards/article.twig', {'post': article}) }}
Communiqués de presse
09/04/2025
Epsilon 360° accélère sa transformation pour devenir la SCPI européenne des Smallcaps.
L’Assemblée générale mixte du 2 avril dernier a voté favorablement à plus…
Lire la suite
Information
04/04/2025
🔴 REPLAY : Visionnez l'Assemblée générale 2025 de la SCPI Epsilon 360°
Nos associés réunis en Assemblée Générale ont voté à + de 96%…
Lire la suite
Information
07/03/2025
[VIDEO] Bilan de l'année 2024 et perspectives 2025
Bilan 2024 et Perspectives 2025 – Léonard HERY, directeur général d'Epsicap REIM,…
Lire la suite
Articles de presse
28/02/2025
Zoom Presse | Epsilon 360° cité sur Boursorama.com
"Des signaux positifs sur certains segments Malgré ce contexte général de correction…
Lire la suite
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.'}) }}
Construisez un capital immobilier sans vous souciez de la gestion
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': '€' } %}