Gov Design System CE - Templates

Card Plain 

<gov-card>
    <gov-flex gap="s" direction="column">
        <header>
            <h3 class=" gov-card__headline">Jana Novotná</h3>
        </header>
        <p>Informace o vydávání občanských průkazů, cestovních pasů, řidičských průkazů, změnách trvalého bydliště a registraci vozidel.</p>
        <ul class="gov-contact-links gov-list--plain">
            <li>
                <gov-flex gap="s-nudge" align-items="center" responsive="false">
                    <gov-icon type="templates" name="envelope" color="primary" size="m" alt="e-mail:" aria-label="e-mail"></gov-icon>
                    <a href="mailto:jana.urednicka@urad.cz">jana.urednicka@urad.cz</a>
                </gov-flex>
            </li>
            <li>
                <gov-flex gap="s-nudge" align-items="center" responsive="false">
                    <gov-icon type="templates" name="telephone" color="primary" size="m" alt="tel.:" aria-label="telefon"></gov-icon>
                    <a href="tel:+420606475365">606 475 365</a>
                </gov-flex>
            </li>
        </ul>
    </gov-flex>

</gov-card>
 
{{#> @card }}
    <gov-flex gap="s" direction="column">
        {{#if heading }}
            <header>
                {{ render '@heading' heading }}
            </header>
        {{/if}}
        {{#if text}}
            {{{ text }}}
        {{/if}}
        {{#if contact}}
            {{> @contact }}
        {{/if}}
    </gov-flex>
{{/@card}}
 
{
  "heading": {
    "tag": "h3",
    "name": "Jana Novotná",
    "classes": [
      "gov-card__headline"
    ]
  },
  "text": "<p>Informace o vydávání občanských průkazů, cestovních pasů, řidičských průkazů, změnách trvalého bydliště a registraci vozidel.</p>",
  "contact": [
    {
      "e-mail": {
        "text": "jana.urednicka@urad.cz"
      },
      "icon": {
        "type": "templates",
        "name": "envelope",
        "aria-label": "e-mail",
        "alt": "e-mail:",
        "size": "m",
        "color": "primary"
      }
    },
    {
      "phone": {
        "text": "606 475 365",
        "link": "+420606475365"
      },
      "icon": {
        "type": "templates",
        "name": "telephone",
        "aria-label": "telefon",
        "alt": "tel.:",
        "size": "m",
        "color": "primary"
      }
    }
  ]
}

No notes defined.