Module Variationen

This theme comes with different module styles, badges and icons. For each module you can pick a style and combine it with an icon or badge to create your own unique look. Here is a list of the available options:

Class: uk-text-center
Animation: No, Fade, Scale Up, Scale Down, Slide Top/Bottom/Left/Right
Repeat: On, Off
Style: Default, Box, Box Primary/Secondary, Header, Space, Blank
Icon: 500 Icons (Font Awesome)
Badge: Success, Warning, Danger
Display: Desktop, Pad, Phone

Demo Image

UiKit

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Article title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-info
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

All UIkit Typo, Core & Compontents

Section Backgrounds

Each section, where the modules are stored can have their own background image, font and link color. The section configuration can be done from backend, see image below

Sections are: top-a, top-b, top-c, top-d, bottom-a, bottom-b, bottom-c, bottom-d

Section BG

Our everyday work is presented here, we do what we love:

case studies, video presentations and photo-shootings below.

[module-201]

Our everyday work is presented here, we do what we love:

case studies, video presentations and photo-shootings below.

[module-265]

Plus d'articles...