Template Info

Top Panel Container Demo

Our templates has a built-in four panels from each side where you could place more modules which don't take the content area, but always visible and your users can just click and see them. Read more here...

Template Info
Follow Us!

Starting from version 0.9.4 Antares(also free version Antares) we added the following options:

Full Height Header
Full Height header is the feature which allow you to do the minimal header height same as browser height. It looks good on homepages, you can place into the header some modules like featured articles, cards etc. Also it has a button to scroll header smoothly to a next section of the page.
All you need is to click "Yes" in the Extensions-Templates-your_template_style(orion_pro - Default or another)-Header-Header Full height.
Tip - Do not it on all pages(your default style) as scrolling down every page is rather boring, it's better to copy the style, set full height and assign it only to the homepage or landing page


Alternative Blog Layout
Forget about standard blog layout, now you can use the alternative blog layout with horizontal or vertical orientation. That will make the look of your pages nice and attractive.
Layout has lot of options and cards can be customizable(pro ver only) - you can change colors border shadows, length of text, animation e.t.c.

See the demos - Main Top menu - Articles - OK Blog-cards X

Why don't use a slideshow module?
Because it's better than a module!
First of all try to place a module inside the header and keep menu and other elements on it
On our header background you can have your logo, modules or any other elements of templates you wish on it.
The slideshow is just a background.

This is an option-trick of our templates - you can insert a slideshow module inside the header, this make the design more attractive. Tme slideshow will be behind the navdar and topbar(it looks especially nice if to use half transparent bars).

All you need is to select in header options - Element 1: Full width module position and then assign a module to position - Header Full Width.

Here as a demo we add our module OK Slideshow - without Ken Burns effect for style Sirius(for logo will be visible) and with Ken Burns effect for styles Saiph and Bellatrix.

Adipiscing In Per Litora

Condimentum tortor laoreet nisi, phasellus ligula curabitur enim, fringilla egestas augue ad platea sem lacinia tempus. Faucibus sagittis curabitur euismod luctus; Et aptent donec pulvinar etiam primis leo; Primis sed diam viverra, maecenas curabitur orci, augue ultricies per; Quis dapibus venenatis nisi conubia litora porttitor curae mauris habitasse turpis. Molestie sem at augue convallis gravida. Fringilla habitant, ut pellentesque commodo quisque, ad augue urna posuere amet.

This email address is being protected from spambots. You need JavaScript enabled to view it.

Elementum Mi Auctor

Conubia eget sagittis magna sem aliquam ipsum habitasse cubilia sodales nibh litora eleifend nunc tempor tincidunt. Malesuada ut molestie eu egestas habitant sit. Faucibus diam arcu ipsum litora nam quam habitant sodales primis vitae vel velit magna sed lacinia aliquet conubia litora porta! Sem varius quis vitae vel elementum sodales litora semper accumsan eu vulputate tristique condimentum proin potenti cras risus scelerisque. Enim euismod facilisis sagittis blandit facilisis, massa ut neque non proin massa justo duis congue; Vitae lobortis egestas nullam faucibus taciti placerat vulputate, habitant feugiat leo facilisis tempus dapibus vestibulum vulputate risus fusce aliquet. Auctor dapibus suspendisse curabitur, nostra torquent rutrum scelerisque, vitae lacinia velit mauris vehicula dapibus justo! Eu consequat donec sagittis magna, elementum neque ullamcorper libero rutrum urna eget.

  1. arcu potenti porta taciti
  2. mauris mauris proin litora curabitur fusce nisl fringilla nibh eu
  3. amet per vivamus rutrum adipiscing magna sed erat nullam
  4. fusce proin facilisis ultricies odio pretium per fermentum potenti per
  5. leo odio molestie tellus placerat potenti
  6. ac senectus tortor

Proin blandit congue erat eu malesuada platea donec lacus diam urna erat a nisi. Gravida rhoncus, morbi ante dui, scelerisque condimentum nam ipsum class vivamus vehicula! Per nec aliquam curabitur habitant augue vestibulum hac cubilia inceptos id tellus nullam nam etiam. Euismod ullamcorper id tristique scelerisque volutpat fermentum viverra adipiscing tempor integer. Etiam sagittis pretium rhoncus fringilla aliquam sollicitudin sollicitudin, felis bibendum curabitur feugiat at arcu a etiam convallis. Tincidunt egestas sapien praesent vivamus volutpat malesuada dictumst, quis nam leo praesent etiam.

This page shows the second method of the submenu work(Pro version only).

By default submenu drops down when you mouse hover the parent(level 1) menu item, but alternatively you can switch it by clicking only. It's good if you have lot's of submenu items in a few columns.

Try to mouse hover(as usual it should drop down) and try to click.


There's below just a simple live sheme of the element alignment... of course it's just to see, and it's wrong and will be corrected later

See the Pen Menu Sample Demo by Alexander Green (@alexgreen932) on CodePen.