content/features/index.en.md

@@ -11,7 +11,7 @@ menu:
 
 <section class="hero is-medium is-bold feature-hero">
   <div class="hero-body">
-    <div class="container has-text-centered">
+    <div class="container has-text-centered is-white">
       <h1 class="title">
         Think of Vikunja like the notebook you have with all your things to keep track of.
       </h1>
@@ -22,7 +22,7 @@ menu:
   </div>
 </section>
 
-<div class="container">
+<div class="container is-white">
     <div class="content">
         <div class="columns feature">
             <div class="column theimage">
@@ -47,8 +47,8 @@ menu:
             </div>
         </div>
 
-<div class="columns">
-            <div class="column is-half">
+<div class="columns feature">
+    <div class="column">
         <h2>Collaboration</h2>
     
         <p>
@@ -68,11 +68,11 @@ menu:
     </div>
 </div>
 
-<div class="columns">
+<div class="columns feature">
     <div class="column theimage">
         <img src="tasks.png" alt="Sharing with a user" style="margin-top:3em"/>
     </div>
-    <div class="column is-half">
+    <div class="column">
         <h3>Labels</h3>
         <p>
         Effortlessly mark tasks with a colorful label to find and group relevant tasks with a click!
@@ -85,13 +85,30 @@ menu:
     </div>
 </div>
 
-### Task attachments
-
-### Task relations
-
-### CalDAV
-
-Vikunja comes with a calDAV-integration which lets you use the tools you already use and love.
+<div class="columns">
+    <div class="column">
+    	<h3>Attachments</h3>
+    	<p>Attach files to tasks, so you can always have all related files for a task in one place!</p>
+    </div>
+    <div class="column">
+    	<h3>Relations</h3>
+    	<p>
+    		Relate different tasks together - even if they're not on the same list! 
+    		A relation can be multiple things, for example a subtask or blocking task.
+    	</p>
+    </div>
+    <div class="column">
+    	<h3>Due dates</h3>
+    	<p>
+    		Remember these tasks with a deadline coming up? 
+    		Set a due date for a task and see all tasks with upcoming deadlines at once!
+    	</p>
+    </div>
+    <div class="column">
+    	<h3>CalDAV</h3>
+    	<p>Vikunja comes with a calDAV-integration which lets you use the tools you already use and love.</p>
+    </div>
+</div>
 
 </div>
 </div>
@@ -107,7 +124,7 @@ Vikunja comes with a calDAV-integration which lets you use the tools you already
   </div>
 </section>
 
-<div class="container">
+<div class="container is-default-color">
     <div class="content">
         <div class="columns">
             <div class="column is-half">