Gov Design System CE - Templates

Card Job 

<gov-card href="#">
    <gov-flex gap="m" justify-content="space-between" align-items="flex-end">
        <gov-flex gap="s" direction="column">
            <header>
                <gov-flex gap="s" direction="column">
                    <time datetime="2024-11-26" class="gov-card__updated">Aktualizováno: 26.11.2024</time>
                    <h3 class=" gov-card__headline">Analytik environmentálních dat</h3>
                    <ul class="gov-icon-list gov-list--plain gov-icon-list--horizontal gov-icon-list--small gov-icon-list--grey">
                        <li>
                            <gov-flex align-items="center" gap="s" responsive="false">
                                <gov-icon type="templates" name="buildings" alt="Společnost:" aria-label="Společnost"></gov-icon>
                                <span>CENIA</span>
                            </gov-flex>
                        </li>
                        <li>
                            <gov-flex align-items="center" gap="s" responsive="false">
                                <gov-icon type="templates" name="geo-alt" alt="Místo výkonu práce:" aria-label="Místo výkonu práce"></gov-icon>
                                <span>Břeclav</span>
                            </gov-flex>
                        </li>
                    </ul>
                </gov-flex>
            </header>
            <footer>
                <ul class="gov-tags gov-list--plain">
                    <li>
                        <gov-tag color="success" type="subtle" size="s">
                            40 000 – 60 000 Kč
                        </gov-tag>
                    </li>
                    <li>
                        <gov-tag color="neutral" type="subtle" size="s">
                            Možnost práce z domova
                        </gov-tag>
                    </li>
                </ul>
            </footer>
        </gov-flex>
        <img src="/assets/logo-placeholder.png" alt="" width="90" height="" />
    </gov-flex>

</gov-card>
 
{{#> @card }}
    <gov-flex gap="m" justify-content="space-between" align-items="flex-end">
        <gov-flex gap="s" direction="column">
            <header>
                <gov-flex gap="s" direction="column">
                    {{#if updated}}
                        <time datetime="{{ formatDate updated-date }}" class="gov-card__updated">{{ updated }} {{ updated-date }}</time>
                    {{/if}}
                    {{#if heading }}
                        {{ render '@heading' heading }}
                    {{/if}}
                    {{#if company}}
                        {{ render '@icon-list' company }}
                    {{/if}}
                </gov-flex>
            </header>
            {{#if tag-bottom }}
            <footer>
                {{#if tag }}
                    {{ render '@tags' this }}
                {{/if}}
            </footer>
            {{/if}}
        </gov-flex>
        {{#if logo}}
            {{ render '@image' logo }}
        {{/if}}
    </gov-flex>
{{/@card}}
 
{
  "heading": {
    "tag": "h3",
    "name": "Analytik environmentálních dat",
    "classes": [
      "gov-card__headline"
    ]
  },
  "url": "#",
  "updated": "Aktualizováno:",
  "updated-date": "26.11.2024",
  "company": {
    "classes": [
      "gov-icon-list--horizontal",
      "gov-icon-list--small",
      "gov-icon-list--grey"
    ],
    "item": [
      {
        "text": "CENIA",
        "icon": {
          "type": "templates",
          "name": "buildings",
          "aria-label": "Společnost",
          "alt": "Společnost:"
        }
      },
      {
        "text": "Břeclav",
        "icon": {
          "type": "templates",
          "name": "geo-alt",
          "aria-label": "Místo výkonu práce",
          "alt": "Místo výkonu práce:"
        }
      }
    ]
  },
  "tag-bottom": true,
  "tag": [
    {
      "name": "40 000 – 60 000 Kč",
      "color": "success",
      "type": "subtle",
      "size": "s"
    },
    {
      "name": "Možnost práce z domova",
      "color": "neutral",
      "type": "subtle",
      "size": "s"
    }
  ],
  "logo": {
    "src": "/assets/logo-placeholder.png",
    "alt": "",
    "width": "90"
  }
}

No notes defined.