<h1 id="example-title">
<span class="section_number">
{{ chapter.number }}.
</span>
Example Title
</h1>
<p>This is a sentence.</p>
<h1 id="example-title-2">
<span class="section_number">
{{ chapter.number }}.
</span>
Example Title 2
</h1>
<p>{comment This is a comment for other authors to read}</p>
<p>Check out this <a href="{{ base_path }}resource/134">resource</a>.</p>
<div class="panel panel-teacher-note">
<div class="panel-header">
<strong>Teacher Note:</strong> Guides for Algorithms
</div>
<div class="panel-body">
<p>This text is the panel's contents.</p>
</div>
</div>
<div>
<img alt="This is alt text" class="left-align" src="http://placehold.it/350x150" title="This is hover text" />
<p>Dancing with our hands tied.</p>
<p><a href="https://placehold.it/">Source</a></p>
</div>
<div>
<img alt="This is alt text" class="left-align" src="http://placehold.it/250x50" title="This is hover text" />
<p><a href="https://placehold.it/">Source</a></p>
</div>
<div class="boxed-text">
<p><strong>Computer Science Report for 2.44</strong></p>
<p>Put your introduction to what bits are here.</p>
</div>
<a class="button" href="http://www.google.com">Visit Google</a>{% if version == 'teacher' %}
<p>This is text that only teachers should see.</p>
{% endif %}
<p>It's worth considering which <a class="glossary-term" data-glossary-term="algorithm">algorithms</a> should be used.</p>
<iframe src="https://github.com/">
<p>Your browser does not support iframes.</p>
</iframe>
<iframe src="{% url 'interactive' slug='binary-cards' %}?digits=5&amp;start=BBBBB">
<p>Your browser does not support iframes.</p>
</iframe>
<div class="scratch-inline-images">
<object data="{% static 'scratch-blocks-a0f8fcad796864abfacac8bda6e0719813833fd1fca348700abbd040557c1576.svg' %}" type="image/svg+xml">
</object>
</div>{{ table_of_contents }}
<div>
<iframe allowfullscreen="allowfullscreen" frameborder="0" src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>
</div>
