poetaster

<h4>EN:</h4>
A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.
This plugin provides 4 shortcodes:
<ul>
<li>[ctimeline] – a wrapper for the entire timeline</li>
<li>[ctentry] – a date label with an entry and option content</li>
<li>[ctspace] – a simple spacer</li>
<li>[ctdate] – not implemented yet.</li>
</ul>
Take a look at the screenshots to see what rendering looks like. CSS3 
transitions and html supply minimal animations. Most markup can be used within 
the shortcodes to achieve formatting and, for instance, embed images. The 
following example demonstrates,
<ul>
<li>‘fake’ super/sub sections, not using the ‘date’ param of ctentry </li>
<li>embed a picture</li>
<li>format a label</li>
</ul>
[ctimeline]
[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]
[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[ctspace][/ctspace]
[ctspace][/ctspace]
[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]
[ctentry date=”12 May 2016″ label=”12th cool”] 
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. 
[/ctentry]
[ctentry date=”13 May 2016″ label=”13th cool”] 
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
[/ctentry]
[/ctimeline]

csstimeline

Satinder Singh

CoolHappy

Cool Plugins

B.M. Rafiul Alam

ThemesByte

Vertical Timeline Widget for Elementor is a powerful plugin that helps you showcase your company history, achievements, personal journey, milestones, and more in a vertical timeline layout, directly inside the Elementor editor.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/07rIF-qEWgA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Simply drag, drop, and customize your timeline stories without writing a single line of code.
<h3>Key Features</h3>
<ul>
<li>
Vertical Timeline Layouts: Display your timeline in a one-sided or both-sided vertical layout that alternates stories on the left and right side.
</li>
<li>
Add Images: Visually tell your timeline story by adding interactive images.
</li>
<li>
Timeline Customization: Customize your timeline’s colors, typography, icons, spacing, and more directly inside Elementor.
</li>
<li>
Story Direction: Choose how stories flow in the vertical timeline to match your content structure.
</li>
<li>
Compatible with all WordPress Themes: Vertical Timeline widget plugin is fully compatible with all WordPress themes.
</li>
<li>
Fully Responsive: This plugin is fully responsive, ensuring that your timeline displays perfectly on all screen sizes.
</li>
</ul>
<a href="https://cooltimeline.com/elementor-widget/vertical-timeline-widget-for-elementor/?utm_source=vtwe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=check_demos" rel="nofollow ugc">Check Demos</a>
<h3>Upgrade to Pro Version</h3>
You have to upgrade to <a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=vtwe_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=upgrade_to_pro#pricing" rel="nofollow ugc">Timeline Widget Pro</a> to unlock more advanced features like: 
* Layout Options: Choose from Vertical, Horizontal, and more timeline layouts to match your design needs. 
* Advanced Style Settings: Easily adjust text size, fonts, and colors for each story in your timeline. 
* Image/Video/Slideshow: Add images, videos, or slideshows to your timeline. 
* Ajax Load More: Load more stories as users scroll down the timeline. 
* Story Migration: You can easily migrate all your existing timeline stories to Timeline Widget Pro for Elementor without any data loss.
<h3>Check our other plugins demos</h3>
<ul>
<li>Cool Timeline: Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. <a href="https://cooltimeline.com/demo/free-timeline/?utm_source=vtwe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Block For Gutenberg: Create interactive timelines directly within the WordPress Block Editor to display step-by-step tutorials, a company’s history, and a product roadmap. <a href="https://cooltimeline.com/demo/gutenberg-timeline-block/?utm_source=vtwe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_free_demo" rel="nofollow ugc">View Demo</a></li>
<li>Timeline Module Pro For Divi: Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. <a href="https://cooltimeline.com/divi/?utm_source=vtwe_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tmdivi_pro_demo" rel="nofollow ugc">View Demo</a></li>
</ul>

Vertical Timeline Widget for Elementor

Use a vertical timeline widget for Elementor to showcase your journey, story, milestones, or roadmap directly inside Elementor.

csstimeline vs Vertical Timeline Widget for Elementor