repubmark/examples/full.html
2024-02-25 09:28:23 +04:00

83 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>