<div class="ag-timeline-block">
<section class="ag-section">
<div class="ag-format-container">
<div class="js-timeline ag-timeline">
<div class="js-timeline_line ag-timeline_line">
<div class="js-timeline_line-progress ag-timeline_line-progress">&nbsp;</div>
</div>
<div class="ag-timeline_list">
<div class="js-timeline_item ag-timeline_item">
<div class="ag-timeline-card_box">
<div class="js-timeline-card_point-box ag-timeline-card_point-box">
<div class="ag-timeline-card_point">2009</div>
</div>
</div>
<div class="ag-timeline-card_item">
<div class="ag-timeline-card_inner">
<div class="ag-timeline-card_info">
<div class="ag-timeline-card_title" style="text-align: right;">Titulo</div>
<div class="ag-timeline-card_desc" style="text-align: right;">Vorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.</div>
</div>
</div>
</div>
</div>
<div class="js-timeline_item ag-timeline_item">
<div class="ag-timeline-card_box">
<div class="js-timeline-card_point-box ag-timeline-card_point-box">
<div class="ag-timeline-card_point">2011</div>
</div>
</div>
<div class="ag-timeline-card_item">
<div class="ag-timeline-card_inner">
<div class="ag-timeline-card_img-box"><iframe title="YouTube video player" src="https://www.youtube-nocookie.com/embed/kP6oli5ELnk?controls=0" width="560" height="315" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen"></iframe></div>
<div class="ag-timeline-card_info">
<div class="ag-timeline-card_title" style="text-align: left;">Titulo</div>
<div class="ag-timeline-card_desc" style="text-align: left;">Vorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.</div>
</div>
</div>
</div>
</div>
<div class="js-timeline_item ag-timeline_item">
<div class="ag-timeline-card_box">
<div class="js-timeline-card_point-box ag-timeline-card_point-box">
<div class="ag-timeline-card_point">2012</div>
</div>
</div>
<div class="ag-timeline-card_item">
<div class="ag-timeline-card_inner">
<div class="ag-timeline-card_img-box"><img class="ag-timeline-card_img" src="https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/img-4.png" alt="" width="100%" height="56"></div>
<div class="ag-timeline-card_info">
<div class="ag-timeline-card_title" style="text-align: right;">Titulo</div>
<div class="ag-timeline-card_desc" style="text-align: right;">Vorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus.</div>
</div>
</div>
</div>
</div>
<div class="js-timeline_item ag-timeline_item">
<div class="ag-timeline-card_box">
<div class="js-timeline-card_point-box ag-timeline-card_point-box">
<div class="ag-timeline-card_point">2013</div>
</div>
</div>
<div class="ag-timeline-card_item">
<div class="ag-timeline-card_inner">
<div class="ag-timeline-card_info">
<div class="ag-timeline-card_title" style="text-align: left;">Titulo</div>
<div class="ag-timeline-card_desc" style="text-align: left;">Vorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>