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

  # Grid
  - type: title
    ui:
      grid: container
    heading:
      surtitle: Grid container
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.
  - type: title
    ui:
      grid: large
      offset: center
    heading:
      surtitle: Grid large / Offset center
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.
  - type: title
    ui:
      grid: medium
      offset: center
    heading:
      surtitle: Grid medium / Offset center
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.
  - type: title
    ui:
      grid: small
      offset: center
    heading:
      surtitle: Grid small / Offset center
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.

  # CENTER
  - type: title
    ui:
      grid: medium
      offset: center
      align: center
      theme: accent
    heading:
      surtitle: Grid medium / Offset center / Align center / Theme accent
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.

  # THEME
  - type: title
    ui:
      grid: large
      offset: center
      theme: light
    heading:
      surtitle: Grid large / Offset center / Theme light
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.
  - type: title
    ui:
      grid: large
      offset: center
      theme: highlight
    heading:
      surtitle: Grid large / Offset center / Theme highlight
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
  - type: title
    ui:
      grid: large
      offset: center
      theme: accent
    heading:
      surtitle: Grid large / Offset center / Theme accent
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.

  - type: title
    ui:
      grid: large
      offset: center
      theme: dark
    heading:
      surtitle: Grid large / Offset center / Theme dark
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.

  - type: title
    ui:
      grid: large
      offset: center
      theme: neutral
    heading:
      surtitle: Grid large / Offset center / Theme neutral
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.

  - type: title
    ui:
      grid: large
      offset: center
      theme: black
    heading:
      surtitle: Grid large / Offset center / Theme black
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.

  - type: title
    ui:
      grid: large
      offset: center
      theme: white
    heading:
      surtitle: Grid large / Offset center / Theme white
      title: >-
        Quisque eget magna nec nunc scelerisque posuere nec at eros. Nulla
        placerat ipsum pulvinar mauris lacinia, vel consectetur sem
        ullamcorper. Pellentesque nec nisi nunc. Fusce commodo vehicula tortor,
        sed convallis purus posuere a. Proin ullamcorper, elit in cursus
        facilisis, nulla neque convallis libero, nec aliquet lorem ante non
        eros. Sed convallis enim placerat volutpat molestie. Etiam dictum dictum
        purus, vitae sagittis urna condimentum quis.
        

        Aliquam mattis sapien vitae magna aliquet malesuada. Pellentesque
        fringilla eros eu blandit consequat. Nulla nisl ipsum, venenatis sit amet
        risus ut, dictum pellentesque dui. Maecenas velit dolor, volutpat vel
        laoreet in, lacinia quis sem.
---