101 lines
4.1 KiB
HTML
101 lines
4.1 KiB
HTML
<!-- todo: remove whole block -->
|
|
<div ba-panel>
|
|
<section id="cd-timeline" class="cd-container cssanimations" ng-controller="TimelineCtrl">
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Euro-Coin' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-yellow">
|
|
<h5>Title of section 1</h5>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi
|
|
placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
|
|
<span class="cd-date">Jan 14</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Laptop-Signal' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-red">
|
|
<h5>Title of section 2</h5>
|
|
|
|
<p>Donec dapibus at leo eget volutpat. Praesent dolor tellus, ultricies venenatis molestie eu, luctus eget nibh.
|
|
Curabitur ullamcorper eleifend nisl.</p>
|
|
<span class="cd-date">Jan 18</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Checklist' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-blue">
|
|
<h5>Title of section 3</h5>
|
|
|
|
<p>Phasellus auctor tellus eget lacinia condimentum. Cum sociis natoque penatibus et magnis dis parturient
|
|
montes.</p>
|
|
<span class="cd-date">Feb 18</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Boss-3' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-yellow">
|
|
<h5>Title of section 4</h5>
|
|
|
|
<p>Morbi fringilla in massa ac posuere. Fusce non sagittis massa, id accumsan odio. Nullam eget tempor est.
|
|
Etiam eu felis eu purus aliquam tristique id quis nisl. Nam eros nibh, consequat sed pulvinar eu, ultrices
|
|
ornare ligula. Aenean interdum sed nunc sed hendrerit.</p>
|
|
<span class="cd-date">Feb 20</span>
|
|
</div>
|
|
</div>
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Online-Shopping' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-red">
|
|
<h5>Title of section 5</h5>
|
|
|
|
<p> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur eget mattis
|
|
metus. Nullam egestas eros metus, quis fringilla urna accumsan sed. Aliquam ultrices at arcu vitae
|
|
tincidunt.</p>
|
|
<span class="cd-date">Feb 21</span>
|
|
</div>
|
|
</div>
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg primary"><img ng-src="{{::( 'Money-Increase' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-blue">
|
|
<h5>Title of section 6</h5>
|
|
|
|
<p>Praesent bibendum ante mattis augue consectetur, ut commodo turpis consequat. Donec ligula eros, porta in
|
|
iaculis vel, semper ac sem. Integer at mauris lorem.</p>
|
|
<span class="cd-date">Feb 23</span>
|
|
</div>
|
|
</div>
|
|
<div class="cd-timeline-block">
|
|
<div class="cd-timeline-img">
|
|
<div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Vector' | kameleonImg )}}"></div>
|
|
</div>
|
|
|
|
<div class="cd-timeline-content cd-timeline-content-yellow">
|
|
<h5>Title of section 7</h5>
|
|
|
|
<p>Vivamus ut laoreet erat, vitae eleifend eros. Sed varius id tellus non lobortis. Sed dolor ante, cursus non
|
|
scelerisque sed, euismod id eros.</p>
|
|
<span class="cd-date">Feb 24</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div> |