---
isPage: true
draft: false
title: Informations
description: Add some cards informations in column. Icon, images and button are available
icon: card-heading
hero:
  surtitle: Blocks
  title: Block informations
  text: Add some cards informations in column. Icon, images and button are available.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/informations/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-site/refs/heads/main/content/docs/informations.md
      blank: true
blocks:
  - type: informations
    column: 4
    background: false
    heading:
      title: 4 columns with icons
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        icon: cloud-rain
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        icon: cloud-sun
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        icon: clouds
      - title: Curabitur non ante purus
        text: Curabitur in tortor et odio congue suscipit sit amet quis purus.
        icon: sun
  - type: informations
    column: 3
    background: false
    heading:
      title: 3 columns with icons
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        icon: cloud-rain
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        icon: cloud-sun
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        icon: clouds
  - type: informations
    column: 4
    background: true
    heading:
      title: 4 columns with icons and background
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        icon: cloud-rain
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        icon: cloud-sun
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        icon: clouds
        cta:
          blank: false
          url: '#'
          text: Lorem ipsum
  - type: informations
    column: 4
    background: false
    heading:
      title: 4 columns with images
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
        cta:
          blank: false
          url: '#'
          text: Lorem ipsum
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        image:
          src: /images/uploads/robin-goutard-3evcj31p35q-unsplash.jpg
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        image:
          src: /images/uploads/robin-goutard-couufh79uzq-unsplash.jpg
      - title: Curabitur non ante purus
        text: Curabitur in tortor et odio congue suscipit sit amet quis purus.
        image:
          src: /images/uploads/lea-maruani-um-shmjr_no-unsplash.jpg
  - type: informations
    column: 4
    background: false
    heading:
      title: 4 columns with logos
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
          isLogo: true
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
          isLogo: true
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
          isLogo: true
      - title: Curabitur non ante purus
        text: Curabitur in tortor et odio congue suscipit sit amet quis purus.
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
          isLogo: true
  - type: informations
    column: 4
    background: false
    heading:
      title: 4 columns mixed
      text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
    items:
      - title: Lorem ipsum
        text: Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
      - text: Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc
        title: Faucibus maximus nunc
        image:
          src: /images/uploads/lopez-robin-nbpp7pzpsh8-unsplash.jpg
          isLogo: true
      - title: Aliquam velit magna
        text: Donec ut eros sit amet ipsum pulvinar sagittis.
        icon: clouds
      - title: Curabitur non ante purus
        text: Curabitur in tortor et odio congue suscipit sit amet quis purus.
        cta:
          blank: false
          url: '#'
          text: Lorem ipsum
---