x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<div class="pk-c-timeline">
<div class="pk-c-timeline__container">
<div class="pk-c-timeline__header">
<div class="ui-subtitle">
<div class="ui-subtitle__container">
<h2 class="ui-subtitle__title">Our Story</h2>
</div>
</div>
</div>
<div class="pk-c-timeline__content">
<ol class="pk-c-timeline__items">
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
<li>
<h3>The inspiration</h3>
<p>In 2006, a team of people associated with the Computer Laboratory at the University of Cambridge became
interested in the decline of young people applying to study computer science at the university
since the 1980s.</p>
</li>
</ol>
</div>
</div>
</div>
1
2
3
c('site/timeline_slice', timeline_title: title) do |component|
number_of_items.times { component.with_timeline_item { component.render(timeline_item_content_preview) } }
end
Param Description Input

The title of the timeline

The number of items to display

1
10