Merge pull request #4 from Wardormeur/master

Add Participate section

Author: Wardormeur

index.html

@@ -23,15 +23,27 @@ <h3>Zen features and development roadmap.</h3>
     <h4>Do you have a Zen feature request?</h4>
     <a class="btn btn-default blue" href="https://github.com/CoderDojo/community-platform/issues/new" role="button">If so, click me.</a>
   </div>
+  <ul class="list-inline">
+    <li><a href="#roadmap">Roadmap</a></li>
+    <li><a href="#participate">Participate</a></li>
+  </ul>
+  <h2 id="roadmap">RoadMap</h2>
   <div class="content">
-    <div class="col-lg-6 col-md-6 col-sm-6">
+    <div class="col-sm-6">
       <h4>Coming soon.</h4>
       <ul id="upcoming"><ul>
     </div>
-    <div class="col-lg-6 col-md-6 col-sm-6">
+    <div class="col-sm-6">
       <h4>Recently completed.</h4>
       <ul id="completed"></ul>
     </div>
   </div>
+
+  <h2 id="participate">Participate</h2>
+  <p>By being open-source, Zen evolve through its contributors, have a look at <a href="https://github.com/CoderDojo/cp-local-development">https://github.com/CoderDojo/cp-local-development</a> on how to set up Zen locally</p>
+
+  <p>Even if you're not somebody with technical skills, you can contribute by completing the translations
+  <a href="https://github.com/niccokunzmann">@niccokunzmann</a> made a clear video on how to do so :)</p>
+  <iframe width="420" height="315" src="https://www.youtube.com/embed/WtS5_4ghgR4" frameborder="0" allowfullscreen></iframe>
   <script src="request.js"></script>
 </body>