84 lines
2 KiB
HTML
84 lines
2 KiB
HTML
|
<div>
|
||
|
|
HTTP prologue
|
||
|
|
</div>
|
||
|
|
<div class="nice-annotation">
|
||
|
|
<p>
|
||
|
|
<span>
|
||
|
|
Annotation paragraph text
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<figure class="nice-blockquote">
|
||
|
|
<blockquote>
|
||
|
|
<p>
|
||
|
|
<span>
|
||
|
|
Blockquote paragraph text
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</blockquote>
|
||
|
|
<figcaption>
|
||
|
|
<span>
|
||
|
|
Blockquote caption text
|
||
|
|
</span>
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
<pre><code><span class="hl lin"> 1 </span><span class="hl opt">[[</span><span class="hl kwc">:foo</span><span class="hl opt">,</span> <span class="hl num">1</span><span class="hl opt">], [</span><span class="hl kwc">:bar</span><span class="hl opt">,</span> <span class="hl num">2</span><span class="hl opt">], [</span><span class="hl kwc">:car</span><span class="hl opt">,</span> <span class="hl num">3</span><span class="hl opt">]].</span>each <span class="hl kwa">do</span> <span class="hl opt">|</span>str<span class="hl opt">,</span> num<span class="hl opt">|</span>
|
||
|
|
<span class="hl lin"> 2 </span> puts str
|
||
|
|
<span class="hl lin"> 3 </span> puts num<span class="hl opt">**</span><span class="hl num">2</span>
|
||
|
|
<span class="hl lin"> 4 </span><span class="hl kwa">end</span>
|
||
|
|
</code></pre>
|
||
|
|
<div class="ratio ratio-16x9">
|
||
|
|
<iframe
|
||
|
|
title="Example.com"
|
||
|
|
src="https://example.com"
|
||
|
|
allowfullscreen=""
|
||
|
|
frameborder="0"
|
||
|
|
sandbox="allow-same-origin allow-scripts allow-popups"
|
||
|
|
></iframe>
|
||
|
|
</div>
|
||
|
|
<div class="d-flex justify-content-center">
|
||
|
|
<figure class="nice-figure">
|
||
|
|
<img src="assets/images/foo.jpg" alt="The Foo"/>
|
||
|
|
<figcaption>
|
||
|
|
The Foo
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-6">
|
||
|
|
<div class="d-flex justify-content-center">
|
||
|
|
<figure class="nice-figure">
|
||
|
|
<img src="assets/images/qwe.jpg" alt="The Qwe"/>
|
||
|
|
<figcaption>
|
||
|
|
The Qwe
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-6">
|
||
|
|
<div class="d-flex justify-content-center">
|
||
|
|
<figure class="nice-figure">
|
||
|
|
<img src="assets/images/rty.jpg" alt="The Rty"/>
|
||
|
|
<figcaption>
|
||
|
|
The Rty
|
||
|
|
</figcaption>
|
||
|
|
</figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<h2>Chapter 1</h2>
|
||
|
|
<p>
|
||
|
|
<span>
|
||
|
|
Chapter 1 paragraph text
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<h2>Chapter 2</h2>
|
||
|
|
<p>
|
||
|
|
<span>
|
||
|
|
Chapter 2 paragraph text
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<div>
|
||
|
|
HTTP epilogue
|
||
|
|
</div>
|