Pràctica plantilles avançades
En una página crearem un carrusel amb 100% d’amplada (descarregant prèviament unes imatges adecuades o tractant-les si és necessari amb un editor d'imatges), a la següent fila crearem dos columnes: a l’esquerra un acordió i a la columna de la dreta un Titular i una taula. Finalment a la següent fila de 100% d'amplada, un conjunt de 4 pestanyes. El contingut dels items de l'acordió i pestanyes és lliure, amb el que es vulgui afegir.
Títol carrusel
Títol de la imatge 1
Descripció de la imatge 1.
Títol de la imatge 2
Descripció de la imatge 2.
Títol de la imatge 3
Descripció de la imatge 3.
Títol de la imatge 4
Descripció de la imatge 4.
Títol Acordió
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Títol de la Taula
| # | Columna 1 | Columna 2 | Columna 3 | Columna 4 |
|---|---|---|---|---|
| Peu de la taula | ||||
| Lorem ipsum | Dolor sum | Consecuteur est | Sit amet | Lorem ipsum |
| Consecuteur est | Lorem ipsum | Sit amet | Dolor sum | Sit amet |
| Sit amet | Consecuteur est | Dolor sum | Lorem ipsum | Sit amet |
Dades personals
- Nom: xxxxxxxxxxxxxxxxxxx
- Cognoms: xxxxxxxxxxx xxxxxxxxxxxx
- Adreça: xxxxxxxxxxxxxxxxxxxxxxxxxx
- Correu: xxxxxxxx@xxx.xxx
- Municipi: xxxxxxxxxxxxxxxxxxxxxxxxx
- Codi postal: xxxxx
- Telèfon: xxxxxxxxxxx
- Antiguitat: xxxx
- Lloc de treball: xxxxxxxx
- Departament: xxxxxxxxxxxxxxx
- Empresa: xxxxxxxxxxxxxxxxxx
- Xarxes socials: xxxxxxxx xxxxxxxxxx xxxxxxxxxxx
- Web: xxxxxxxxxxxxxxxx
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare mi mauris, eu tincidunt lacus luctus nec. Duis ut accumsan felis. Fusce posuere orci id dui dapibus euismod. Nullam eget odio euismod, finibus purus quis, gravida justo. Nulla non vehicula nibh. Etiam ultrices, libero ut accumsan consequat, lacus magna semper felis, non dapibus metus mauris non sem. Suspendisse eu efficitur augue. Vivamus ut odio a justo convallis imperdiet ac vitae odio.
In gravida scelerisque odio, ac cursus elit scelerisque id. Proin lacinia magna orci, eu lacinia eros tristique consectetur. Pellentesque nec rhoncus augue, et imperdiet nisi. Praesent id convallis enim. Fusce at orci vitae lacus elementum dignissim quis auctor ante.
Horari de treball
| Hora | Dilluns | Dimats | Dimecres | Dijous | Divendres |
|---|---|---|---|---|---|
| Peu de la taula | |||||
| 07:30h | Lorem ipsum | Dolor sum | Consecuteur est | Sit amet | Lorem ipsum |
| 14:30h | Consecuteur est | Lorem ipsum | Sit amet | Dolor sum | Sit amet |
| 15:30h | Sit amet | Consecuteur est | Dolor sum | Lorem ipsum | Sit |
| 19:00h | Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum |
Taula Table
| # | Columna 1 | Columna 2 | Columna 3 | Columna 4 |
|---|---|---|---|---|
| Peu de la taula | ||||
| Lorem ipsum | Dolor sum | Consecuteur est | Sit amet | Lorem ipsum |
| Consecuteur est | Lorem ipsum | Sit amet | Dolor sum | Sit amet |
| Sit amet | Consecuteur est | Dolor sum | Lorem ipsum | Sit amet |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis tellus. Donec ante dolor, iaculis nec, gravida ac, cursus in, eros. Mauris vestibulum, felis et egestas ullamcorper, purus nibh vehicula sem, eu egestas ante nisl non justo. Fusce tincidunt, lorem nec dapibus consectetuer, leo orci mollis ipsum, eget suscipit eros purus in ante.
Comparteix: