• 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

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

Our Office

Everyday is a creative day

In ac diam ullamcorper porttitor iaculis id, commodo wisi ligula vivamus lobortis ut, lorem pharetra amet luctus per, erat eget lacus tortor id, ac lacus. Lobortis sed condimentum posuere ac praesent, montes arcu sed pellentesque mi rutrum, dolor fringilla mus.

Eget nunc morbi aliquam ac, amet lobortis vivamus consectetuer a cubilia, nulla purus nunc cras vulputate tempor, fringilla mauris id cursus facilisis. Sem nam sollicitudin nulla lectus lectus mattis.

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

Company Gallery

Company Gallery 01
Company Gallery 02
Company Gallery 03
Company Gallery 04

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

The leading chiefs

Johnny Handsome

Johnny Handsome

Founder, CEO
Suzi Q

Suzi Q

Founder, Art Director
Martin Miller

Martin Miller

Founder, Financials

Home Our Work

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.

The creative warriors

Pretty Woman

Pretty Woman

Looks just cute
John Hancock

John Hancock

Art Director
Nerdy McGuire

Nerdy McGuire

Marketing Analyst
Jared Leto

Jared Leto

Business Strategist

Home Clients Gallery

Do you like to join us?

Current open jobs

If you like to join us, please send a mail with your curriculum vitae to jobs@avanti 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

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.

Home Quote

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

Single Page More Projects Headline

Must see

More Projects

Single Page More Projects Widget

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

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.

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

Fresh from our blog

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

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

Offcanvas

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