Nam ac nisl pretium mauris iaculis gravida.

Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuadar ridiculus mus.

Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuadarient montes, nascetur ridiculus mus.

Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuada. Cum sociis lus mus.

Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam ac nisl pretium mauris iaculis gravida. Morbi volutpat at orci sed malesuada. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

.section

MORBI VOLUTPAT AT ORCI SED

.lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

.big

Aenean facilisis leo sit amet nibh iaculis, accumsan semper diam egestas. Cras tellus enim, venenatis eu tellus in, fermentum sodales velit. In eu urna scelerisque, blandit turpis id, consequat dolor. In magna lorem, aliquet sed dolor vel, varius rhoncus mi. Praesent vel volutpat purus, mollis viverra est.

.small

.muted

RBWC is where the main decision makers in the global industry will meet and debate on new technological developments.

Cras tellus enim, venenatis eu tellus in, fermentum sodales velit. In eu urna scelerisque, blandit turpis id, consequat dolor. In magna lorem, aliquet sed dolor vel, varius rhoncus mi. Praesent vel volutpat purus, mollis viverra est. Cras vehicula tellus ut arcu viverra, condimentum lacinia metus iaculis.

.accent-color

Cras vehicula tellus ut arcu viverra

Llistes

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Enllaços

A Enllaç

.lnk Enllaç genèric

.lnk–negative (link negatiu) .lnk Enllaç

Tipus de Botó

Exemples de botó

Primary Secondary Light Dark Gradient Link

<a class="btn btn--primary" href="#">Primary</a>
<a class="btn btn--secondary" href="#">Secondary</a> 
<a class="btn btn--light" href="#">Light</a> 
<a class="btn btn--dark" href="#">Dark</a> 
<a class="btn btn--gradient" href="#">Gradient</a> 
<a class="btn btn--link" href="#">Link</a>

Tipus outline

Primary Secondary Light Dark

<a class="btn btn--outline-primary" href="#">Primary</a> 
<a class="btn btn--outline-secondary" href="#">Secondary</a> 
<a class="btn btn--outline-light" href="#">Light</a> 
<a class="btn btn--outline-dark" href="#">Dark</a>

Mides

btn–lg
Large button Large button

btn–sm
Small button Small button

Per a que ocupin el total d’ample

btn–block
Block level button Block level button

Taules

La taula ha d’estar dins d’un div amb class table-scroller per a que en responsive aparegui l’scroll

div.table-scroller

HORARIO	DIA 01	DIA 02	DIA 03	DIA 04
09:00 – 10:00	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum
09:00 – 10:00	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum
09:00 – 10:00	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	1Many desktop publishing packages and web page editors now use Lorem Ipsum
09:00 – 10:00	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum	It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.	Many desktop publishing packages and web page editors now use Lorem Ipsum

Altres classes

.box

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill

Classes per a posar als sections

Les class següents s’apliquen a les sections només.

.l-margin-no
Elimina el marge per sota

.l-margin-xs
Afegeix marge -xs- per sota del contenidor

.l-margin-sm
Afegeix marge -sm- per sota del contenidor

.l-margin-md
Afegeix marge -md- per sota del contenidor

.l-margin-lg
Afegeix marge -lg- per sota del contenidor

.l-margin-xl
Afegeix marge -xl- per sota del contenidor

.section-color-primary
Color de fons primary per a una section

.section-color-secondary
Color de fons secondary per a una section