diff --git a/sass/_mobile.scss b/sass/_mobile.scss
index 9eff33c..ac53d0f 100644
--- a/sass/_mobile.scss
+++ b/sass/_mobile.scss
@@ -36,6 +36,15 @@ main {
 			.program { width: 100%; }
 			.program img { max-width: 100%; }
 		}
+
+		div.coordinator>div {
+			flex-direction: column;
+
+			&>div {
+				margin-top: 2em;
+				text-align: center;
+			}
+		}
 	}
 }
 
diff --git a/sass/style.scss b/sass/style.scss
index 70ce003..cc6ea32 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -207,6 +207,30 @@ main {
 				}
 			}
 		}
+
+		div.coordinator {
+			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			margin-bottom: 8em;
+
+			&>div {
+				display: flex;
+				align-items: center;
+
+				img {
+					width: 10em;
+					margin: 0 2em;
+					border-radius: 50%;
+				}
+
+				ul {
+					padding: 0;
+					list-style-type: none;
+				}
+			}
+		}
 	}
 }
 
diff --git a/static/coordinators/placeholder.jpg b/static/coordinators/placeholder.jpg
new file mode 100644
index 0000000..d9e350b
Binary files /dev/null and b/static/coordinators/placeholder.jpg differ
diff --git a/templates/shortcodes/coordinator.html b/templates/shortcodes/coordinator.html
new file mode 100644
index 0000000..7ac48be
--- /dev/null
+++ b/templates/shortcodes/coordinator.html
@@ -0,0 +1,19 @@
+<div class="coordinator">
+	<h3>Koordinátor</h3>
+	<div>
+		{% if image %}
+			<img src="/coordinators/{{ image }}" alt="Obrázek koordinátora">
+		{% else %}
+			<img src="/coordinators/placeholder.jpg" alt="Obrázek koordinátora">
+		{% endif %}
+		{% if email or phone %}
+			<div>
+				<strong>{{ name }}</strong>
+				<ul>
+					{% if email %}<li><a href="mailto:{{ email }}">{{ email }}</a></li>{% endif %}
+					{% if phone %}<li>{{ phone }}</li>{% endif %}
+				</ul>
+			</div>
+		{% endif %}
+	</div>
+</div>