final feedback implemented

Signed-off-by: Jos Poortvliet <jospoortvliet@gmail.com>

1 files changed, 31 insertions, 15 deletions

diff --git a/page-contribute.php b/page-contribute.php
index 622ccfb6..42c01e51 100644
--- a/page-contribute.php
+++ b/page-contribute.php
@@ -23,13 +23,14 @@
 <div class="container">
 
     <div class="row">
-        <h1 class="section--heading-1"><?php echo $l->t('Become part of the Community.');?></h1>
+        <h1 class="section--heading-1 text-center"><?php echo $l->t('Become part of the Community.');?></h1>
     </div>
     <div class="row">
-        <div class="col-md-6">
-            <a href="<?php echo home_url('files') ?>"><img src="<?php bloginfo('template_directory'); ?>/assets/img/conference/grouppic2017-small.jpg" class="img-responsive" /></a>
+        <div class="col-md-4">
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/conference/grouppic2017-small.jpg" class="img-responsive" />
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/conference/grouppic2016_wee.jpg" class="img-responsive" />
         </div>
-        <div class="col-md-6">
+        <div class="col-md-8">
             <p class="section--paragraph__tittle"><?php echo $l->t('Contribute to Nextcloud server or apps');?></p>
             <p class="section--paragraph"><?php echo $l->t('Learn about setting up a development environment or read our security guidelines, coding style and more!');?></p>
             <p class="section--paragraph"><?php echo $l->t('Improve the Nextcloud Server:');?> <a class="hyperlink"  href="<?php echo $DOCUMENTATION_DEVELOPER; ?>core"><?php echo $l->t('server development documentation');?></a>, <a class="hyperlink" href="<?php echo $DOCUMENTATION_DEVELOPER; ?>general"><?php echo $l->t('general guidelines and setup');?></a></p>
@@ -38,31 +39,46 @@
             <p class="section--paragraph"><a class="hyperlink" href="https://transifex.com/nextcloud"><?php echo $l->t('Help translate Nextcloud.');?></a></li>
             <p class="section--paragraph"><?php echo $l->t('Talk to us on our
             <a class="hyperlink" href="https://help.nextcloud.com" target="_blank">forum</a>! We look forward to your code and thoughts.');?></p>
-            <a class="button button--white button--small" href="<?php echo home_url('developer') ?>"><?php echo $l->t('Learn more about writing Nextcloud apps');?></a>
+            <a class="button button--blue" href="<?php echo home_url('developer') ?>"><?php echo $l->t('Learn more about writing Nextcloud apps');?></a>
         </div>
     </div>
     <div class="row">
-        <div class="col-md-6 image--floated">
-            <a href="<?php echo home_url('files') ?>"><img src="<?php bloginfo('template_directory'); ?>/assets/img/events/booth.jpg" class="img-responsive" /></a>
+        <div class="col-md-4">
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/events/booth.jpg" class="img-responsive" />
         </div>
-        <div class="col-md-6">
-            <h3 class="section--intro"><?php echo $l->t('Answer questions about Nextcloud use and development');?></h3>
+        <div class="col-md-8">
+            <p class="section--paragraph__tittle"><?php echo $l->t('Answer questions about Nextcloud use and development');?></p>
             <p class="section--paragraph"><?php echo $l->t('Help answer questions users and developers have about Nextcloud!');?></p>
-            <p class="section--paragraph"><?php echo $l->t('Join the <a class="hyperlink" href="https://help.nextcloud.com">Nextcloud forums</a>!');?></p>
+            <p class="section--paragraph"><a class="" href="https://help.nextcloud.com"><?php echo $l->t('Join the Nextcloud forums');?></a></p>
             <p class="section--paragraph"><a class="hyperlink" href="<?php echo home_url('code-of-conduct') ?>"><?php echo $l->t('Please be considerate of our code of conduct</a>. We want to provide a positive and enjoyable environment for everybody.');?></p>
         </div>
     </div>
     <div class="row">
-        <div class="col-md-6">
-            <h3 class="section--intro"><?php echo $l->t('Test Nextcloud');?></h3>
+        <div class="col-md-4">
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/headers/atwork-small.jpg" class="img-responsive" />
+        </div>
+        <div class="col-md-8">
+            <p class="section--paragraph__tittle"><?php echo $l->t('Test Nextcloud');?></p>
             <p class="section--paragraph"><?php echo $l->t('Testing upcoming Nextcloud Server releases is the best way of making sure the new release can do what you need it
                 to do. And of course, only if you report a problem to us we know about it and can fix it! If you have a bug to report,
                 find the <a class="hyperlink" href="https://github.com/nextcloud/server/blob/master/.github/CONTRIBUTING.md">issue submission page</a>.');?></p>
-            <h3 class="section--intro"><?php echo $l->t('Design Nextcloud');?></h3>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-4">
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/headers/design-small.jpg" class="img-responsive" />
+        </div>
+        <div class="col-md-8">
+            <p class="section--paragraph__tittle"><?php echo $l->t('Design Nextcloud');?></p>
             <p class="section--paragraph"><?php echo $l->t('Help out with Nextcloud user interaction design or graphic design! Get involved on <a class="hyperlink"  href="design/">the design page</a>!');?></p>
         </div>
-        <div class="col-md-6">
-            <h3 class="section--intro"><?php echo $l->t('Support Nextcloud development with bounties');?></h3>
+    </div>
+    <div class="row">
+        <div class="col-md-4">
+            <img src="<?php bloginfo('template_directory'); ?>/assets/img/headers/ladies-that-foss.jpg" class="img-responsive" />
+        </div>
+        <div class="col-md-8">
+            <p class="section--paragraph__tittle"><?php echo $l->t('Support Nextcloud development with bounties');?></p>
             <p class="section--paragraph"><?php echo $l->t('Support Nextcloud development by offering some money on features you would like to have! <a class="hyperlink"  href="https://www.bountysource.com/teams/nextcloud" target="_blank">Check our Bountysource page</a>!');?>
             <p class="section--paragraph"><?php echo $l->t('Note that');?> <a class="hyperlink" href="<?php echo home_url('jobs') ?>"><?php echo $l->t('we are hiring</a>. We look especially for people who want to turn their passion into their job! When possible, we hire people from our active community base or from the wider open source community.');?></p>
         </div>