Features

  • Auto Numeration with standard numbers, roman numbers or letters
  • Use Font Icons instead of auto numerator; auto-numbering will continue to numerate in right order but skip items with custom icon
  • Define custom colors for handle, button and text
  • Select between hexagon, square or circle shape for handle
  • Apply custom background to navigation element (color, pattern or image)
  • Open any section automatically on page load
  • Opening can be triggered via hover or click event
  • Can also be used to show steps or processes
  • Add CSS3 or standard tooltip to navigation element
  • Fully responsive; option to define minimum width for navigation sections

Letters (Hover) + Tooltip

The tiger (Panthera tigris) is the largest cat species, reaching a total body length of up to 3.38 m (11.1 ft) over curves and weighing up to 388.7 kg (857 lb) in the wild. Its most recognisable feature is a pattern of dark vertical stripes on reddish-orange fur with a lighter underside.

Read More
Panthera TigrisTiger

The lion (Panthera leo) is one of the five big cats in the genus Panthera and a member of the family Felidae. With some males exceeding 250 kg (550 lb) in weight, it is the second-largest living cat after the tiger.

Read More
Panthera LeoLion

The jaguar is a big cat, a feline in the Panthera genus, and is the only Panthera species found in the Americas. The jaguar is the third-largest feline after the tiger and the lion, and the largest in the Western Hemisphere.

Read More
Panthera OncaJaguar

The cheetah is a large feline inhabiting most of Africa and parts of Iran, and can run faster than any other land animal — as fast as 112 to 120 km/h (70 to 75 mph) in short bursts covering distances up to 500 m (1,600 ft).

Read More
Acinonyx JubatusCheetah

Roman Numbers (Hover)

Cologne is located on both sides of the Rhine River. The city’s famous Cologne Cathedral (Kölner Dom) is the seat of the Catholic Archbishop of Cologne. The University of Cologne (Universität zu Köln) is one of Europe’s oldest and largest universities.

Read More
Founded 38 BCCologne

Frankfurt is the largest financial centre in continental Europe and ranks among the world’s leading financial centres. It is home to the European Central Bank, Deutsche Bundesbank, Frankfurt Stock Exchange and several large commercial banks.

Read More
Founded 794 ADFrankfurt (Main)

Potsdam was a residence of the Prussian kings and the German Kaiser, until 1918. Around the city there are a series of interconnected lakes and cultural landmarks, in particular the parks and palaces of Sanssouci, the largest World Heritage Site in Germany.

Read More
Founded 993 ADPotsdam

Dresden has a long history as the capital and royal residence for the Electors and Kings of Saxony, who for centuries furnished the city with cultural and artistic splendor. The city was known as the Jewel Box, because of its baroque and rococo city center.

Read More
Founded 1206 ADDresden

Standard Numbers (Click)

The gift of fantasy has meant more to me than my talent for absorbing positive knowledge.

Read More
Albert EinsteinKnowledge

In order to carry a positive action we must develop here a positive vision.

Read More
Dalai LamaPositive Action

The way positive reinforcement is carried out is more important than the amount.

Read More
B.F. SkinnerReinforcement

Positive thinking will let you do everything better than negative thinking will.

Read More
Zig ZiglarPositive Thinking

Full-Width Navigation as “Toggles” / Multiple Open

In in commodo magna. Duis quis interdum leo. Nullam faucibus iaculis auctor. Aliquam ante arcu, tincidunt efficitur molestie et, sagittis ut sem. Aenean eget viverra enim, eget vulputate est. Quisque sed varius elit. In imperdiet, erat non faucibus porta, magna sem elementum ex, ut viverra turpis velit sit amet risus. Nullam consectetur aliquam aliquet. Proin accumsan ipsum libero, ut iaculis turpis imperdiet eget. Sed commodo vitae ex in vulputate. Donec a purus nisl. Vestibulum non urna enim. Sed et dui quam. Cras erat tellus, luctus a purus ac, ullamcorper sodales orci. Phasellus at dignissim purus, sodales volutpat nibh.

Read More
BrainstormingStep 1

Donec leo erat, fringilla at hendrerit at, mattis ac magna. Suspendisse libero felis, suscipit ut varius sit amet, pharetra a justo. Quisque elementum consequat quam non malesuada. Etiam posuere, neque nec consequat sagittis, neque orci sagittis nunc, non malesuada velit libero nec nisl. Fusce libero tellus, rutrum sed libero id, tempus pretium ipsum. Ut quis malesuada est. Etiam at dignissim felis. Nunc mollis, tellus ut egestas volutpat, sem arcu venenatis metus, vitae vehicula est turpis et nisl.

Read More
Planning StageStep 2

Sed nec nisl mollis, cursus purus et, gravida sem. In ultricies nunc volutpat, accumsan nisi nec, imperdiet arcu. Vivamus ut pharetra odio. Vivamus commodo magna eu lacus tempor, fringilla dictum nulla placerat. Nullam porttitor eu elit eu blandit. Ut dapibus ex metus, nec congue ligula efficitur eu. Donec venenatis gravida dignissim. Cras commodo auctor facilisis. Praesent vulputate tortor elementum lacus tincidunt, quis iaculis nibh porta. Aliquam a lacus purus. Quisque in tincidunt ante, eu aliquet magna. Suspendisse a malesuada urna. Sed quis nunc in urna porta volutpat in ut risus.

Read More
Implementation StageStep 3

Mauris dapibus luctus diam eu posuere. Phasellus tincidunt elementum leo, non imperdiet augue egestas ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus ullamcorper, nisi at faucibus fermentum, lacus nisi ornare dui, quis volutpat ex sapien eget ligula. Sed vitae finibus magna, ac elementum mi. Cras sed vehicula sem. Cras ultricies tincidunt tempus. Mauris vel ante dignissim, venenatis lectus ac, tincidunt purus. Sed quis gravida elit, nec scelerisque felis. Donec laoreet dignissim nisi ut tempor. Duis cursus ornare dui at imperdiet. Quisque ac lacinia mauris. Quisque hendrerit gravida velit, sed tempor nibh suscipit ac. Fusce non ullamcorper odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec quis enim mi.

Read More
Marketing and SalesStep 4

In in commodo magna. Duis quis interdum leo. Nullam faucibus iaculis auctor. Aliquam ante arcu, tincidunt efficitur molestie et, sagittis ut sem. Aenean eget viverra enim, eget vulputate est. Quisque sed varius elit. In imperdiet, erat non faucibus porta, magna sem elementum ex, ut viverra turpis velit sit amet risus. Nullam consectetur aliquam aliquet. Proin accumsan ipsum libero, ut iaculis turpis imperdiet eget. Sed commodo vitae ex in vulputate. Donec a purus nisl. Vestibulum non urna enim. Sed et dui quam. Cras erat tellus, luctus a purus ac, ullamcorper sodales orci. Phasellus at dignissim purus, sodales volutpat nibh.

Donec leo erat, fringilla at hendrerit at, mattis ac magna. Suspendisse libero felis, suscipit ut varius sit amet, pharetra a justo. Quisque elementum consequat quam non malesuada. Etiam posuere, neque nec consequat sagittis, neque orci sagittis nunc, non malesuada velit libero nec nisl. Fusce libero tellus, rutrum sed libero id, tempus pretium ipsum. Ut quis malesuada est. Etiam at dignissim felis. Nunc mollis, tellus ut egestas volutpat, sem arcu venenatis metus, vitae vehicula est turpis et nisl.

Pellentesque hendrerit gravida molestie. Nam placerat varius placerat. Phasellus molestie pulvinar feugiat. Morbi hendrerit neque vitae sapien ullamcorper, at ullamcorper nunc luctus. Praesent consectetur augue eu ipsum imperdiet congue. Proin eget nibh quis ante varius interdum. Aliquam ut malesuada nunc, quis imperdiet metus.

Sed nec nisl mollis, cursus purus et, gravida sem. In ultricies nunc volutpat, accumsan nisi nec, imperdiet arcu. Vivamus ut pharetra odio. Vivamus commodo magna eu lacus tempor, fringilla dictum nulla placerat. Nullam porttitor eu elit eu blandit. Ut dapibus ex metus, nec congue ligula efficitur eu. Donec venenatis gravida dignissim. Cras commodo auctor facilisis. Praesent vulputate tortor elementum lacus tincidunt, quis iaculis nibh porta. Aliquam a lacus purus. Quisque in tincidunt ante, eu aliquet magna. Suspendisse a malesuada urna. Sed quis nunc in urna porta volutpat in ut risus.

Mauris dapibus luctus diam eu posuere. Phasellus tincidunt elementum leo, non imperdiet augue egestas ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus ullamcorper, nisi at faucibus fermentum, lacus nisi ornare dui, quis volutpat ex sapien eget ligula. Sed vitae finibus magna, ac elementum mi. Cras sed vehicula sem. Cras ultricies tincidunt tempus. Mauris vel ante dignissim, venenatis lectus ac, tincidunt purus. Sed quis gravida elit, nec scelerisque felis. Donec laoreet dignissim nisi ut tempor. Duis cursus ornare dui at imperdiet. Quisque ac lacinia mauris. Quisque hendrerit gravida velit, sed tempor nibh suscipit ac. Fusce non ullamcorper odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec quis enim mi.