Shogun content sections

Icon lists

Custom element:
CSC - Icon list

Options:

  • title: edited inline (optional)
  • full-width: yes/no (optional). Default is narrow width
  • background-color: hex or rgb value (optional)
  • set-as-h1: yes/no (optional)
  • title-size: s, m, l (optional). Default is s
  • title-color: hex or rgb value (optional)
  • no-of-columns: 1, 2, 3, 4 (optional). Default is 1
  • list: icon list with image and text. Recommended image size: 60px x 60px
  • list-text-color: hex or rgb value (optional).

Narrow width - Icons - 1 col

1 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Narrow width - Icons - 2 col

2 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Narrow width - Icons - 3 col

3 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Narrow width - Icons - 4 col

4 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.

Full width - Icons - 1 col

1 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Full width - Icons - 2 col

2 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Full width - Icons - 3 col

3 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus. Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla. Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus. In faucibus vitae augue acu dapibus.

Full width - Icons - 4 col

4 Column icon list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  • Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.