<p>Testo p - font-sans - National Book</p>
<p>mobile 21, tablet 21, desktop: 21, wide: 21, fullhd: 21</p>
<p>Ex has animal eruditi. Eam hinc dolor graeci et, ad est omnis simul atomorum. Ex minim laoreet duo. Ad sit exerci aliquando, dolorum voluptatum disputando te pro. Nec no ubique bonorum, quis adolescens ut his. Mea eu tibique accusam rationibus, qui ne
    facilisi phaedrum. Latine noluisse consequuntur has ne, sed te elit reque ullum. Te sonet zril epicuri eum. Stet pericula mei id, dictas admodum no cum. Mel atqui comprehensam et. Duo postea accusam pertinax cu, qui placerat honestatis reprehendunt
    ne.</p>
<hr>

<p><em>Testo p - font-sans - National Book Italic</em></p>
<p><em>mobile 21, tablet 21, desktop: 21, wide: 21, fullhd: 21</em></p>
<p><em>Ex has animal eruditi. Eam hinc dolor graeci et, ad est omnis simul atomorum. Ex minim laoreet duo. Ad sit exerci aliquando, dolorum voluptatum disputando te pro. Nec no ubique bonorum, quis adolescens ut his. Mea eu tibique accusam rationibus, qui ne facilisi phaedrum. Latine noluisse consequuntur has ne, sed te elit reque ullum. Te sonet zril epicuri eum. Stet pericula mei id, dictas admodum no cum. Mel atqui comprehensam et. Duo postea accusam pertinax cu, qui placerat honestatis reprehendunt ne.</em></p>
<hr>

<p><strong>Testo p - font-sans - National Bold</strong></p>
<p><strong>mobile 21, tablet 21, desktop: 21, wide: 21, fullhd: 21</strong></p>
<p><strong>Ex has animal eruditi. Eam hinc dolor graeci et, ad est omnis simul atomorum. Ex minim laoreet duo. Ad sit exerci aliquando, dolorum voluptatum disputando te pro. Nec no ubique bonorum, quis adolescens ut his. Mea eu tibique accusam rationibus, qui ne facilisi phaedrum. Latine noluisse consequuntur has ne, sed te elit reque ullum. Te sonet zril epicuri eum. Stet pericula mei id, dictas admodum no cum. Mel atqui comprehensam et. Duo postea accusam pertinax cu, qui placerat honestatis reprehendunt ne.</strong></p>
<hr>

<p><strong><em>Testo p - font-sans - National Bold Italic</em></strong></p>
<p><strong><em>mobile 21, tablet 21, desktop: 21, wide: 21, fullhd: 21</em></strong></p>
<p><strong><em>Ex has animal eruditi. Eam hinc dolor graeci et, ad est omnis simul atomorum. Ex minim laoreet duo. Ad sit exerci aliquando, dolorum voluptatum disputando te pro. Nec no ubique bonorum, quis adolescens ut his. Mea eu tibique accusam rationibus, qui ne facilisi phaedrum. Latine noluisse consequuntur has ne, sed te elit reque ullum. Te sonet zril epicuri eum. Stet pericula mei id, dictas admodum no cum. Mel atqui comprehensam et. Duo postea accusam pertinax cu, qui placerat honestatis reprehendunt ne.</em></strong></p>
<hr>

<p><a href="#">This is a text link</a></p>
<p><a class="o-arrowLink" href="#">This is a text link with class <code>o-arrowLink</code></a></p>

<p><strong>Strong is used to indicate strong importance</strong></p>

<p><em>This text has added emphasis</em></p>

<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>

<p>The <i>i element</i> is text that is set off from the normal text</p>

<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>

<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p>

<p><s>This text has a strikethrough</s></p>

<p>Superscript<sup>®</sup></p>

<p>Subscript for things like H<sub>2</sub>O</p>

<p><small>This small text is small for for fine print, etc.</small></p>

<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>

<p>Keybord input: <kbd>Cmd</kbd></p>

<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>

<p><cite>This is a citation</cite>

</p>
<p>The <dfn>dfn element</dfn> indicates a definition.</p>

<p>The <mark>mark element</mark> indicates a highlight</p>

<p><code>This is what inline code looks like.</code></p>

<p><samp>This is sample output from a computer program</samp></p>

<p>The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>
<p>Testo p - font-sans - National Book</p>
<p>mobile {{ p.mobile }}, tablet {{ p.tablet }}, desktop: {{ p.desktop }}, wide: {{ p.wide }}, fullhd: {{ p.fullhd }}</p>
<p>{{ long }}</p>
<hr>

<p><em>Testo p - font-sans - National Book Italic</em></p>
<p><em>mobile {{ p.mobile }}, tablet {{ p.tablet }}, desktop: {{ p.desktop }}, wide: {{ p.wide }}, fullhd: {{ p.fullhd }}</em></p>
<p><em>{{ long }}</em></p>
<hr>

<p><strong>Testo p - font-sans - National Bold</strong></p>
<p><strong>mobile {{ p.mobile }}, tablet {{ p.tablet }}, desktop: {{ p.desktop }}, wide: {{ p.wide }}, fullhd: {{ p.fullhd }}</strong></p>
<p><strong>{{ long }}</strong></p>
<hr>

<p><strong><em>Testo p - font-sans - National Bold Italic</em></strong></p>
<p><strong><em>mobile {{ p.mobile }}, tablet {{ p.tablet }}, desktop: {{ p.desktop }}, wide: {{ p.wide }}, fullhd: {{ p.fullhd }}</em></strong></p>
<p><strong><em>{{ long }}</em></strong></p>
<hr>

<p><a href="#">This is a text link</a></p>
<p><a class="o-arrowLink" href="#">This is a text link with class <code>o-arrowLink</code></a></p>

<p><strong>Strong is used to indicate strong importance</strong></p>

<p><em>This text has added emphasis</em></p>

<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>

<p>The <i>i element</i> is text that is set off from the normal text</p>

<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>

<p><del>This text is deleted</del> and <ins>This text is inserted</ins></p>

<p><s>This text has a strikethrough</s></p>

<p>Superscript<sup>®</sup></p>

<p>Subscript for things like H<sub>2</sub>O</p>

<p><small>This small text is small for for fine print, etc.</small></p>

<p>Abbreviation: <abbr title="HyperText Markup Language">HTML</abbr></p>

<p>Keybord input: <kbd>Cmd</kbd></p>

<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>

<p><cite>This is a citation</cite>

</p><p>The <dfn>dfn element</dfn> indicates a definition.</p>

<p>The <mark>mark element</mark> indicates a highlight</p>

<p><code>This is what inline code looks like.</code></p>

<p><samp>This is sample output from a computer program</samp></p>

<p>The <var>variarble element</var>, such as <var>x</var> = <var>y</var></p>
{
  "items": [
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Bollettino-Boshi.png",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Bollettino Boshi",
      "abstract": "Il Bollettino è la mia newsletter informale, spedita a cadenza imprevedibile. "
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/bottiato.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/bottiato.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Franco Bottiato",
      "abstract": "Un bot per Facebook Messenger, con la personalità di Franco Bottiato."
    },
    {
      "imgSrc": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
      "img": {
        "src": "http://emmaboshi.net/pics/extra/Radio-Boshi2.jpg",
        "alt": "progetto 01"
      },
      "link": {
        "url": "http://emmaboshi.net/extra/bollettino-boshi",
        "label": "Vai al progetto"
      },
      "title": "Radio Boshi",
      "abstract": "Un canale Telegram di messaggi vocali inaspettati."
    }
  ],
  "_keys": [
    "type",
    "items"
  ],
  "type": "post-preview",
  "short": "Sed id odio solet veniam, vim natum principes ne.",
  "medium": "Has feugait deleniti accusamus ne, ut elitr doming invidunt eam, fastidii assentior ad per. An enim incorrupte qui, diceret verterem interesset ei pro.",
  "long": "Ex has animal eruditi. Eam hinc dolor graeci et, ad est omnis simul atomorum. Ex minim laoreet duo. Ad sit exerci aliquando, dolorum voluptatum disputando te pro. Nec no ubique bonorum, quis adolescens ut his. Mea eu tibique accusam rationibus, qui ne facilisi phaedrum. Latine noluisse consequuntur has ne, sed te elit reque ullum. Te sonet zril epicuri eum. Stet pericula mei id, dictas admodum no cum. Mel atqui comprehensam et. Duo postea accusam pertinax cu, qui placerat honestatis reprehendunt ne.",
  "p": {
    "fontType": "font-sans",
    "fontFamily": "National-Book",
    "mobile": "21",
    "tablet": "21",
    "desktop": "21",
    "wide": "21",
    "fullhd": "21"
  }
}
  • Handle: @inline-elements
  • Preview:
  • Filesystem Path: src/basic/01-typography/01-inline-elements/inline-elements.twig

There are no notes for this item.