Headline 1

To use this gradient color, use the class .gradientText

This is a normal link used in a wysiwyg (inside .wysiwygContent container).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus enim viverra eros volutpat placerat. Integer sit amet ipsum vel purus fermentum tincidunt. Pellentesque velit risus, varius quis urna egestas, eleifend vehicula neque. Sed suscipit elit quis urna ullamcorper, a porttitor tortor tempor. Pellentesque luctus augue ullamcorper mi luctus mattis.

Headline 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus enim viverra eros volutpat placerat. Integer sit amet ipsum vel purus fermentum tincidunt. Pellentesque velit risus, varius quis urna egestas, eleifend vehicula neque. Sed suscipit elit quis urna ullamcorper, a porttitor tortor tempor. Pellentesque luctus augue ullamcorper mi luctus mattis.

Headline 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus enim viverra eros volutpat placerat. Integer sit amet ipsum vel purus fermentum tincidunt. Pellentesque velit risus, varius quis urna egestas, eleifend vehicula neque. Sed suscipit elit quis urna ullamcorper, a porttitor tortor tempor. Pellentesque luctus augue ullamcorper mi luctus mattis.

Headline 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus enim viverra eros volutpat placerat. Integer sit amet ipsum vel purus fermentum tincidunt. Pellentesque velit risus, varius quis urna egestas, eleifend vehicula neque. Sed suscipit elit quis urna ullamcorper, a porttitor tortor tempor. Pellentesque luctus augue ullamcorper mi luctus mattis.

Headline 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus enim viverra eros volutpat placerat. Integer sit amet ipsum vel purus fermentum tincidunt. Pellentesque velit risus, varius quis urna egestas, eleifend vehicula neque. Sed suscipit elit quis urna ullamcorper, a porttitor tortor tempor. Pellentesque luctus augue ullamcorper mi luctus mattis.

Buttons

Work with <button> and <a>.

.btn.btn-primary

.btn.btn-secondary

.btn.btn-naked

.flyntComponent.defaultTheme

Text color

$global-color-black: #2e3231 (Global default)

.flyntComponent.secondaryTheme

Text color

$global-color-white: #ffffff

Contact Form 7

[contact-form-7 id=”6″ title=”Contact form sample”]

Background images

Printed Circuit Background Dark

This background uses the class .flyntComponent-circuitDarkBackground

and the inner pattern containers:

  • .flyntComponent-topPatternBackground
  • .flyntComponent-leftPatternBackground
  • .flyntComponent-rightPatternBackground
  • .flyntComponent-overlayBackground

Printed Circuit Background Light

This background uses the class .flyntComponent-circuitLightBackground

and the inner pattern containers:

  • .flyntComponent-topPatternBackground
  • .flyntComponent-leftPatternBackground
  • .flyntComponent-rightPatternBackground
  • .flyntComponent-overlayBackground

Printed Circuit Background Black

This background uses the class .flyntComponent-circuitBlackBackground

and the inner pattern containers:

  • .flyntComponent-topPatternBackground
  • .flyntComponent-leftPatternBackground
  • .flyntComponent-rightPatternBackground
  • .flyntComponent-overlayBackground
background image

Mosaic Background

This background uses the class .flyntComponent-mosaicBackground

and the image "background-mosaic.png"

background image

World Map Background

This background uses the class .flyntComponent-worldmapBackground

and the image "background-world_map.png"

background image

Cubes Background

This background uses the class .flyntComponent-cubesBackground

and the image "background-cubes.svg"