Timeline css - how to use it in different template

Hi.
What can I do to use timeline effect from this template in other template? It would be great to use this css but I have troubles with cloning it.
I copied the css from timeline.css and put it in the custom.css file in jp_sports template but there is something missing - the code is not complete.
What would be the exact full code to use this effect in different template if it's possible to clone it?

thank you.

Hello,
just insert the timeline.css code must be enough.
And ofc the html code.

<div class="container">

<div class="timeline-item" date-is='2016-2019'>
<h2>Senior Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-001.jpg" alt="Warp Theme Framework" border="0" /></p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
<div class="timeline-item" date-is='2012-2016'>
<h2>Junior Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-002.jpg" alt="Warp Theme Framework" border="0" /></p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>

<div class="timeline-item" date-is='2010-2012'>
<h2>Entry Level Developer</h2>
<h4>Company INC</h4>
<p><img title="Theme Framework" src="images/joomlaplates/blog-003.jpg" alt="Warp Theme Framework" border="0" /></p>

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
<div class="timeline-item" date-is='2008-2010'>
<h2>Entry Level Developer</h2>
<h4>Company INC</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae sapien porttitor, dignissim quam sit ame. Proin vitae tortor nec risus tristique efficitur. Aliquam luctus est urna, id aliquam orci tempus sed. Aenean sit amet leo id enim dapibus eleifend. Phasellus ut erat dapibus, tempor sapien non, porta urna.
</p>
</div>
</div>