Syntax

{{< slide-container
auto-slide-speed="Any number in ms"
back-arrow-controls="Style of the transiton: faded|hidden|visible"
background-transition-style="Style of the transiton: none|fade|slide|convex|concave|zoom"
container-background-color="any background or gradient"
container-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"
controls-layout="Style of the transiton: bottom-right|appear"
hide-cursor-time="Any number in ms"
is-auto-slide-stoppable="true|false"
is-center="true|false"
is-controls="true|false"
is-controls-tutorial="true|false"
is-disable-layout="true|false"
is-fragments="true|false"
is-full-width="true|false"
is-hash="true|false"
is-hash-one-based-index="true|false"
is-help="true|false"
is-hide-inactive-cursor="true|false"
is-history="true|false"
is-jump-to-slide="true|false"
is-keyboard="true|false"
is-loop="true|false"
is-mouse-wheel="true|false"
is-overview="true|false"
is-progress="true|false"
is-respond-to-hash-changes="true|false"
is-reverse="true|false"
is-scroll-progress="true|false"
is-scroll-view="true|false"
is-shuffle="true|false"
is-slide-number="true|false"
margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
navigation-mode="Style of the transiton: default|linear|grid"
padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
show-slide-number="Any number"
slide-height="Any valid number with unit like 10px, 100vh, 10rem or 50%"
slide-theme="Different themes of slides: default|beige|black|dracula|league|moon|night|sky|white" >}}

{{< slide-item
background-color="any background or gradient"
background-image-fit="fill = Container is resized, contain = Resized to fit based on aspect ratio, cover = Resized to fill container"
background-opacity="Any decimal between 0 to 1. It can be a fraction too. Ex: 0.1, 0.01, 0.9, 0, 1"
background-position="Position of the background: top|left|center|bottom|right"
background-repeat="Use this to repeat the background image. Valid values are: no-repeat|repeat|repeat-x|repeat-y|round|space|space repeat"
background-video-link="Any valid http link"
content-align-horizontal="Use left, center or right to align horizontally"
content-align-vertical="Use top, center or bottom to align vertically"
image="Any valid image link"
is-background-video-looped="true|false"
is-background-video-muted="true|false"
is-markdown="true|false"
is-stack="true|false"
link="Any valid http link"
parent-name="Any text"
section-name="Any text"
slide-background-color="any background or gradient"
slide-height="Any valid number with unit like 10px, 100vh, 10rem or 50%"
slide-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"
speed-transition-controls="Style of the transiton: default|fast|slow"
transition-style="Style of the transiton: none|fade|slide|convex|concave|zoom" >}}

The actual message goes here

{{< /slide-item >}}

{{< /slide-container >}}