Skip to main content

Typography


h1 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, strong consetetur sadipscing elitr, sed diam italic nonumy eirmod tempor invidunt ut hyperlink labore et dolore magna aliquyam del erat, sed diam voluptua. At mark vero eos et accusam et code justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata.

h2 Consetetur sadipscing elitr sed diam subline bottom

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer.

subline top h3 Nonumy eirmod tempor invidunt ut

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui.

h4 Labore hyperlink et dolore magna aliquyam

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.

h5 Erat sed diam voluptua at
  • Adipiscing elit sed
  • Diam nonummy nibh
  • Euismod tincidunt ut
  • Laoreet dolore magna
  • Aliquam erat volutpat
  1. Blandit praesent luptatum
  2. Zzril delenit augue
  3. Duis dolore te
  4. Feugait nulla facilisi
  5. Veniam, quis nostrud
h6 Vero eos et accusam et

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer.

BT Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Colors


Background

  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Light
  • Dark
  • Gradient

Text

  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Light
  • Dark
  • Gradient

Tables


table

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

table (thead-dark)

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

table (table-striped)

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

table (table-bordered)

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

List Icon


class=“list-icon list-icon-plus“

  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr, sed diam
  • Nonumy eirmod tempor invidunt ut
  • Labore et dolore magna aliquyam
  • Erat, sed diam voluptua.

class=“list-icon list-icon-minus“

  • At vero eos et accusam
  • Et justo duo dolores et
  • Ea rebum. Stet clita kasd
  • Gubergren, no sea takimata sanctus
  • Est Lorem ipsum dolor sit amet.

class=“list-icon list-icon-angle-right“

  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr, sed diam
  • Nonumy eirmod tempor invidunt ut
  • Labore et dolore magna aliquyam
  • Erat, sed diam voluptua.

class=“list-icon list-icon-check“

  • At vero eos et accusam
  • Et justo duo dolores et
  • Ea rebum. Stet clita kasd
  • Gubergren, no sea takimata sanctus
  • Est Lorem ipsum dolor sit amet.

class=“list-icon list-icon-times“

  • Lorem ipsum dolor sit amet
  • Consetetur sadipscing elitr, sed diam
  • Nonumy eirmod tempor invidunt ut
  • Labore et dolore magna aliquyam
  • Erat, sed diam voluptua.

class=“list-icon list-icon“ custom

  • At vero eos et accusam
  • Et justo duo dolores et
  • Ea rebum. Stet clita kasd
  • Gubergren, no sea takimata sanctus
  • Est Lorem ipsum dolor sit amet.

Images


Lorem Ipsum link dolor sit amet, consetetur sadipscing elitr.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.

Cards


Card (body)

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (body, header)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (body, footer)

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.


Card (card-title)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (card-title linked)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (image)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.


Card (image linked)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (overlay)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (overlay stretched-link)

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Lorem ipsum


Card (footer button)

Lorem ipsum dolor sit

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (hover, button stretched)

Lorem ipsum dolor sit

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card (horizontal)

Lorem ipsum dolor sit

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.


Card inside .bg-dark.text-white

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card Dark

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Card Primary

Lorem ipsum dolor sit amet

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.

Alert


Custom Button & Input