---
isPage: true
draft: false
title: Quote
description: Add quote and author
icon: quote
hero:
  surtitle: Blocks
  title: Block quote
  text: Add quote and author.
  ctas:
    - text: Documentation
      url: https://www.hugolify.io/docs/blocks/quote/
      blank: true
    - text: Page code on Github
      url: https://raw.githubusercontent.com/Hugolify/hugolify-example-blocks/refs/heads/main/content/docs/quote.md
      blank: true
      link: true
  ui:
    align: center
    theme: light

blocks:

  # GRID
  - type: quote
    ui:
      grid: container
    heading:
      surtitle: Grid container
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a. Praesent condimentum
      nibh erat, eget interdum nisi auctor eget.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: large
      offset: center
    heading:
      surtitle: Grid large / Offset center
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a. Praesent condimentum
      nibh erat, eget interdum nisi auctor eget.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a. Praesent condimentum
      nibh erat, eget interdum nisi auctor eget.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: small
      offset: center
    heading:
      surtitle: Grid small / Offset center
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  # AUTHOR
  - type: quote
    ui:
      align: center
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Align center / Author without photo
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
  - type: quote
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Author link (target _blank)
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      url: https://www.jeantet.fr
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      align: center
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Align center / Author link (target _blank)
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      url: https://www.jeantet.fr
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Sans auteur
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
  - type: quote
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center / Citation multi-paragraphes
    quote: |-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.

      Vestibulum ex metus, rhoncus non diam vitae, euismod posuere mi. Praesent
      condimentum nibh erat, eget interdum nisi auctor eget.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper

  # THEME
  - type: quote
    ui:
      grid: medium
      offset: center
      theme: light
    heading:
      surtitle: Grid medium / Offset center / Theme light
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: medium
      offset: center
      theme: highlight
    heading:
      surtitle: Grid medium / Offset center / Theme highlight
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
  - type: quote
    ui:
      grid: medium
      offset: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Theme accent
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  # ALIGN
  - type: quote
    ui:
      grid: medium
      offset: center
      align: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Align center / Theme accent
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper

  - type: quote
    ui:
      align: center
      grid: medium
      offset: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Align center / Theme accent
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
        
  - type: quote
    ui:
      align: end
      grid: medium
      offset: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Align end / Theme accent
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper

  - type: quote
    ui:
      align: end
      grid: medium
      offset: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Align end / Theme accent
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  - type: quote
    ui:
      grid: medium
      offset: center
      theme: dark
    heading:
      surtitle: Grid medium / Offset center / Theme dark
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  - type: quote
    ui:
      grid: medium
      offset: center
      theme: neutral
    heading:
      surtitle: Grid medium / Offset center / Theme neutral
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  - type: quote
    ui:
      grid: medium
      offset: center
      theme: black
    heading:
      surtitle: Grid medium / Offset center / Theme black
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg

  - type: quote
    ui:
      grid: medium
      offset: center
      theme: white
    heading:
      surtitle: Grid medium / Offset center / Theme white
    quote: >-
      Duis nisl odio, blandit vel quam eget, blandit dapibus erat. Nullam
      pretium eleifend lectus, at semper nulla egestas a.
    author:
      title: Nulla Dapibus
      text: Nunc sollicitudin semper
      image:
        src: https://res.cloudinary.com/uncinq/image/upload/v1789480617/christopher-campbell-rDEOVtE7vOs-unsplash_b8tghe.jpg
---