tabler/preview/_includes/cards/user-info.html

{% assign person-id = include.person-id | default: 25 | minus: 1 %}
{% assign person = site.data.people[person-id] %}

<div class="card">
	<div class="card-body">
		<div class="card-title">{{ include.title | default: 'Basic info' }}</div>
		<div class="mb-2">
			{% include ui/icon.html icon="book" class="me-2 text-secondary" %}
			Went to: <strong>{{ person.university }}</strong>
		</div>
		<div class="mb-2">
			{% include ui/icon.html icon="briefcase" class="me-2 text-secondary" %}
			Worked at: <strong>{{ person.company }}</strong>
		</div>
		<div class="mb-2">
			{% include ui/icon.html icon="home" class="me-2 text-secondary" %}
			Lives in: <strong>{{ person.city }}, {{ person.country }}</strong>
		</div>
		<div class="mb-2">
			{% include ui/icon.html icon="map-pin" class="me-2 text-secondary" %}
			From: <strong>{% include ui/flag.html flag=person.country_code %} {{ person.country }}</strong>
		</div>
		<div class="mb-2">
			{% include ui/icon.html icon="calendar" class="me-2 text-secondary" %}
			Birth date: <strong>{{ person.birth_date }}</strong>
		</div>
		<div>
			{% include ui/icon.html icon="clock" class="me-2 text-secondary" %}
			Time zone: <strong>{{ person.time_zone }}</strong>
		</div>
	</div>
</div>