Shortcodes Samples
Table of Contents
This is a sample post intended to test the followings:
- Default hero image.
- Different shortcodes.
Alert
The following alerts are available in this theme.
type="success"
.
type="danger"
.
type="warning"
.
type="info"
.
type="dark"
.
type="primary"
.
type="secondary"
.
Image
A sample image without any attribute.
A sample image with height
and width
attributes.
A center aligned image with height
and width
attributes.
A image with float
attribute.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. Praesent tellus risus, eleifend vel efficitur ac, venenatis sit amet sem. Ut ut egestas erat. Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. Suspendisse nec ipsum eu erat finibus dictum. Morbi volutpat nulla purus, vel maximus ex molestie id. Nullam posuere est urna, at fringilla eros venenatis quis.
Fusce vulputate dolor augue, ut porta sapien fringilla nec. Vivamus commodo erat felis, a sodales lectus finibus nec. In a pulvinar orci. Maecenas suscipit eget lorem non pretium. Nulla aliquam a augue nec blandit. Curabitur ac urna iaculis, ornare ligula nec, placerat nulla. Maecenas aliquam nisi vitae tempus vulputate.
Split
This theme support splitting the page into as many columns as you wish.
Two column split
Left Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.
Right Column
Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.
Three column split
Left Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies.
Middle Column
Aenean dignissim dictum ex. Donec a nunc vel nibh placerat interdum.
Right Column
Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat.
Vertical Space
Give vertical space between two lines.
This is line one.
This is line two. It should have4rem
vertical space with previous line.
Video
Video by Rahul Sharma from Pexels.
Mermaid
Here, are few example of mermaid shortcode.
Graph:
Sequence Diagram:
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!
Gantt diagram:
Class Diagram:
Git Graph:
ER Diagram: