Module Variations

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, headline-border
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

Module Positions

Module Layout

module-layout

This theme comes with a lot of module positions. The blue module positions allow to choose a module layout which defines the module alignment and proportions:

PARALLEL, FIRST DOUBLED, LAST DOUBLED, STACKED

Column Layout

module-layout

The two available sidebars, highlighted in red, can be switched to the left or right side and their widths can easily be set in the theme administration.

For modules in the blue and red positions you can choose different module styles. Take a look at the module variations page to get an overview.

Module Positions

module-layout

Customizer Included

Pick colors, select fonts and modify sizes without any CSS coding. See the changes in a real-time preview.

Create a cool "one page" layout! We have included a "smooth-scroll" function where you can scroll from menu item to any "section" where your modules are stored.

Sections: home, top-a, top-b, top-c, top-d, main, bottom-a, bottom-b, bottom-c, bottom-d

Scroll

Weitere Beiträge ...

 

Kontakt

Peter P. Peters
E-Mail: milchsack@t-online.de

Artist Promotion
Gutleutstraße 294
60327 Frankfurt am Main
Telefon (069) 23 76 27