Add kanban to features page

content/features/index.en.md

@@ -78,8 +78,25 @@ menu:
 
 <div class="columns feature">
     <div class="column theimage">
-        <img src="tasks.png" alt="Sharing with a user" style="margin-top:3em"/>
+        <video autoplay loop>
+        	<source src="kanban.webm" type='video/webm;codecs="vp8, vorbis"'/>
+        	<img src="kanban.png" alt=""/>
+        </video>
     </div>
+    <div class="column">
+        <h2>Kanban board</h2>
+        <p>
+            Vikunja lets you organize and prioritize your tasks in a kanban board.<br/>
+            Quickly get an overview of the status of things - especially when collaborating with multiple people on a project.
+        <p>
+        <p>
+            Each card on a board represents a task in Vikunja.<br/>
+            All tasks can be added through the usual ways and will then show up in the kanban board where they can be easily rearranged and reordered.
+        </p>
+    </div>
+</div>
+
+<div class="columns feature">
     <div class="column">
         <h3>
 	        <span class="icon is-small"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="tags" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="svg-inline--fa fa-tags fa-w-20"><path fill="currentColor" d="M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z" class=""></path></svg></span>
@@ -102,6 +119,9 @@ menu:
 	    </h3>
         <p>Assign tasks to team members so everyone knows what to do.</p>
     </div>
+    <div class="column theimage">
+        <img src="tasks.png" alt="Sharing with a user" style="margin-top:3em"/>
+    </div>
 </div>
 
 <div class="columns feature-shoutouts">