diff --git a/static/backward.png b/static/backward.png
new file mode 100644
index 0000000..172aa89
Binary files /dev/null and b/static/backward.png differ
diff --git a/static/forward x2.png b/static/forward x2.png
new file mode 100644
index 0000000..f797a04
Binary files /dev/null and b/static/forward x2.png differ
diff --git a/static/forward x3.png b/static/forward x3.png
new file mode 100644
index 0000000..f1c07a0
Binary files /dev/null and b/static/forward x3.png differ
diff --git a/static/forward.png b/static/forward.png
new file mode 100644
index 0000000..101422c
Binary files /dev/null and b/static/forward.png differ
diff --git a/static/turn around.png b/static/turn around.png
new file mode 100644
index 0000000..3f9df8c
Binary files /dev/null and b/static/turn around.png differ
diff --git a/static/turn left.png b/static/turn left.png
new file mode 100644
index 0000000..314b997
Binary files /dev/null and b/static/turn left.png differ
diff --git a/static/turn right.png b/static/turn right.png
new file mode 100644
index 0000000..9912156
Binary files /dev/null and b/static/turn right.png differ
diff --git a/templates/drag_example.html b/templates/drag_example.html
index 32097b8..e400367 100644
--- a/templates/drag_example.html
+++ b/templates/drag_example.html
@@ -22,7 +22,18 @@
     <div class="row top-buffer">
         <div class="main-canvas">
             {% for i in range(0,9) %}
-                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" >{{ cmds[i].action }}
+                {% if 'forward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #28a745">
+                {% elif 'backward' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #E74C3C">
+                {% elif 'left' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #f3d500">
+                {% elif 'right' in cmds[i].action %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: #2832ad">
+                {% else %}
+                    <div class="box card{{ i }}"  name="{{ cmds[i].number }}" style="background-color: rgba(128,116,109,0.55)">
+                {% endif %}
+                        <img src="static/{{ cmds[i].action }}.png">
                 <p style="font-size: 10px">{{ cmds[i].priority }}</p>
             </div>
             {% endfor %}