white

black

raisin-black

philippine-gray

bright-gray

anti-flash-white

Titre h1

Titre h2

Titre h3

Titre h4

Titre h5

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

xs

s

m

l

xl

2xl

3xl

4xl

<button class="button button--primary"><span>Découvrir</span></button>

<button class="button button--secondary"><span>Découvrir</span></button>

<button class="button button--alt"><span>Découvrir</span></button>

<button class="button button--filter button--alt"><span>Découvrir</span></button>

<button class="button button--primary button--l"><span>Découvrir</span></button>

<button class="button button--loading"><span>Découvrir</span></button>

<button class="button button--primary" disabled><span>Découvrir</span></button>

<button class="button button--primary"><svg class="icon icon--s"><use xlink:href="#icon-eye" /></svg><span>Découvrir</span></button>

<button class="button button--primary button--add-to-cart has-icon checked"><svg class="icon icon--s"><use xlink:href="#icon-check" /></svg><span>Ajouter au panier</span></button>

Default are feather icons.

{% render 'icon', icon: 'id' %}

activity

airplay

alert-circle

alert-octagon

alert-triangle

align-center

align-justify

align-left

align-right

arrow-return

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

{% render 'drawer', opener: '.js-open-basic-drawer', title: 'Very basic Drawer', content_html:lorem %}

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

{% render 'drawer', opener: '.js-open-mobile-open-drawer', mobile_only: true, title: 'Mobile only Drawer', content_html:lorem %}

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

{% render 'drawer', opener: '.js-open-large-drawer', class: 'drawer--large', title: 'Large Drawer', content_html:lorem %}

{% render 'drawer', opener: '.js-open-fetch-drawer', content_handle: 'politique-de-confidentialite', title: 'Large Drawer' %}

Dependencies :

🟢ㅤLiquid to include
🔴ㅤCSS should be in common.css
🟡ㅤJS to include in theme.liquid

Content tab 1

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

Accordion title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

👀 check it out in action.

Dependencies :

🟢ㅤLiquid to include in theme.liquid
🔴ㅤCSS to include
🟡ㅤJS to include

Découvrir la collection

Dependencies :

🟢ㅤLiquid to include
🟡ㅤJS to include

$19.99