# Template

# Base

---
title: base
description:
  Ceci est un template très basique de ce qu'il est possible de faire sur le
  site campus !
color: baseColor
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

# Team

---
title: team
description:
  Ceci est un template dans lequel on ajoute la présentation de l'équipe de
  l'association pour montrer ce qu'il est possible de faire !
color: teamColor
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>

# Social

---
title: social
description:
  Ceci est un template pour montrer l'intégration d'une bannière de réseaux
  sociaux !
color: socialColor
social:
  facebook: 'https://facebook.com'
  instagram: 'https://instagram.com'
  twitter: 'https://twitter.com'
  twitch: 'https://twitch.com'
  snapchat: 'https://snapchat.com'
  # discord: 'https://discord.com'
  linkedin: 'https://linkedin.com'
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## Nous retrouver sur les réseaux sociaux

<campus-social :social="social" :color="color"></campus-social>

# Social & Team

---
title: social & team
description:
  Ceci est un template pour montrer l'intégration à la fois de la bannière
  sociale et d'une team pour votre vitrine !
color: socialTeamColor
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
social:
  facebook: 'https://facebook.com'
  instagram: 'https://instagram.com'
  twitter: 'https://twitter.com'
  # twitch: 'https://twitch.com'
  snapchat: 'snapchat'
  discord: 'https://discord.com'
  linkedin: 'https://linkedin.com'
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## Nous retrouver sur les réseaux sociaux

<campus-social :social="social" :color="color"></campus-social>

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>

# Image

---
title: image
description:
  Ceci est un template qui contient une image en début, comme le logo de votre
  association !
color: imageColor
---

# Bienvenue dans votre association

<campus-center>
  <campus-responsive-image folder-name="img" name="logo.jpg" max-width="400"></campus-responsive-image>
</campus-center>

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

# Image, Social & Team

---
title: image, social & team
description:
  Ceci est un template qui contient une image en début, comme le logo de votre
  association, la bannière pour les réseaux et votre équipe ! Un template
  complet en quelque sorte !
color: imageSocialTeamColor
social:
  facebook: 'https://facebook.com'
  # instagram: 'https://instagram.com'
  twitter: 'https://twitter.com'
  # twitch: 'https://twitch.com'
  # snapchat: 'https://snapchat.com'
  discord: 'https://discord.com'
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
---

# Bienvenue dans votre association

<campus-center>
  <campus-responsive-image folder-name="img" name="logo.jpg" max-width="400"></campus-responsive-image>
</campus-center>

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## Nous retrouver sur les réseaux sociaux

<campus-social :social="social" :color="color"></campus-social>

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>
---
title: carousel
description:
  Ceci est un template pour montrer l'utilisation et le rendu d'un carousel !
color: carouselColor
imagesName:
  - 'carousel-1.jpg'
  - 'carousel-2.jpg'
  - 'carousel-3.jpg'
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

<campus-center>
  <campus-carousel :names="imagesName" folder-name="img"></campus-carousel>
</campus-center>

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.
---
title: carousel & team
description:
  Ceci est un template pour montrer l'utilisation et le rendu d'un carousel avec
  une équipe !
color: carouselTeamColor
imagesName:
  - 'carousel-1.jpg'
  - 'carousel-2.jpg'
  - 'carousel-3.jpg'
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

<campus-center>
  <campus-carousel :names="imagesName" folder-name="img"></campus-carousel>
</campus-center>

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>
---
title: carousel, social & team
description:
  Ceci est un template pour montrer l'utilisation et le rendu d'un carousel avec
  une équipe et les réseaux sociaux !
color: carouselSocialTeamColor
imagesName:
  - 'carousel-1.jpg'
  - 'carousel-2.jpg'
  - 'carousel-3.jpg'
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
social:
  # facebook: 'https://facebook.com'
  instagram: 'https://instagram.com'
  twitter: 'https://twitter.com'
  twitch: 'https://twitch.com'
  snapchat: 'https://snapchat.com'
  # discord: 'https://discord.com'
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

<campus-center>
  <campus-carousel :names="imagesName" folder-name="img"></campus-carousel>
</campus-center>

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## Nous retrouver sur les réseaux sociaux

<campus-social :social="social" :color="color"></campus-social>

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>
---
title: carousel, image, social & team
description:
  Ceci est un template pour montrer l'utilisation et le rendu d'un carousel avec
  le une image de présentation, les réseaux sociaux et l'équipe !
color: carouselImageSocialTeamColor
imagesName:
  - 'carousel-1.jpg'
  - 'carousel-2.jpg'
  - 'carousel-3.jpg'
social:
  facebook: 'https://facebook.com'
  instagram: 'https://instagram.com'
  # twitter: 'https://twitter.com'
  # twitch: 'https://twitch.com'
  # snapchat: 'https://snapchat.com'
  # discord: 'https://discord.com'
team:
  bureau:
    - responsability: président
      name: Jules Perrault
      description: responsable de l'association
    - responsability: trésorier
      name: Courtland Vaillancour
      description:
        Phasellus et laoreet augue. Aliquam tristique nisi sed velit faucibus
        auctor. Nulla turpis diam, volutpat nec nisl vitae.
  communication:
    - responsability: responsable communication
      name: Charlotte Beaudoin
      description:
        gère son équipe de communication afin d'augmenter la visibilité de
        l'association
---

# Bienvenue dans votre association

<campus-center>
  <campus-responsive-image folder-name="img" name="logo.jpg" max-width="400"></campus-responsive-image>
</campus-center>

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

<campus-center>
  <campus-carousel :names="imagesName" folder-name="img"></campus-carousel>
</campus-center>

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

---

## Nous retrouver sur les réseaux sociaux

<campus-social :social="social" :color="color"></campus-social>

---

## L'équipe

<campus-team :team="team" :color="color"></campus-team>

# Images

---
title: images
description: Ceci est un template qui contient plusieurs images !
color: imagesColor
---

# Bienvenue dans votre association

<campus-center>
  <campus-responsive-image folder-name="img" name="logo.jpg" max-width="400"></campus-responsive-image>
</campus-center>

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

<campus-center>
  <campus-responsive-image folder-name="img" name="presentation.jpg" max-width="800"></campus-responsive-image>
</campus-center>

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

<campus-center>
  <campus-responsive-image folder-name="img" name="objectifs.jpg" max-width="800"></campus-responsive-image>
</campus-center>

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

# Long

---
title: long
description:
  Ceci est un template où il y a plus de textes et de parties que les autres !
color: longColor
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

## Objectifs

> Nullam vestibulum ligula eu justo convallis, et mattis dolor tincidunt. Sed
> dictum libero in mi vestibulum, maximus tincidunt nulla sagittis. Cras
> eleifend ac nibh quis vestibulum.

### À court terme

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

### À long terme

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

## Évènements

> Nullam vestibulum ligula eu justo convallis, et mattis dolor tincidunt. Sed
> dictum libero in mi vestibulum, maximus tincidunt nulla sagittis. Cras
> eleifend ac nibh quis vestibulum.

### Au sein de l'école

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

### Dans la ville

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

### Dans la région

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

### Dans la ville 2

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

## Notre vision pour l'avenir de l'association

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.

# Expansion

---
title: expansion
description:
  Ceci est un template pour montrer l'utilisation d'un expansion panel !
color: expansionColor
expansion:
  - title: Lorem ipsum
    content:
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus,
      ante in sagittis iaculis, nulla dui finibus tellus, aliquam euismod libero
      urna eu enim. Praesent non aliquam mauris, eget tincidunt mauris.
      Vestibulum augue quam, rutrum eu pretium in, accumsan quis augue. Morbi
      velit ante, varius ac mauris eget, pellentesque porttitor mauris.
  - title: Lorem ipsum
    content:
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus,
      ante in sagittis iaculis, nulla dui finibus tellus, aliquam euismod libero
      urna eu enim. Praesent non aliquam mauris, eget tincidunt mauris.
      Vestibulum augue quam, rutrum eu pretium in, accumsan quis augue. Morbi
      velit ante, varius ac mauris eget, pellentesque porttitor mauris.
  - title:
    content:
---

# Bienvenue dans votre association

> Sed tempus tellus in neque tincidunt gravida. Integer suscipit sodales nisl,
> sit amet scelerisque nisi vestibulum ut. Aliquam facilisis purus at ligula
> mattis faucibus. Curabitur malesuada ipsum ligula, tristique gravida dui
> ullamcorper id.

## Présentation

Lorem ipsum **dolor sit amet**, consectetur adipiscing elit. Donec a venenatis
libero. Nullam commodo maximus nibh et efficitur. Suspendisse potenti. Nullam a
facilisis dui, in blandit odio. Quisque dignissim sapien ipsum, et **eleifend
nisl finibus sit amet**. Donec bibendum sagittis tortor eget porttitor.
Suspendisse dictum nec neque nec tristique. Phasellus eleifend ullamcorper
malesuada.

Nulla in auctor ante. _Aenean pellentesque aliquam mattis_. Mauris fermentum
risus ac enim porta, id pulvinar lorem aliquam. Nam vehicula quam eu ante
porttitor varius. Nunc ultricies urna velit, nec ornare nisl sagittis eu. Sed
posuere enim a congue convallis. Curabitur dolor quam, suscipit et dolor sed,
tincidunt consequat lectus. Donec dui orci, dignissim quis congue non, commodo
ac ligula. Curabitur sed quam vitae neque interdum hendrerit vitae nec lectus.
Donec viverra ullamcorper nibh id aliquet. Interdum et malesuada fames ac ante
ipsum primis in faucibus.

<campus-expansion-panels :color="color" :expansion="expansion"></campus-expansion-panels>

## Objectifs

Cras quis justo a sapien accumsan laoreet. Vestibulum justo turpis, tristique
eget sollicitudin eget, vestibulum vel dolor. Donec dictum vulputate ex non
sagittis. Nullam vehicula in quam nec elementum. Nam nec blandit lorem, at
dictum felis. Nulla luctus ipsum leo, vitae facilisis est dictum vel. Phasellus
tristique urna arcu, quis condimentum mauris interdum non. Praesent tempor
lobortis odio et **molestie**. Ut tempor sapien a tortor **luctus**, **blandit**
porta felis vehicula. Quisque tempus venenatis orci, ut volutpat urna. Vivamus
risus velit, auctor mollis dui ut, lacinia venenatis risus. Suspendisse
imperdiet quis lectus id accumsan.

Etiam erat metus, dapibus id felis congue, egestas gravida erat. Curabitur
sodales eget lectus bibendum lobortis. Nunc dictum est feugiat elit tincidunt,
viverra finibus ante ultrices. Vestibulum at sem mollis, pharetra neque sed,
tincidunt neque. Proin eget risus quis ante finibus bibendum. Duis a tortor nec
augue hendrerit pulvinar eu eget purus. Maecenas nec sapien mollis, commodo
mauris at, pulvinar eros. Morbi hendrerit porttitor finibus. Curabitur dapibus
sagittis feugiat. Morbi nec sodales tellus. Nam id purus eget libero euismod
tincidunt at ut nulla. Quisque finibus orci at pretium tincidunt. Duis in nibh
tortor. Pellentesque libero felis, luctus nec nibh ac, vehicula blandit mauris.
Quisque placerat vel diam at sodales. Sed purus arcu, scelerisque vel magna
vitae, rutrum egestas mi.