diff --git a/src/style.css b/src/style.css
index 4cd553b2a..2f8d6e703 100644
--- a/src/style.css
+++ b/src/style.css
@@ -58,6 +58,10 @@ body {
   flex: 1;
 }
 
+.card:target {
+  border-color: #1595fe;
+}
+
 .card-body p {
   margin-bottom: 0;
   margin-top: 0;
@@ -67,6 +71,10 @@ body {
   margin-bottom: 0.4rem;
 }
 
+.card:target .card-title {
+  font-weight: bold;
+}
+
 /* ------------------------------ Index ------------------------------------- */
 
 .progress-bar-container {
diff --git a/templates/index.html.jinja b/templates/index.html.jinja
index 904ed59a3..94d5a5f67 100644
--- a/templates/index.html.jinja
+++ b/templates/index.html.jinja
@@ -5,7 +5,7 @@
   <div class="row">
     {% for project in completion_progress | sort(attribute='completion') | reverse %}
       <div class="col-12 col-sm-6 col-md-4 d-flex">
-        <div class="card shadow mb-3 w-100">
+        <div id="{{ project.language.code }}" class="card shadow mb-3 w-100">
           <div class="card-body">
             <h3 class="card-title">{{ project.language.name }}</h3>
             <h5 class="card-subtitle mb-2 text-muted">{{ project.translated_name }}</h5>