Text with action button

Show details...

Syntax

{{< text-with-action-button
background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
button-background-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
button-border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
button-border-radius="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
button-border-width="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
button-font-line-height="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
button-font-size="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
button-link="Any valid http link"
button-position="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
button-text="Any text"
button-text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
content-width="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"
heading="Any text"
heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-link="Any valid http link"
is-full-width="true|false"
is-open-in-new="true|false"
margin="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
padding="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
padding-button="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on." >}}

The actual message goes here

{{< /text-with-action-button >}}

Samples

Click on the button to download the guide.

To know more please go through the link

Click on the button to download the guide.

The Linux philosophy is 'Laugh in the face of danger'. Oops. Wrong One. 'Do it yourself'. Yes, that's it. -Linus Torvalds Microsoft Azure is an open, flexible, enterprise-grade cloud computing platform. Move faster, do more and save money with IaaS + PaaS. The Linux philosophy is 'Laugh in the face of danger'. Oops. Wrong One. 'Do it yourself'. Yes, that's it. -Linus Torvalds Microsoft Azure is an open, flexible, enterprise-grade cloud computing platform. Move faster, do more and save money with IaaS + PaaS.

Click on the button to download the guide.

To know more please go through the link