Theme Features

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.

This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.

Six beautiful styles

Theme styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.

Default

Default

Minimal

Minimal

Noble

Noble

Colorful

Colorful

Urban

Urban

Modern

Modern

More About Us

Customers

Our Portfolio

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

Read more

Branding

Solutions

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

Read more

Company

About Us

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

Read more

Web development is a somewhat general term. It can mean anything from developing web content to building an online store. A high quality, affordable web development company like MainStreet Web Design can take your business to the next level. Whether you are looking to start an e-commerce website, an informational website or something in between, MainStreet Web Design will be able to help your plan come to fruition.

websiteconstructionIn general, the most commonly used scripting languages in web development are PHP, ASP, HTML, CGI/PERL, Javascript, and CSS. Each of these different scripting languages have different uses and suit a wide variety of different applications. For example, most of the websites you use on the Internet are based on a PHP framework, and some other languages are used to supplement it. We are experienced with the most popular and the latest technology.

Now that you have made the decision that outsourcing web development is the best option for your business. Take the next step and contact MainStreet Web Design. Our knowledge of website development along with our talent of understanding your conveyed ideas, will assure that your vision for a Internet presence is met.

It is a huge mistake to choose a web development firm based just on the price they quote you. You may think that a expensive large firm is better. Or that the lowest priced designer is best for your budget. You are going to want to make sure you choose an affordable, knowledgeable and high quality website developer. MainStreet Web Design offers and can accomplish what it takes to make your online venture a success.

One thing that is often overlooked is the value of hiring an affordable, accomplished web developer that is local to you. MainStreet Web Design is located in Canton, South Dakota and we are well known in the area for producing affordable, high quality websites with excellent customer service and support. Outsourcing web development to an affordable web developer that is local to you has so many benefits!

Tags: Branding

Custom widgets

Theme Widgets

Avanti comes with some exclusive widgets which slightly differ from regular Widgetkit widgets. We have added some custom markup and new features.

CSS modifiers and additions

Theme Additions

Avanti has some helper classes and modifiers to slightly upgrade and control the content display. You can use them to to modify your content. Just remove them, if you prefer the regular UIKit rendering.

Widgetkit Gallery modifier

Widgetkit Gallery modifier

To give the gallery a chessboard like pattern we have added the .tm-gallery-avanti class. Just add the the class to the general HTML class field in your gallery widget. This class will work best for a 3 item per column setting.

This class also adds a special gradient overlay style to the gallery items. If you want to modify these gradients and backgrounds, please take a look at the theme variables in the Customizer.


Widgetkit Grid modifier

Widgetkit Grid modifier

We also added the .tm-margin-condensed class. It reduces the spacing between a widget title and the following content. Just add the class to a grid widget, for example in the HTML class field of the general tab in the widget administration.

Theme Icons

We have added a custom webfont which contains some usefull icons which we also used in our Avanti UIkit theme.

How to use

The theme icons are similiar to UIkit icon component. To apply this component, add any .uk-theme-icon-* class to an <i> or <span> element. Et voilĂ , you have a vector icon, which inherits size and color just like your text does.

  • slider-left
  • slider-right
  • slider-top
  • more
  • search
  • author
  • comment
  • tag
  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • plus
  • minus
  • check
  • cross
  • menu
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.

Featured Technologies

UIkit Framework

UIkit Framework

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Read more

Warp Framework

Warp Framework

A fast and slick theme framework which is built on the latest web techniques.

Read more