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:00

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:

JohnBobAliceJohnBobAliceloop[Healthcheck]Rational thoughtsprevail!Hello John, how are you?Fight against hypochondriaGreat!How about you?Jolly good!

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:

maindevelopZEROAONEBTWOcherry-pick:ATHREEC

ER Diagram:

places

contains

uses

CUSTOMER

ORDER

LINE-ITEM

DELIVERY-ADDRESS

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>

Embedded PDF

Page: /