Template Info

Top Panel Info Module

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.

Panel Left

Sample Module

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Panel Left

Panel Right

Random Article

  • OK Content Cards Pro

    Here you can see couple of preset demos and a live test effect demo below. Degault Style Sample 3...

  • OK Content Cards

    You can customize the cards, change background, color and borders. Below you can see examples with...

  • Lorem ipsum

    Tortor Et Eros Praesent Imperdiet Ac lorem ipsum vulputate iaculis bibendum. Porta tortor id...

  • Home Page without Slideshow

    Using our templates plus a couple of modules you can do a nice homepage.We used our modules "OK...

  • Sample 5

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 1

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 6

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 11

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sirius Logo Center

    To configure this style you have to set the following parameters(recommended): Topbar Elements -...

  • Panels

  • Mega Header

    Scelerisque Accumsan Curae A Risus ullamcorper nisi dui pharetra semper sollicitudin magna lorem a...

  • OK Animated Card Panel

    On this page you can see just a small part of possible cards. Using the different combinations of...

  • Bellatrix Logo Header Left

    To configure this style you have to set the following parameters(recommended): Topbar Elements -...

  • Sample-No image

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 4

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 3

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 6

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 12

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 3

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 5

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 8

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 2

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 9

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sample 7

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Header Elements Layouts

    Clicking on the radio buttons below you can see how you arrange your header elements(can be...

  • New Features in ver 0.9.4

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

  • Mega Header

    This is an option-trick of our templates - you can insert a slideshow module inside the header,...

  • Bellatrix Default

    To configure this style you have to set the following parameters(recommended): Topbar Elements -...

  • OK Animated Card Panel PRO

    All possible combinations would take a few pages, so we did an interactive demo instead.You can...

  • Antares

    Ultrices class accumsan nibh hac eget dapibus. Habitant velit, per tellus class enim, imperdiet...

  • Sample 1

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Sidebar Layouts and Temlate Containers Width

    Adipiscing In Per Litora Condimentum tortor laoreet nisi, phasellus ligula curabitur enim,...

  • Slideshow Header

    Why don't use a slideshow module?Because it's better than a module!First of all try to place a...

  • Sample 4

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Home Page with Slideshow

    Information will be updated soon... "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed...

  • Text Logo Effects

    If you don't have a graphic logo you can do a nice logo using just a text and add one of the...

  • Sirius Classic

    To configure this style you have to set the following parameters(recommended): Topbar Elements -...

  • Ken Burns Slideshow

  • Bellatrix Logo Center

    To configure this style you have to set the following parameters(recommended): Topbar Elements -...

  • Navbar Alignment and Menu Drop-Down Methods

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

  • Mobile screen view

    The most common screen sizes for iPhone and Android Mobiles 360x640pixels - the portrait...

  • Sample 10

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Icon Panel Pro

    Below you can see main styles(except vertical mode) and as usual you can play and test effects...

  • Sample 2

    Heading 1(h1) Eu vehicula felis a cubilia eu, sodales quisque tempor etiam; Dolor suscipit ad...

  • Template Styles

    Information will be updated soon... "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed...

Panel Right

Panel Bottom

Sample Module

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

Panel Bottom