This is a sample post intended to test the followings:

  • Default hero image.
  • Different shortcodes.

Alert

The following alerts are available in this theme.

This is sample alert with type="success".
This is sample alert with type="danger".
This is sample alert with type="warning".
This is sample alert with type="info".
This is sample alert with type="dark".
This is sample alert with type="primary".
This is sample alert with type="secondary".

Image

A sample image without any attribute.

A boat at the sea

A sample image with height and width attributes.

A boat at the sea

A center aligned image with height and width attributes.

A boat at the sea

A image with float attribute.

A boat at the sea

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 have 4rem vertical space with previous line.

Video

00:00
-00:12

Video by Rahul Sharma from Pexels.

Mermaid

Here, are few example of mermaid shortcode.

Graph:

Link text
One
Two
Hard edge
Round edge
Decision
Result one
Result two

Sequence Diagram:

AliceBobJohnHello John, how are you?Fight against hypochondrialoop[Healthcheck]Rational thoughtsprevail!Great!How about you?Jolly good!AliceBobJohn

Gantt diagram:

2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-212014-01-23Completed task Active task Future task Future task2 A sectionAdding GANTT diagram to mermaid

Class Diagram:

Cool
Where am i?
Cool label
Class01
int chimp
int gorilla
size()
AveryLongClass
Class03
Class04
Class05
Class06
Class07
Object[] elementData
equals()
Class08
Class09
C2
C3

Git Graph:

master, c9110c6

0d0fcb6

e353a84

0bb27e6

newbranch, e5863d3

2e448b9

ER Diagram:

CUSTOMERORDERLINE-ITEMDELIVERY-ADDRESSplacescontainsuses

Gist

apiVersion: stash.appscode.com/v1beta1
kind: BackupSession
metadata:
name: instant-trigger
namespace: <namespace>
spec:
invoker:
apiGroup: stash.appscode.com
kind: BackupConfiguration
name: <backupconfiguration name>