- Accès-loisirs
- Bibliothèque Paul-O.-Trépanier
- Camps de jour
- Carte-loisirs
- Centre aquatique Desjardins de Granby
- Centre sportif Léonard-Grondin
- Complexe sportif Artopex
- Culture
- Développement social
- Gala Rayonnement Granby
- Granby Multi-Sports
- Inscriptions aux activités de loisirs
- Le Palace
- Ressources communautaires
- Sports
- Vie culturelle et communautaire
Navigation
Bibliothèque Paul-O.-Trépanier
Une erreur s'est produite en traitant le modèle.
The following has evaluated to null or missing: ==> colradio [in template "20115#20151#324550" at line 32, column 15] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if 4 == colradio.getData()[2..(colra... [in template "20115#20151#324550" at line 32, column 5] ----
1<#--
2Web content templates are used to lay out the fields defined in a web
3content structure.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7-->
8
9
10
11<style>
12 .no-ico {
13 border-right-width: 1px !important;
14 }
15 .no-ico:after {
16 display: none !important;
17 }
18 .no-ico:hover, .no-ico:focus {
19 background : #6ab6e3 !important;
20 color: #fff !important;
21 transition: all 0.3s ease;
22 }
23 @media (min-width: 768px) {
24 .flex-col-3 .col-tuile {
25 margin-right: 3%;
26 width: 30%;
27 }
28 .flex-col-3 .col-tuile:nth-child(3n) {
29 margin-right: 0
30 }
31 }
32 <#if 4 == colradio.getData()[2..(colradio.getData()?length-3)]?number>
33 @media (min-width: 1023px) {
34 .flex-col-3 .col-tuile {
35 margin-right: 2%;
36 width: 23%;
37 }
38 .flex-col-3 .col-tuile:nth-child(3n) {
39 margin-right: 2%;
40 }
41 .flex-col-3 .col-tuile:nth-child(4n) {
42 margin-right: 0
43 }
44 }
45 </#if>
46</style>
47
48<div class="flex-col-3 flex-wrap d-flex">
49
50
51 <#if Titre.getSiblings()?has_content>
52 <#list Titre.getSiblings() as cur_Titre>
53
54 <div class="mb-5 col-tuile">
55 <h2 class="heading-skin6 mb-1" style="font-size:1.8rem;">${cur_Titre.getData()}</h2>
56 <hr class="small-line left">
57 <picture>
58 <img src="${cur_Titre.getChild('Image').getData()}" alt="${cur_Titre.getChild('alt').getData()}">
59 </picture>
60 <p class="lh-17 mb-3">
61 ${cur_Titre.getChild('Texte29ec').getData()}
62 </p>
63 <div class="feature-link">
64
65 <#if cur_Titre.getChild('LienLaPagefaqn').getData()?has_content>
66 <a href="${cur_Titre.getChild('LienLaPagefaqn').getData()}" class="d-flex m-0 m-0 ff-med-black align-items-center inscriptions-gen no-ico justify-content-center" style="width:100%;">
67 <#else>
68 <a href="${cur_Titre.getChild('txtdestinationurl').getData()}" class="d-flex m-0 m-0 ff-med-black align-items-center inscriptions-gen no-ico justify-content-center" style="width:100%;">
69 </#if>
70 <#if cur_Titre.getChild('Bouton').getData()?has_content>
71 <span class="text-uppercase">${cur_Titre.getChild('Bouton').getData()}</span>
72 </#if>
73
74 </a>
75
76
77
78
79
80 </div>
81 </div>
82
83 </#list>
84 </#if>
85
86
87</div>