header right

More About Us

Customers

Our Portfolio

MainStreet Web Design is dedicated to providing affordable, high quality website services....

Branding

Solutions

Web development is a somewhat general term. It can mean anything from developing web content...

Company

About Us

Since 1999, MainStreet Web Design has been dedicated to providing affordable, high...

Article title

Written by Super User on 12 April. Posted in Blog

UIkit

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-primary
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.

1
2
3
4
...
20

Header
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Item

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.

Item
Active
Parent
- Sub item
- Sub item
  - Sub item
  - Sub item
Parent
- Sub item
- Sub item
Item
Header
Item
Item
Item

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Gallery

Slideshow Avanti

Slideshow Avanti

Avanti comes with a modified Slideshow widget which works perfectly inside the theme's header layout position.

Specials

Pure CSS Numnav option to navigate between the slides.
The overlay layout uses the same container width as the theme.
Overlay content width for medium to large view ports can be set to 50%, 66%, 75% and 100% of the container.
Overlay content position can be set to Center, Center left and Center right.
Animate Letters option for the slideshow item title.

Slideshow Panel Avanti

Slideshow Panel Avanti

With the Widgetkit 2.5 release we have added the Slideshow Panel. Avanti uses a slightly modified version perfectly fitting for any portfolio, case study or product presentation.

Specials

Content max width - Will set a maximum width for the content on large view ports.
The badge is separated from the content and is displayed above the media item.

Grid Avanti

Grid Avanti

For Avanti we have added a modified grid widget to customize our output, especially the one we can not control at all, like WordPress/Joomla system content. We have added a truncate option for the title and the content which makes it easier to control the data output and height.

Specials

Truncation option for the item title and content.
Grid divider option displays a border between the items.
Panel Horizontal to add more spacing between items, recommend in combination with the grid divider.
Badge muted to display a badge with a subtle background color. (depends on the theme style)
Option to display article/post tags as badges.