====== Connector per afegir seccions o components ======
  
===== Secció desplegable =====

Exemple:

<scpcollapse>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpcollapse>

Sintaxi:

<code>
<scpcollapse>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpcollapse>
</code>

===== Secció desplegable amb acordió =====

Exemple:

<scpaccordion>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpaccordion>

Sintaxi:

<code>
<scpaccordion>
<scppanel title="Secció A">
Substituïu per un text adient
</scppanel>
<scppanel title="Secció B">
Substituïu per un text adient
</scppanel>
</scpaccordion>
</code>

===== Secció amb pestanyes =====

Exemple:

<scptabs>

<scptab title="Opció 1">
Substituïu per un text adient 1
</scptab>

<scptab title="Opció 2">
Substituïu per un text adient 2
</scptab>

</scptabs>

Sintaxi:

<code>
<scptabs>

<scptab title="Opció 1">
Substituïu per un text adient 1
</scptab>

<scptab title="Opció 2">
Substituïu per un text adient 2
</scptab>

</scptabs>
</code>

===== Secció de tipus Carrusel =====

Exemple:

<scpcarousel>
<scpslide>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}</scpslide>
</scpcarousel>

Sintaxi:

<code>
<scpcarousel>
<scpslide>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}</scpslide>
</scpcarousel>
</code>


Exemple amb text descriptiu:

<scpcarousel>
<scpslide>
{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>
{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
</scpcarousel>

Sintaxi:

<code>
<scpcarousel>
<scpslide>
{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 1">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>
{{:wiki:connectors:seccions:image-002-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 2">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
<scpslide>{{:wiki:connectors:seccions:image-003-1200x800.jpg?nolink|}}
<scpcaption title="Imatge 3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</scpcaption>
</scpslide>
</scpcarousel>
</code>

===== Secció amb una galeria d'imatges =====

Exemple **2 columnes**:

<scpgallery type="masonry">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>[#[
{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}
Atribució de la imatge
]#]
</scpgallery-item>
</scpgallery>

Sintaxi:

<code>
<scpgallery type="masonry">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}</scpgallery-item>
</scpgallery>
</code>

Exemple **3 columnes**:

<scpgallery type="masonry3c">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>[#[
{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}
Atribució de la imatge
]#]
</scpgallery-item>
</scpgallery>

Sintaxi:

<code>
<scpgallery type="masonry3c">
<scpgallery-item>{{:wiki:connectors:seccions:image-001-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:portada01.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0015.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0007.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0011.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:imatge-0017.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>{{:wiki:connectors:seccions:image-004-1200x800.jpg?nolink|}}</scpgallery-item>
<scpgallery-item>[#[
{{:wiki:connectors:seccions:imatge-0003.jpg?nolink|}}
Atribució de la imatge
]#]
</scpgallery-item>
</scpgallery>
</code>
===== Secció amb una linia de temps =====

Exemple:

<scptimeline>
<scpcolumntime date="1-01-2018" title="Substituïu per un títol 1">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-02-2018" title="Substituïu per un títol 2">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-03-2018" title="Substituïu per un títol 3">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
</scptimeline>

Sintaxi:

<code>
<scptimeline>
<scpcolumntime date="1-01-2018" title="Substituïu per un títol 1">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-02-2018" title="Substituïu per un títol 2">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
<scpcolumntime date="1-03-2018" title="Substituïu per un títol 3">
Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient. Substituïu aquest text per un contingut adient.
</scpcolumntime>
</scptimeline>
</code>

===== Secció modal a pantalla completa =====

Exemple:

Amb aquest botó es pot obrir una secció modal a pantalla completa

<scpfullscreen> 
== Substituïu per un títol ==

Substituïu per un text adient. Substituïu per un text adient. Substituïu per un text adient. Substituïu per un text adient

{{:wiki:connectors:seccions:imatge-0000.jpg?nolink|}}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate odio ut enim blandit. Tortor at auctor urna nunc id cursus metus aliquam. Et odio pellentesque diam volutpat. Ut ornare lectus sit amet est placerat in egestas. Dui id ornare arcu odio ut. Nulla facilisi morbi tempus iaculis urna. Sem nulla pharetra diam sit amet nisl suscipit adipiscing. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Accumsan tortor posuere ac ut consequat semper viverra nam.

Non sodales neque sodales ut. Potenti nullam ac tortor vitae purus. Et sollicitudin ac orci phasellus egestas tellus rutrum. Enim diam vulputate ut pharetra sit amet aliquam id diam. Ac tortor vitae purus faucibus ornare. At auctor urna nunc id cursus metus aliquam. Sit amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat velit. Dolor sit amet consectetur adipiscing elit ut. Facilisis leo vel fringilla est. Quisque non tellus orci ac auctor augue mauris augue neque. Mauris rhoncus aenean vel elit scelerisque mauris. Viverra mauris in aliquam sem fringilla ut morbi tincidunt. Vel quam elementum pulvinar etiam non. Orci sagittis eu volutpat odio facilisis.

</scpfullscreen>