diff --git a/src/data/templates/index.html b/src/data/templates/index.html
index de89e5a..ab2d3b9 100644
--- a/src/data/templates/index.html
+++ b/src/data/templates/index.html
@@ -30,23 +30,32 @@
     {% for project in projects %}
     <div class="row mb-5 justify-content-{{ project.align }}">
         <div class="col-md-8">
-            <a href="{{ project.link }}" class="text-decoration-none">
-                <div class="p-4 rounded-4 text-light shadow hover-scale transparent-box">
-                    <div class="row align-items-center {% if project.align == 'end' %}flex-md-row-reverse{% endif %}">
-                        <div class="col-md-7">
-                            <h4>{{ project.title }}</h4>
-                            <p>{{ project.description }}</p>
-                        </div>
-                        <div class="col-md-5 text-center">
-                            <img src="{{ url_for('static', filename='img/' ~ project.image) }}"
-                                alt="{{ project.title }}" class="img-fluid rounded shadow project-img">
-                        </div>
+            <div class="p-4 rounded-4 text-light shadow hover-scale transparent-box"
+                onclick="window.location='{{ project.link }}'" style="cursor: pointer; position: relative;">
+
+                <div class="row align-items-center {% if project.align == 'end' %}flex-md-row-reverse{% endif %}">
+                    <div class="col-md-7">
+                        <h4>{{ project.title }}</h4>
+                        <p>{{ project.description }}</p>
+                    </div>
+                    <div class="col-md-5 text-center">
+                        <img src="{{ url_for('static', filename='img/' ~ project.image) }}"
+                            alt="{{ project.title }}"
+                            class="img-fluid rounded shadow project-img">
                     </div>
                 </div>
-            </a>
+
+                {% if project.button %}
+                <a href="{{ project.button[1] }}" class="btn btn-secondary project-btn">
+                    {{ project.button[0] }}
+                </a>
+                {% endif %}
+
+            </div>
         </div>
     </div>
     {% endfor %}
+
 </div>
 
 {% endblock %}