---
title: "Showcase"
description: "Learn what we can do for your company."

cascade:
  showDate: false
  showAuthor: false
  invertPagination: true
  showLikes: false
  showViews: false
  showTableOfContents: false
  showBreadcrumbs: true
---

{{< lead >}}
Simple, yet powerful. Learn how to use complex open-source tools.
{{< /lead >}}

{{< timeline >}}

{{< timelineItem icon="github" header="header" badge="badge test" subheader="subheader" >}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non magna ex. Donec sollicitudin ut lorem quis lobortis. Nam ac ipsum libero. Sed a ex eget ipsum tincidunt venenatis quis sed nisl. Pellentesque sed urna vel odio consequat tincidunt id ut purus. Nam sollicitudin est sed dui interdum rhoncus. 
{{< /timelineItem >}}


{{< timelineItem icon="code" header="Another Awesome Header" badge="date - present" subheader="Awesome Subheader" >}}
With html code
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
{{< /timelineItem >}}

{{< timelineItem icon="star" header="Shortcodes" badge="AWESOME" >}}
With other shortcodes
{{< gallery >}}
  <img src="https://cdn.myco.systems/images/mobile-showcase-1.png"/>
{{< /gallery >}}
{{< /timelineItem >}}

{{< /timeline >}}


![mobile-showcase](https://cdn.myco.systems/images/mobile-showcase-1.png)
![desktop-showcase](https://cdn.myco.systems/images/desktop-showcase-1.png)