Sample Page

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”20″]

FIGURE NAVIGATION

THE DIFFERENT KIND OF NAVIGATION & PROCESSES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”40″]

Figure Navigation Features:

[TS-VCSC-Spacer height=”20″]
  • 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
  • Option to either push content below or place item on top of content
  • Use with or without top icon 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
[TS_VCSC_Content_Export toggle_switch=”true” toggle_background=”#19b2b8″ clipboard=”true”][TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”20″]

LETTER FIGURE + HOVER TRIGGER

THE DIFFERENT KIND OF NAVIGATION & PROCESSES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”40″][TS_VCSC_Figure_Navigation_Container numbering=”letter” content_page=”cover” trigger=”hover”][TS_VCSC_Figure_Navigation_Item figure_image=”21712″ handle_border_color=”#dd9933″ figure_title=”Tiger” figure_note=”Panthera Tigris” button_text=”Read More” button_color=”#dd9933″ tooltip_content=”Panthera Tigris” button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTiger||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21735″ handle_border_color=”#dd9933″ figure_title=”Lion” figure_note=”Panthera Leo” button_text=”Read More” button_color=”#dd9933″ tooltip_content=”Panthera Leo” button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FLion||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21731″ handle_border_color=”#dd9933″ figure_title=”Jaguar” figure_note=”Panthera Onca” button_text=”Read More” button_color=”#dd9933″ tooltip_content=”Panthera Onca” button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FJaguar||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21742″ handle_border_color=”#dd9933″ figure_title=”Cheetah” figure_note=”Acinonyx Jubatus” button_text=”Read More” button_color=”#dd9933″ tooltip_content=”Acinonyx Jubatus” button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCheetah||target:%20_blank”]

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

[/TS_VCSC_Figure_Navigation_Item][/TS_VCSC_Figure_Navigation_Container]

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.

[TS-VCSC-Spacer height=”20″]
[TS-VCSC-Spacer height=”20″]

ROMAN FIGURE + CLICK TRIGGER

THE DIFFERENT KIND OF NAVIGATION & PROCESSES

[TS-VCSC-Spacer height=”40″]
[TS-VCSC-Spacer height=”40″][TS_VCSC_Figure_Navigation_Container numbering=”roman” el_file2=””][TS_VCSC_Figure_Navigation_Item figure_image=”21695″ figure_background_shape=”square” handle_border_color=”#edd121″ figure_title=”Cologne” figure_note=”Founded 38 BC” button_text=”Read More” button_color=”#edd121″ button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FCologne||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21696″ figure_background_shape=”square” handle_border_color=”#edd121″ figure_title=”Frankfurt (Main)” figure_note=”Founded 794 AD” button_text=”Read More” button_color=”#edd121″ button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FFrankfurt||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21685″ figure_active=”true” figure_background_shape=”square” handle_border_color=”#edd121″ figure_title=”Potsdam” figure_note=”Founded 993 AD” button_text=”Read More” button_color=”#edd121″ button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FPotsdam||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][TS_VCSC_Figure_Navigation_Item figure_image=”21689″ figure_background_shape=”square” handle_border_color=”#edd121″ figure_title=”Dresden” figure_note=”Founded 1206 AD” button_text=”Read More” button_color=”#edd121″ button_link=”url:http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FDresden||target:%20_blank”]

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.

[/TS_VCSC_Figure_Navigation_Item][/TS_VCSC_Figure_Navigation_Container][TS-VCSC-Spacer height=”20″]

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.

[/vc_column_text][/vc_column][/vc_row]