repubmark/examples/full.html
2024-10-18 00:04:34 +04:00

108 lines
2.6 KiB
HTML

<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 id="chapter-1">Chapter 1</h2>
<p>
<span>
Chapter 1 paragraph text
</span>
</p>
<h2 id="chapter-2-юникод">Chapter 2</h2>
<p>
<span>
Chapter 2 paragraph text
</span>
</p>
<div>
<hr/>
<h2>Related articles</h2>
<ol>
<li id="self-foo-bar" value="1" class="fragment-highlight">
<span class="text-muted">
<time datetime="2024-09-12">
September 12, 2024
</time>
</span>
<a href="./foo-bar">Foo Bar</a>
<span>
&mdash;
Baz Car Cdr Qwe Rty
</span>
</li>
</ol>
<h2>Links</h2>
<ol>
<li id="link-example-com" value="2" class="fragment-highlight">
<a href="https://example.com">Example Domain</a>
<span>
&mdash;
This domain is for use in illustrative examples in documents
</span>
(<a href="https://web.archive.org/arch/example.com">web.archive.org</a>)
</li>
</ol>
</div>