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!

The Demo of OrionKit Pro Series Templates

Template Info

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

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 Right

Random Article

  • Sample 5

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

  • Template Styles

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

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

  • Sample 4

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

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

  • Sample 1

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

  • Home Page without Slideshow

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

  • Mobile screen view

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

  • OK Content Cards

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

  • Mega Header

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

  • Sample 6

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

  • Sidebar Layouts and Temlate Containers Width

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

  • Navbar Alignment and Menu Drop-Down Methods

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

  • Panels

  • Bellatrix Logo Center

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

  • Sirius Logo Center

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

  • Lorem ipsum

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

  • Sirius Classic

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

  • Sample 3

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

  • Bellatrix Logo Header Left

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

Panel Right