м. Менделеевская, ул. Лесная, д. 30, 3 этаж

Виджеткит

1

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

2

  • All widgets are fully responsive
  • Use shortcodes to show widgets anywhere
  • Clean and lightweight code
  • User friendly interface
  • Supports touch gestures for mobile devices
  • Built with the UIkit framework

3

Slideshow

Slideshow

Grid

Grid

Grid Stack

Grid Stack

Switcher

Switcher

Map

Map

Accordion

Accordion

Gallery

Gallery

Grid Slider

Grid Slider

Slider

Slider

Parallax

Parallax

Slideset

Slideset

List

List

Popover

Popover

Switcher Panel

Switcher Panel

Slideshow Panel

Slideshow Panel

4

Start in the editor

Start in the editor

To get started, click on the Widgetkit button in your CMS edit view. You will be directed to an overview of already existing widgets, hit the New button. Now choose the widget you would like to render, for example Grid and the content type. Afterwards hit Create to proceed to the next step.


Explore the Interface

Explore the Interface

To create your content, you can add single content items by using Add Item. Alternatively you can use Add Media to select multiple items at once through the media library or manager of your CMS. Enter a name for your widget and go to the Settings tab to configure your widget, then hit Save.


Using the shortcodes

Using the shortcodes

After saving, hit the Cancel button to get back to the widget overview. Click on your newly created widget and a shortcode containing the widget’s ID and name will be inserted in the editor. To edit the widget, click inside the shortcode and hit the Widgetkit button again.

5

6

Default

Default

Minimal

Minimal

Noble

Noble

Colorful

Colorful

Urban

Urban

Modern

Modern

7

Navigation

Navigation

The main navigation of Avanti Theme supports the latest UIkit sticky navigation component features. You are able to select from 3 different navigation behaviors/styles and 2 layouts. The styles and the layouts can be combined. This makes 6 different navigation combinations.

Navigation Styles

  • Not Sticky — Default navigation.
  • Always Sticky — Floating sticky navigation with spacing around the navigation bar.
  • Sticky and Animated — This style floats over the content and sticks to the top of the browser window when you start scrolling down.

Navigation Layouts

  • Single Row — The default navbar with the logo on the left side and centered menu items. /layouts/header.default.php
  • Centered — Logo and menu items are centered and stacked. /layouts/header.centered.php

If you want to support a bigger logo size or if you want to modify the navbar gutter, please use the Customizer to change the values.

Special navbar positions

  • search — The search will be displayed inside a dropdown with automatic focus on the search field.
  • more — The same markup as the search, a dropdown which can be used for social icons for example.

If you want to change the dropdown width or color, please use the Customizer to change the values.


Footer

Footer

In this theme you can choose from 2 different footer layouts and combine them with the fixed footer option.

Footer Layouts

  • Single Row — The default footer with the footer module/widget on the left side and the footer-menu on the right. /layouts/footer.default.php
  • Centered — Footer module/widget is centered and the footer-menu is centered below. /layouts/footer.centered.php

Options

Footer Fixed: This fixes the footer block position and your website will scroll over the footer.
Enable Contrast: This option toggles the uk-contrast class from UIkit. It improves the appearance of elements when placing them on colored or dark backgrounds.

To modify the height of the footer and/or the fixed footer, please change the height values in the Customizer.


Block Appearance

Block Appearance

Avanti supports some useful options for all block layout positions. All settings can be combined for a block position. If you need different block settings for different pages, you can use layout profiles and assign them to your menu items.

Options

  • Background — Choose from 4 different background colors.
  • Image — Enter a path to a background image for this position.
  • Image Blend — Define how the background image will mix/blend with the background color.
  • Image Opacity — Adds an overlay with the same background color of the block and an opacity value.
  • Contrast — Enables the Contrast component. Recommended for block positions with a primary background color or image.
  • Padding — Select the spacing between the content and its block container.
  • Full Width — This removes the constraint of the content container so it will extend to full viewport width. Recommended for full width Widgetkit slideshows, for example.
  • Full Height — The block will take up full viewport height. If the navbar is set to default, the navbar height will automatically be subtracted from the subsequent block.
  • Grid Collapse — This option will reset the grid gutter and is recommended, if you want to use a full width Widgetkit slideshow or something similar.
  • Class — Use this input field for a custom CSS class which will be added to the block.

If you want to modify the background colors or paddings of the block elements, please use the Customizer and change the values.


Other Options

Other Options

Additionally you have more options to customize your theme layout.

Article Style

Display blog articles in a special theme specific layout. /layouts/_post.php

Breadcrumb

This option centers the breadcrumbs and adds some more spacing to the following elements. Recommend for the theme specific article layout.

8

9

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.

10

11

Красивые картины с первого занятия
Эффективное обучение, быстрый рост мастерства
Занятия подходят взрослым и детям от 7 лет
Уровень художественной подготовки не имеет значения

12

  • КАРТИНА МАСЛОМ ЗА 3 ЧАСА

    Мастер-класс «Картина маслом за 3 часа» заинтересовал меня тем, что можно уже в первое занятие нарисовать красивую картину. Но я даже не думала, что получу такой потрясающий результат! До этого никогда не рисовала, и была сильно удивлена, что смогу сама нарисовать такую работу!!!

    Полина, студент

  • ПРАВОПОЛУШАРНОЕ РИСОВАНИЕ

    Нам очень понравилось! После тренинга стало намного легче рисовать, появилась уверенность в своих силах. Кроме того, мы открыли для себя новое увлекательное хобби.

    Татьяна и Мария
  • КАРАНДАШ С НУЛЯ

    Огромное спасибо преподавателям за подробное объяснение. За одно занятие я понял главные принципы рисунка:)

    Андрей, программист
  • ЖИВОПИСЬ С НУЛЯ

    На «Живописи с нуля» все рисуют по настоящему шедевральные картины. Благодаря индивидуальному подходу и внимательным преподавателям я по настоящему полюбила живопись!

    Мария Вячеславовна, экономист

  • РИСУЕМ ЗА 1 ДЕНЬ

    На тренинге «Правополушарное рисование» я понял, что рисовать — это просто и весело:) Прекрасная манера проведения — без труда нарисовали красивые картины, при этом отдохнули и отлично провели время! Теперь меня так и тянет взяться за кисточку!!

    Иван, инженер

  • ЖИВОПИСЬ У-СИН

    Картины на тренинге «Живопись У-Син» получаются очень необыкновенные. Занятия проводятся в очень интересной манере, спасибо преподавателю Татьяне за великолепное проведение тренинга!

    Галина, студентка

  • КАРТИНА МАСЛОМ ЗА 3 ЧАСА

    Очень понравился мастер-класс! Никогда не думала, что нарисую картину маслом с первого раза. Спасибо преподавателям за профессиональные советы!!!

    Анна, pr-специалист

13

14

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

15

  • 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

16

  • 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

17

  • 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

18

19

20

21

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.

22

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

23

24

  • 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

25

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

26

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

27

28

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

29

  • Avanti Theme

    Avanti Theme

  • Six delicious styles

    Six delicious styles

  • Nice features

    Nice features

  • Avanti Theme
  • Six delicious styles
  • Nice features

30

31

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.

32

Slideshow Avanti

Slideshow Avanti

Slideshow Panel Avanti

Slideshow Panel Avanti

Grid Avanti

Grid Avanti

33

DSC00072 (2)
DSC
DSC
DSC
DSC
DSC
DSC
DSC
DSC

34

35

36

37

DSC
DSC
DSC
DSC
DSC
DSC
DSC
DSC
DSC

38

(1)
(2)
(3)
(4)
(5)
(6)

39

DSC09799
DSC07498
DSC06965
DSC06117
DSC05560
DSC05556
DSC02639
DSC02493
DSC02358

40

DSC00072 (2)
DSC
DSC
DSC
DSC
DSC
DSC
DSC
DSC
Яндекс.Метрика