List module

A list module is a versatile component used to display and manage collections of items efficiently. Whether integrated into a website, application, or content management system, a list module enhances user interaction and data organization.

List with 2 columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus sagittis magna mollis suscipit varius. Aenean vitae libero commodo, dapibus diam eget, lobortis sem. Aliquam purus arcu, auctor accumsan turpis non, sagittis lobortis enim. Etiam pharetra imperdiet purus sed cursus. Sed suscipit efficitur massa euismod faucibus. Ut quis auctor elit, sed venenatis felis. Fusce ac mollis massa, sit amet posuere ex. Ut lacus quam, sagittis at tortor vel, mollis suscipit neque. Aliquam ultrices, est eget facilisis posuere, quam ex malesuada leo, vitae facilisis turpis ipsum eu dolor.

Vivamus elit dui, aliquam a vestibulum in, ornare et tortor.

Duis non fringilla justo, non aliquam metus. Fusce blandit purus eu odio tincidunt, ac molestie sem fermentum. Phasellus leo orci, rutrum quis sapien vitae, dictum laoreet urna. Praesent eget ullamcorper metus. Suspendisse a porta nibh, sit amet feugiat orci. In tempus tincidunt tortor vel condimentum.

Maecenas ac nisl ultrices, aliquam leo sit amet, euismod dui.

Pellentesque iaculis, eros sed varius eleifend, nunc ex ornare urna, quis elementum sapien sem vel erat. Morbi quis nunc id nulla mattis finibus aliquam eget lorem. Aliquam quis neque tempus, tristique turpis ac, accumsan dolor. Nunc ut eros quis elit mollis ullamcorper eget vel magna. Maecenas ullamcorper sapien eget nulla fringilla luctus. Nam egestas feugiat nibh tincidunt iaculis.

Suspendisse ex quam, commodo et tristique ac, tincidunt at ligula.

Maecenas orci odio, fringilla non augue vitae, eleifend dignissim ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Mauris id dolor consectetur, sollicitudin mauris sed, malesuada sapien. Vivamus a maximus sapien. Suspendisse consequat volutpat mauris pulvinar tincidunt. Aliquam erat volutpat. Mauris ut augue ut magna consequat mollis a id dolor.

Centered list with 6 columns

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Duis imperdiet vehicula hendrerit.

Accumsan turpis non

Phasellus sagittis magna mollis suscipit varius. Aenean vitae libero commodo, dapibus diam eget, lobortis sem.

Aliquam purus arcu, auctor

Etiam pharetra imperdiet purus sed cursus. Sed suscipit efficitur massa euismod faucibus.

Ut quis auctor elit, sed venenatis felis

Fusce ac mollis massa, sit amet posuere ex.

Ut lacus quam, sagittis at tortor vel

Aliquam ultrices, est eget facilisis posuere, quam ex malesuada leo, vitae facilisis turpis ipsum eu dolor.

Duis imperdiet

Vehicula hendrerit mollis suscipit neque, sagittis lobortis enim

Suspendisse ex quam

Commodo et tristique ac, tincidunt at ligula. Maecenas orci odio, fringilla non augue vitae, eleifend dignissim ipsum.

Vestibulum ante ipsum primis in faucibus

Orci luctus et ultrices posuere cubilia curae a id dolor.

List with buttons (equal heights)

Lorem ipsum dolor sit amet

Consectetur adipiscing elit. Duis imperdiet vehicula hendrerit.

Internal link

Accumsan turpis non

Phasellus sagittis magna mollis suscipit varius. Aenean vitae libero commodo, dapibus diam eget, lobortis sem.

External link

Aliquam purus arcu, auctor

Etiam pharetra imperdiet purus sed cursus. Sed suscipit efficitur massa euismod faucibus.

Document

List with icons and styles in text

Sed purus enim, rhoncus ut neque et, tempor hendrerit neque

Nunc viverra posuere lobortis. Pellentesque scelerisque ex nisi, sed pulvinar quam egestas sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec venenatis ultrices pellentesque.
Quisque enim orci, lobortis sit amet facilisis in, accumsan quis lacus.
Nam scelerisque, magna in gravida tristique, purus justo consectetur dolor, vitae pellentesque neque velit sit amet risus.
In faucibus blandit felis sed blandit.
Cras quis ligula venenatis, commodo dui id, tempus est.
Duis condimentum porttitor elementum.
Vestibulum pharetra ac sem vel ornare. Phasellus a maximus sem.

Donec convallis dui mauris, quis tincidunt neque vulputate et

Proin eget faucibus tellus. Nullam venenatis sagittis velit tristique malesuada. Vivamus non commodo magna.

Nulla bibendum scelerisque urna non rutrum.
Aliquam non fermentum velit.
Donec vitae nisi at justo porta mattis.
Aenean rhoncus ligula vitae diam fermentum, quis varius justo pharetra.
Pellentesque eget justo sed libero laoreet semper quis at libero.

Fusce non leo sed tortor elementum facilisis vitae id eros. Sed eget dapibus ligula. Vivamus nisi neque, luctus nec nibh et, porttitor pharetra risus.

Interdum et malesuada fames ac ante ipsum primis in faucibus.

Nam erat ante, faucibus nec justo id, blandit pharetra metus. Etiam vel eleifend risus, ac sollicitudin neque. Proin a imperdiet nunc. Aenean egestas gravida arcu nec mattis. Sed tellus elit, ~~scelerisque eu justo nec~~, porttitor auctor augue. Proin sed ullamcorper turpis. Vivamus vel metus interdum, viverra ligula et, accumsan lacus. Proin pharetra, tortor at eleifend suscipit, libero lorem luctus sapien, vitae volutpat nibh elit pretium nisi.

Centered list with big icons

Sed purus enim, rhoncus ut neque et, tempor hendrerit neque

Nunc viverra posuere lobortis. Pellentesque scelerisque ex nisi, sed pulvinar quam egestas sit amet.

Donec convallis dui mauris, quis tincidunt neque vulputate et

Proin eget faucibus tellus. Nullam venenatis sagittis velit tristique malesuada. Vivamus non commodo magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus.

Integer sed auctor lectus, vitae iaculis est. Nam vulputate, purus ac tempor faucibus, enim augue rutrum purus, vel auctor neque tellus id odio.

Sed eget nulla sit amet magna sollicitudin consectetur

Curabitur eleifend elit dui, malesuada porta mi faucibus sed.

List with alternate alignments

Sed purus enim, rhoncus ut neque et, tempor hendrerit neque

Nunc viverra posuere lobortis. Pellentesque scelerisque ex nisi, sed pulvinar quam egestas sit amet.

Donec convallis dui mauris, quis tincidunt neque vulputate et

Proin eget faucibus tellus. Nullam venenatis sagittis velit tristique malesuada. Vivamus non commodo magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus.

Integer sed auctor lectus, vitae iaculis est. Nam vulputate, purus ac tempor faucibus, enim augue rutrum purus, vel auctor neque tellus id odio.

Sed eget nulla sit amet magna sollicitudin consectetur

Curabitur eleifend elit dui, malesuada porta mi faucibus sed.

List image layout

Sed purus enim

Donec convallis dui

Interdum et mal

Sed eget nulla

List in compact size

List with 1 column

List module

List with 2 columns

Centered list with 6 columns

List with buttons (equal heights)

List with icons and styles in text

Centered list with big icons

List with alternate alignments

List image layout

List in compact size

List with 1 column

Text with button to download a file

Text with a external link button

Some text with internal link to page in the same site

Text with no button or link

List with 2 columns

Sed tellus metus, finibus laoreet diam quis, auctor ultricies nibh

Maecenas fringilla, lectus nec dapibus efficitur, tortor nunc sollicitudin quam, ut lacinia massa sem non orci

Donec dictum mi eu mi efficitur tempor

Etiam egestas orci risus, a laoreet massa congue sit amet

Morbi bibendum ante non arcu efficitur, sit amet placerat lacus finibus

Curabitur ultrices porttitor diam, a ultrices sapien sodales vel

Maecenas ultrices, sem vitae aliquam finibus, dolor metus gravida turpis, vel volutpat neque metus sit amet massa

Nam a erat fringilla, luctus nisl a, mattis lacus