• We are loving details, and deliver handmade masterpieces.

    We are loving details,
    and deliver handmade masterpieces.

  • We are loving details, and deliver handmade masterpieces.

    We are loving details,
    and deliver handmade masterpieces.

  • We are loving details, and deliver handmade masterpieces.

    We are loving details,
    and deliver handmade masterpieces.

Home Caste Studies

  • Brand Identity Tiger Tea
  • Web Shop Geekz Fashion
  • Corporate Identity Page Kids Essentials
  • Tiger Tea

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt.

    Project details

  • Geekz Fashion

    Mi lacus vel eget, montes pretium, non et curabitur magna, sapien in turpis lacinia. Et tellus ultricies vel sit neque tellus, sit parturient placerat nibh

    Project details

  • Page Kids Essentials

    Aliquet est sociosqu, donec wisi lacus tincidunt, at eu consectetuer, et volutpat dui senectus, pulvinar senectus torquent ligula loremu tellus dignissim proin.

    Project details

Portfolio Projects 1

  • Brand Identity Bender Guitars
  • Web Shop Tiger Tea
  • Corporate Identity Mascapone Cars
  • Bender Guitars

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt.

    Project details

  • Tiger Tea

    Mi lacus vel eget, montes pretium, non et curabitur magna, sapien in turpis lacinia. Et tellus ultricies vel sit neque tellus, sit parturient placerat nibh

    Project details

  • Mascapone Cars

    Aliquet est sociosqu, donec wisi lacus tincidunt, at eu consectetuer, et volutpat dui senectus, pulvinar senectus torquent ligula loremu tellus dignissim proin.

    Project details

Our blog

Follow us on other social networks.

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.

Gallery Intro

We are loving details,
and deliver handmade masterpieces.

Aliquam vivamus nibh lorem, lacinia ac metus proin leo tempor nam. Est rutrum sed, in vestibulum orci condimentum. Cras torquent, diam wisi, adipiscing elementum tincidunt dui. In dis massa erat vulputate ras torquent, diam wisi, adipiscing elementum tincidunt dui. In dis massa erat vulputate felis suscipit, class pellentesque molestie, integer non. At vel eros eros vel fermentum.

Our Services

Before Art comes Consulting.

About Our Company

Communication comes first.

Single Slideshow

  • Avanti Theme

    Avanti Theme

  • Six delicious styles

    Six delicious styles

  • Nice features

    Nice features

  • Avanti Theme
  • Six delicious styles
  • Nice features

UIkit Intro

Demo

Built with UIkit

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

Visit Website

Widgetkit Intro

Demo

Widgetkit

Widgetkit 2 is the next generation toolkit for WordPress and Joomla. It provides a simple and user-friendly way to enrich your website experience with grids, switchers, slideshows and much more.

Visit Website

Features Split

Top A

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

Top A

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

Top A

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

Top A

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

Theme Styles

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.

Theme Styles Grid

Default

Default

Minimal

Minimal

Noble

Noble

Colorful

Colorful

Urban

Urban

Modern

Modern

Our Services & Special Fields

Research

Research

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
Brand Identity

Brand Identity

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
Advertisement

Advertisement

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.
Consulting

Consulting

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.

Our Special Fields

Research

Research

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.
Brand Identity

Brand Identity

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren.
Advertisement

Advertisement

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.
Consulting

Consulting

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.

Portfolio Projects 2

  • Brand Identity Charger Motors
  • Web Shop Boreal Campaigne
  • Corporate Identity Creative Mess
  • Charger Motors

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt.

    Project details

  • Boreal Campaigne

    Mi lacus vel eget, montes pretium, non et curabitur magna, sapien in turpis lacinia. Et tellus ultricies vel sit neque tellus, sit parturient placerat nibh

    Project details

  • Creative Mess

    Aliquet est sociosqu, donec wisi lacus tincidunt, at eu consectetuer, et volutpat dui senectus, pulvinar senectus torquent ligula loremu tellus dignissim proin.

    Project details

Gallery Our Projects

What has been done so far

Our Projects

Maecenas fermentum bibendum elit ut lacinia. Ut vel libero porttitor nisl cursus tempus at vehicula ligula. Sed viverra sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra. Donec orci nisi, suscipit eu dolor at, ullamcorper feugiat mi.

Gallery

Top B

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

Top B

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

Top B

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

The leading chiefs

Johnny Handsome

Johnny Handsome

Founder, CEO
Suzi Q

Suzi Q

Founder, Art Director
Martin Miller

Martin Miller

Founder, Financials

Recent client projects

Our Work

Maecenas fermentum bibendum elit ut lacinia. Ut vel libero porttitor nisl cursus tempus at vehicula ligula. Sed viverra sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra. Donec orci nisi, suscipit eu dolor at, ullamcorper feugiat mi.

Portfolio Projects 3

  • Brand Identity Geekz Fashion
  • Web Shop UIkit Framework
  • Corporate Identity Warp Framework
  • Geekz Fashion

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudt.

    Project details

  • UIkit Framework

    Mi lacus vel eget, montes pretium, non et curabitur magna, sapien in turpis lacinia. Et tellus ultricies vel sit neque tellus, sit parturient placerat nibh

    Project details

  • Warp Framework

    Aliquet est sociosqu, donec wisi lacus tincidunt, at eu consectetuer, et volutpat dui senectus, pulvinar senectus torquent ligula loremu tellus dignissim proin.

    Project details

Advertisment done right.

  • Print Essentials
    Print Essentials

    Professional Identity Essentials

    Lorem ipsum dolor sit amet, libero montes rhoncus et feugiat, lectus metus natoque, eu dolor amet vitae in a. Sapien etiam consequat. Ante proin nunc sed justo, imperdiet diam fringilla sem eget ante interdum, urna tempor nisl. At nam magna vestibulum eget et, orci wisi. Integer nullam nisl ac urna non.

  • Commercials
    Commercials

    Appealing TV and Web Spots

    Condimentum interdum rerum nunc augue sit diam, cum velit euismod montes, condimentum eu wisi. Venenatis luctus lacus, eget leo sed fringilla, aenean qui commodo lorem enim, turpis malesuada elit metus. Ac et felis, tincidunt turpis velit nunc ultricies sed.

  • Web Design
    Web Design

    Handcrafted and unique websites

    Auctor dolor sit eget nonummy. Sollicitudin diam arcu facilisis tempus volutpat mi, massa sem elit, dui vivamus, tellus metus, sapien aliquam ut. Fermentum tincidunt euismod hac arcu. Curabitur sit porta integer.

Top C

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

Top C

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

Top C

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

Top D

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

Top D

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

Top D

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

Do you like to join us?

Current open jobs

If you like to join us, please send a mail with your curriculum vitae to [email protected] and we will contact you within 3 working days. If you want to apply for a graphic / engineering job please attach your current portfolio or something similiar.

Company Jobs

Communcation & Finances

Lorem ipsum dolor sit amet, risus wisi amet wisi, est justo feugiat et ac. Donec varius, iaculis sed aptent ultricies tempor in etiam. Consectetuer leo fusce.

  • College degree
  • 3 years of expierence in a similiar business
  • Average looking and very funny person

Junior Art Director

Lorem ipsum dolor sit amet, risus wisi amet wisi, est justo feugiat et ac. Donec varius, iaculis sed aptent ultricies tempor in etiam. Consectetuer leo fusce.

  • College degree
  • 3 years of expierence in a similiar business
  • Average looking and very funny person

Marketing Guy

Lorem ipsum dolor sit amet, risus wisi amet wisi, est justo feugiat et ac. Donec varius, iaculis sed aptent ultricies tempor in etiam. Consectetuer leo fusce.

  • College degree
  • 3 years of expierence in a similiar business
  • Average looking and very funny person

Top D

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

Main Top

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

Main Top

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

Main Bottom

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

Main Bottom

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

Theme Widgets Headline

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.

Theme Widgets

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.

Portfolio More Works

This is not the end

More Works

Maecenas fermentum bibendum elit ut lacinia. Ut vel libero porttitor nisl cursus tempus at vehicula ligula. Sed viverra sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra. Donec orci nisi, suscipit eu dolor at, ullamcorper feugiat mi.

Within a year
our company's popularity has risen by 60%.

Maecenas fermentum bibendum elit ut lacinia. Ut vel libero porttitor nisl cursus tempus at vehicula ligula. Sed viverra sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra ed sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra.

Kyle Reese
Human Resistance

Portfolio Gallery

Services Happy Clients

Well known clients

Happy Clients

Maecenas fermentum bibendum elit ut lacinia. Ut vel libero porttitor nisl cursus tempus at vehicula ligula. Sed viverra sem quis tortor molestie tempor. Ut dignissim mi nec egestas viverra. Donec orci nisi, suscipit eu dolor at, ullamcorper feugiat mi.

Our Clients

Single Page More Projects Headline

Must see

More Projects

Single Page More Projects Widget

  • Marketing
  • Marketing
  • Marketing
  • Brandings
  • Brandings
  • Brandings

Services Clients

Widgetkit Download

Get Widgetkit 2. The next generation tool set.

Bottom A

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

Bottom A

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

Bottom A

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

Bottom A

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

Theme Additions Headline

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.

Services Info

Theme Additions

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.

Bottom B

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

Bottom B

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

Bottom B

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

Bottom B

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

Blog Slideset

Company theme

Avanti Theme is here

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

cms design

WordPress Themes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

Advertising Marketing

Pagekit CMS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

Company theme

Avanti Theme is here

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

cms design

WordPress Themes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

Advertising Marketing

Pagekit CMS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

Read more

Services Testimonials

  • YOOka Kola

    YOOka Kola

    “We needed a brand new identity for our product and we got in touch with Avanti. We were really surprised of the results and will continue our partnership for a long time. ”

    Danny Sanchez
    CEO of YOOka Kola

  • Charger Motors

    Charger Motors

    “Lorem ipsum dolor sit amet, nonummy duis vestibulum, vitae integer dapibus nonummy, eros maecenas nulla quis, integer maecenas”

    Diego Moralez
    Engineer at Charger Motors

  • Geekz Fashion

    Geekz Fashion

    “Suspendisse leo sed. Quis ante quis pellentesque, commodo scelerisque fringilla metus, quis vehicula felis placerat sodales sodales id, semper molestie, amet etiam aliqua placerat risus.”

    Charlie Harper
    Founder of Geekz Fashion

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

Bottom C

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

Bottom C

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

Bottom C

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

Bottom C

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

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

Bottom D

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

Bottom D

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

Offcanvas

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