Text Highlight

With gradient and image

Example:

Lorem ipsum dolor sit amet.
At sagittis et habitant dui ornare non congue eu nisi.
Learn More

Config:

{
  "gradient": "black-to-blue",
  "title": "Lorem ipsum dolor sit amet.",
  "description": "At sagittis et habitant dui ornare non congue eu nisi.",
  "image": {
    "src": "/areas/proshares/assets/images/text-highlight.png",
    "alt": "Text Highlight Alt"
  },
  "cta": {
    "to": "#",
    "label": "Learn More",
    "theme": "light"
  }
}

With gradient

Example:

Lorem ipsum dolor sit amet.
At sagittis et habitant dui ornare non congue eu nisi.
Learn More

Config:

{
  "gradient": "black-to-purple",
  "title": "Lorem ipsum dolor sit amet.",
  "description": "At sagittis et habitant dui ornare non congue eu nisi.",
  "cta": {
    "to": "#",
    "label": "Learn More",
    "theme": "light"
  }
}

With image

Example:

Lorem ipsum dolor sit amet.
At sagittis et habitant dui ornare non congue eu nisi.
Learn More

Config:

{
  "title": "Lorem ipsum dolor sit amet.",
  "description": "At sagittis et habitant dui ornare non congue eu nisi.",
  "image": {
    "src": "/areas/proshares/assets/images/text-highlight.png",
    "alt": "Text Highlight Alt"
  },
  "cta": {
    "to": "#",
    "label": "Learn More",
    "theme": "light"
  }
}

With cta dark

Example:

Lorem ipsum dolor sit amet.
At sagittis et habitant dui ornare non congue eu nisi.
Learn More

Config:

{
  "title": "Lorem ipsum dolor sit amet.",
  "description": "At sagittis et habitant dui ornare non congue eu nisi.",
  "image": {
    "src": "/areas/proshares/assets/images/text-highlight.png",
    "alt": "Text Highlight Alt"
  },
  "cta": {
    "to": "#",
    "label": "Learn More",
    "theme": "dark"
  }
}

Without description

Example:

Lorem ipsum dolor sit amet.
Learn More

Config:

{
  "title": "Lorem ipsum dolor sit amet.",
  "image": {
    "src": "/areas/proshares/assets/images/text-highlight.png",
    "alt": "Text Highlight Alt"
  },
  "cta": {
    "to": "#",
    "label": "Learn More",
    "theme": "dark"
  }
}