1 {% extends 'myslice.html' %}
3 {% block content_main %}
5 {% insert_str prelude "css/sample.css" %}
6 {% insert_str prelude "js/sample.js" %}
9 <ul class="nav nav-tabs" id='foo'>
10 <li > <a href="#name1" data-toggle="tab">Here</a></li>
11 <li class="active"> <a href="#name2" data-toggle="tab">Other</a></li>
13 <div class="tab-content">
14 <div class="tab-pane fade in" id="name1">
15 <p> {{ lorem|safe }} </p>
17 <div class="tab-pane fade in active" id="name2">
18 <p> Sample tabs, this one is the active one; A shorter Lorem <code> with embedded code </code> <span class='bold'>ipsum dolor</span> sit amet, consectetuer
19 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
20 laoreet dolore magna aliquam erat volutpat. Ut wisi enim </p>
26 <div class='well'> a sample of the 'well' class quis nostrud exerci tation </div>
29 {{ lorem }} Lorem <span class='bold'>ipsum dolor</span> <code> counter += 1
30 </code> sit amet, consectetuer
31 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
32 laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
33 veniam, ullamcorper suscipit lobortis
34 nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
35 dolor in hendrerit in vulputate velit esse molestie consequat, vel
36 illum dolore eu feugiat nulla facilisis at vero eros et accumsan
37 et iusto odio dignissim qui blandit praesent luptatum zzril
38 delenit augue duis dolore te feugait nulla facilisi. Nam liber
39 tempor cum soluta nobis eleifend option congue nihil imperdiet
40 doming id quod mazim placerat facer possim assum. Typi non habent
41 claritatem insitam; est usus legentis in iis qui facit eorum
42 claritatem. Investigationes demonstraverunt lectores legere me
43 lius quod ii legunt saepius. Claritas est etiam processus
44 dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum
45 est notare quam littera gothica, quam nunc putamus parum claram,
46 anteposuerit litterarum formas humanitatis per seacula quarta
47 decima et quinta decima. Eodem modo typi, qui nunc nobis videntur
48 parum clari, fiant sollemnes in futurum.
50 {% endblock content_main %}
52 {% block content_related %}
53 This text is shorter on purpose Lorem <span class='bold'>ipsum
54 dolor</span> sit amet, consectetuer adipiscing elit, sed diam
55 nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
56 volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
57 ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
59 {% endblock content_related %}