Deprecated – Isotope Timeline

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

The “TS Isotope Timeline” element allows you to easily create beautiful and interactive timelines. The timeline can be shown in both directions and provides an optional sorting feature as well. Each timeline section provides an option for embedding a “featured media” element, which can be an image or a video from YouTube, Vimeo or DailyMotion. All featured media elements can optionally be shown in a lightbox.

[TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”critical” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-info-circle” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″ panel_image=”false” font_title_family=”Default:regular” font_content_family=”Default:regular”]

This element has been deprecated (retired) in favor of a more flexible new timeline element “TS CSS (Media) Timeline“, which is very similar in style but uses a custom post type to provide the timeline content and does not rely on Isotope anymore.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-info-circle” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″]

For performance reasons, it is advised to use only one “TS Isotope Timeline” element per page.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”warning” color_icon=”#cccccc” color_title=”#cccccc” color_border=”#cccccc” color_background=”#ffffff” icon_replace=”false” panel_icon=”ts-awesome-warning” panel_size=”50″ panel_spacer=”15″ animations=”false” animation_effect=”ts-hover-css-” margin_top=”0″ margin_bottom=”0″ panel_title=”Isotope Notice”]

This element is utilizing Isotope v1.5.x, which is NOT compatible with the new Isotope release v2.x. There are several reason why we intentionally stick with the older version, the most important ones being:

  1. The vast majority of plugins and themes (more than 90%) are still using an Isotope version 1.x, even though v2.x has been available for a while now. In order to remain compatible with those plugins and themes, staying with v1.x is required. Once v2.x becomes more widespread and supported by themes and plugins, we will switch over as well.
  2. Isotope v2.x currently does not have a way to display the “Spine” layout, which is used for this element in order to create an actual timeline effect. That feature has been requested for v2.x, but until it is implemented, we can not switch, even if we wanted to.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”20″][TS_VCSC_Fancy_List list_type=”image” list_marker=”disc” list_order=”decimal” order_start1=”0″ order_start2=”1″ marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png” marker_icon=”ts-awesome-adjust” list_position=”outside” marker_position=”center” marker_margin=”0″ marker_color=”#000000″ marker_size=”12″ content_color=”#000000″ content_size=”14″ line_height=”18″ content_margin=”5″ content_intend=”0″ frame_position=”bottom” frame_thick=”1″ frame_color=”#cccccc” frame_padding=”5″ margin_top=”0″ margin_bottom=”0″]

  • Sorting option (up/down) with animations
  • Featured media for each segment (image, YouTube, Vimeo or DailyMotion video)
  • All featured media items can be shown in optional lightbox
  • Segments can be made full width (using both columns) when set as featured event
  • Use of “breaker segments” to highlight important changes or periods
  • Fully responsive with automatic switch to one column layout via custom breakpoint

[/TS_VCSC_Fancy_List]

[TS_VCSC_Timeline_Container timeline_order=”asc” timeline_sort=”true” timeline_break=”600″ timeline_lazy=”false” timeline_count=”10″ timeline_trigger=”scroll” timeline_load=”Load More” timeline_title=”The Early Years of the Automobile Development” timeline_title_color=”#7c7979″ timeline_start=”Start” timeline_end=”End” title_align=”center” timeline_description_align=”center” timeline_description_color=”#7c7979″ margin_top=”0″ margin_bottom=”0″ timeline_description=”QSUyMHNob3J0JTIwYW5kJTIwaW5jb21wbGV0ZSUyMHN1bW1hcnklMjBvZiUyMHRoZSUyMGRldmVsb3BtZW50JTIwb2YlMjBhdXRvbW9iaWxlcyUyQyUyMHN0YXJ0aW5nJTIwd2l0aCUyMHRoZSUyMGZpcnN0JTIwc3RlYW0lMjBwb3dlcmVkJTIwdmVoaWNsZXMlMjB0byUyMHRoZSUyMGZpcnN0JTIwYWN0dWFsJTIwYXV0b21vYmlsZXMu”][TS_VCSC_Timeline_Break color_background=”#ededed” title_text=”1700 – 1799″ title_align=”center” title_color=”#7c7979″ content_align=”center” content_color=”#7c7979″][TS_VCSC_Timeline_Single full_width=”false” featured_media=”slider” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1769″ title_text=”First Self-Propelled Vehicle” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_dailymotion_play=”false” featured_vimeo_play=”false” icon=”ts-awesome-lightbulb-o” featured_slider=”16480,16481″]

The exact date is unkown, but the first self propelled car was made by Nicolas Cugnot in 1769. Nicolas Cugnot was a French military engineer who developed the “steam powered road- vehicle.”

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Break color_background=”#ededed” title_text=”1800 – 1899″ title_align=”center” title_color=”#7c7979″ content_align=”center” content_color=”#7c7979″][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1801″ title_text=”Britain’s Improvement to the Steam Power Engine” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16482″ featured_dailymotion_play=”false” featured_vimeo_play=”false”]

Richard Trevithick improved the design of steam engines, by making the engines smaller and lighter with stronger boilers, thus making more power. His new invention was the first steam powered car powerful enough to carry passengers.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1824″ title_text=”More Engine Improvements” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16483″ featured_dailymotion_play=”false” featured_vimeo_play=”false”]

English engineer, Samuel Brown invented an engine to burn a mixture of oxygen hydrogen gas, making it even more powerful.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1858″ title_text=”First Coal-Gas Engine” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16476″ featured_dailymotion_play=”false” featured_vimeo_play=”false”]

Jean Joseph Etienne Lenoir developed a two-stroke, internal combustion engine. It was fueled by coal gas and started by a electric spark-ignition.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1865″ title_text=”First Official Speed Limit” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16477″ featured_dailymotion_play=”false” featured_vimeo_play=”false” icon=”ts-awesome-dashboard”]

The first speed limit was set in the UK limiting the drivers to only go 2 MPH, which held for 30 years.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1876″ title_text=”First Four-Stroke Engine” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16470″ featured_dailymotion_play=”false” featured_vimeo_play=”false”]

Three types of internal combustion engines were designed by German inventors Nikolaus Otto and his partner Eugen Langen. The models were a failed 1862 compression engine, an 1864 atmospheric engine, and the 1876 Otto cycle engine known today as the “Gasoline Engine.” The engines were initially used for stationary installations, as Otto had no interest in transportation. Other makers such as Daimler perfected the Otto engine for transportation use.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”true” featured_media=”slider” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1888″ title_text=”First Real Long-Distance Drive” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_slider=”16472,16473,16474,16475,16471″ featured_dailymotion_play=”false” featured_vimeo_play=”false” page_rtl=”false” icon=”ts-awesome-glass”]

Bertha Benz (3 May 1849 – 5 May 1944) was the wife and business partner of automobile inventor Karl Benz. On 5 August 1888, without telling her husband and without permission of the authorities, Benz drove with her sons Richard and Eugen, thirteen and fifteen years old, in one of the newly constructed Patent Motorwagen automobiles – from Mannheim (Germany) to Pforzheim (Germany) – becoming the first person to drive an automobile over a real distance. Motorized drives before this historic trip were merely very short trial drives, returning to the point of origin, made with mechanical assistants. This pioneering tour had a one-way distance of about 106 km (66 mi).

On the way, she solved numerous problems. She had to find ligroin as a fuel; this was available only at apothecary shops, so she stopped in Wiesloch at the city pharmacy to purchase the fuel. A blacksmith had to help mend a chain at one point. The brakes needed to be repaired and, in doing so, Bertha Benz invented brake lining. She also had to use a long, straight hatpin to clean a fuel pipe, which had become blocked, and to insulate a wire with a garter. She left Mannheim around dawn and reached Pforzheim somewhat after dusk, notifying her husband of her successful journey by telegram. She drove back to Mannheim the next day

Along the way, several people were frightened by the automobile and the novel trip received a great deal of publicity, as she had sought. The drive was a key event in the technical development of the automobile. The pioneering couple introduced several improvements after Bertha’s experiences. She reported everything that had happened along the way and made important suggestions, such as the introduction of an additional gear for climbing hills and brake linings to improve brake-power.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”none” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1889″ title_text=”First Car Dealership” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff”]

Rene Panhard and Emile Levassor set up the worlds first car dealer, located in France. Both inventors formed the “Panhard et Levassor” car manufacturer in 1887 and sold their first car in 1890, which was based on a Daimler engine license.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1890″ title_text=”Cylinders Were Made” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_image=”16479″ featured_dailymotion_play=”false” featured_vimeo_play=”false”]

Wilhelm Maybach built the first four-cylinder, four-stroke engine. Three years later, he made the first spray-nozzle carburettor, Then ten years later, he developed a race car using lightweight materials with a 35-hp four-cylinder engine and two carburettors. Named the Mercedes, the car reached 40MPH, shattering the world speed record.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Break color_background=”#ededed” title_text=”1900 – 1999″ title_align=”center” title_color=”#7c7979″ content_align=”center” content_color=”#7c7979″][TS_VCSC_Timeline_Single full_width=”false” featured_media=”none” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1911″ title_text=”Charles Kettering” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff”]

Charles Kettering invented the electric ignition and starter motor, allowing cars to start themselves. He then later introduced independent suspension, and four-wheel brakes.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”false” featured_media=”image” featured_youtube_related=”false” featured_youtube_play=”false” featured_image=”16478″ lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1908″ title_text=”Ford Model T” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” featured_dailymotion_play=”false” featured_vimeo_play=”false”]

The Ford Model T (colloquially known as the Tin Lizzie, Tin Lizzy, T‑Model Ford, Model T, or T) is an automobile that was produced by Henry Ford’s Ford Motor Company from October 1, 1908, to May 27, 1927. It is generally regarded as the first affordable automobile.

[/TS_VCSC_Timeline_Single][TS_VCSC_Timeline_Single full_width=”true” featured_media=”youtube_embed” featured_youtube_url=”http://www.youtube.com/watch?v=-z3xJJxOx6E” featured_youtube_related=”false” featured_youtube_play=”false” lightbox_featured=”true” featured_media_height=”height: 100%;” featured_media_width=”100″ featured_media_align=”center” date_text=”1913″ title_text=”First Assembly Line” title_align=”center” title_color=”#7c7979″ icon_color=”#7c7979″ tooltip_css=”false” tooltip_position=”ts-simptip-position-top” button_align=”center” button_width=”100″ button_type=”square” button_square=”ts-button-3d” button_rounded=”ts-button-3d ts-button-rounded” button_pill=”ts-button-3d ts-button-pill” button_circle=”ts-button-3d ts-button-circle” button_size=”ts-button-normal” button_wrapper=”false” button_text=”Read More” button_change=”false” button_color=”#666666″ button_font=”18″ lightbox_group=”true” lightbox_effect=”random” lightbox_backlight=”auto” lightbox_backlight_color=”#ffffff” page_rtl=”false” featured_dailymotion_play=”false” featured_vimeo_play=”false” icon=”ts-awesome-glass”]

In the early 1900’s, the knowledge and skills needed by a factory worker were reduced to 84 areas. When first introduced, the Ford Model T used the building methods typical at the time, assembly by hand, and production was small. Ford’s Piquette plant could not keep up with demand for the Model T, and only 11 cars were built there during the first full month of production. More and more machines were used to reduce the complexity within the 84 defined areas. In 1910, after assembling nearly 12,000 Model Ts, Henry Ford moved the company to the new Highland Park complex.

As a result, Ford’s cars came off the line in three-minute intervals, much faster than previous methods, reducing production time by a factor of eight (requiring 12.5 hours before, 93 minutes afterwards), while using less manpower. By 1914, the assembly process for the Model T had been so streamlined it took only 93 minutes to assemble a car.

[/TS_VCSC_Timeline_Single][/TS_VCSC_Timeline_Container]