add tb and outlook addins to some more pages

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

13 files changed, 483 insertions, 43 deletions

diff --git a/assets/css/pages/athome.css b/assets/css/pages/athome.css
index 3f9fb531..46fd3c06 100644
--- a/assets/css/pages/athome.css
+++ b/assets/css/pages/athome.css
@@ -131,9 +131,12 @@ section {
   text-align: center;
   padding-top: 20%; }
 
-.calltoaction {
-  padding-bottom: 100px; }
-  .calltoaction a {
+.section--getstarted {
+  margin-bottom: 0px; }
+  .section--getstarted a {
     margin: 50px; }
 
+footer {
+  margin-top: 0px; }
+
 /*# sourceMappingURL=athome.css.map */
diff --git a/assets/css/pages/athome.scss b/assets/css/pages/athome.scss
index ec5496c6..8876d764 100644
--- a/assets/css/pages/athome.scss
+++ b/assets/css/pages/athome.scss
@@ -201,9 +201,13 @@ section {
 	}
 }
 
-.calltoaction {
-	padding-bottom: 100px;
+.section--getstarted {
+	margin-bottom: 0px;
 	a {
 		margin: 50px;
 	}
 }
+
+footer {
+	margin-top: 0px;
+}
diff --git a/assets/css/pages/features.css b/assets/css/pages/features.css
index 102962f0..be986e6e 100644
--- a/assets/css/pages/features.css
+++ b/assets/css/pages/features.css
@@ -124,9 +124,13 @@ section {
   text-align: center;
   padding-top: 20%; }
 
-.calltoaction {
-  padding-bottom: 100px; }
-  .calltoaction a {
-    margin: 50px; }
+.section--getstarted {
+  margin-bottom: 0px; }
+  .section--getstarted a {
+    margin-left: 50px;
+    margin-right: 50px; }
+
+footer {
+  margin-top: 0px; }
 
 /*# sourceMappingURL=features.css.map */
diff --git a/assets/css/pages/features.scss b/assets/css/pages/features.scss
index a2bf6c11..e9339bc1 100644
--- a/assets/css/pages/features.scss
+++ b/assets/css/pages/features.scss
@@ -189,9 +189,14 @@ section {
 	}
 }
 
-.calltoaction {
-	padding-bottom: 100px;
+.section--getstarted {
+	margin-bottom: 0px;
 	a {
-		margin: 50px;
+		margin-left: 50px;
+		margin-right: 50px;
 	}
 }
+
+footer {
+	margin-top: 0px;
+}
diff --git a/assets/css/pages/files.css b/assets/css/pages/files.css
new file mode 100644
index 00000000..2f49d80a
--- /dev/null
+++ b/assets/css/pages/files.css
@@ -0,0 +1,135 @@
+/*Colors*/
+/*Shadows*/
+/*Breakpoints*/
+/* Make Navbar transparent */
+.nav:not(.scrolled) {
+  background-color: transparent;
+  position: absolute; }
+
+.files-background {
+  background: url("../../img/headers/yourcloud.jpg") no-repeat;
+  background-position: center;
+  background-size: cover; }
+
+@media (max-width 768px) {
+  .image--feature {
+    margin-top: 10px; } }
+@media (min-width: 991px) {
+  .featureimg {
+    margin-bottom: 200px; } }
+@media (min-width: 1600px) {
+  .featureimg {
+    margin-bottom: 100px; } }
+
+section {
+  margin: 180px 0; }
+
+.section--customers {
+  position: relative; }
+  .section--customers .section--paragraph {
+    margin: 40px 0; }
+  .section--customers .row {
+    margin-top: 50px; }
+  .section--customers .customer {
+    position: relative;
+    padding-left: 10px;
+    padding-right: 10px; }
+    .section--customers .customer .customer-logo {
+      /*-webkit-filter: grayscale(100%);*/
+      filter: saturate(0%) contrast(0.35) brightness(130%);
+      max-width: 250px;
+      float: center;
+      position: relative;
+      text-align: center;
+      margin-left: auto;
+      margin-right: auto;
+      vertical-align: middle; }
+
+.section--on-premise .section--heading-1 {
+  padding-bottom: 30px; }
+
+.section--compliance .banner {
+  background-color: #0082c9;
+  position: relative;
+  overflow: hidden; }
+  .section--compliance .banner .col-md-6 {
+    padding: 40px 0; }
+  .section--compliance .banner li, .section--compliance .banner p, .section--compliance .banner h2, .section--compliance .banner h3 {
+    color: white; }
+  .section--compliance .banner .hyperlink {
+    color: white; }
+  .section--compliance .banner .row {
+    padding: 0px 0px; }
+  .section--compliance .banner .fa {
+    color: white;
+    padding-right: 10px; }
+  .section--compliance .banner .learnmore {
+    padding: 20px 0px; }
+    .section--compliance .banner .learnmore .col-sm-6 {
+      padding: 20px 0px; }
+  .section--compliance .banner .big-img {
+    position: absolute;
+    max-width: 70%;
+    height: 100%;
+    /*         top: 60px; */
+    margin-left: 30px; }
+  .section--compliance .banner .small-img {
+    position: absolute;
+    height: 100%;
+    margin-left: 30px; }
+  @media (max-width: 1600px) {
+    .section--compliance .banner .big-img {
+      display: none; } }
+  @media (min-width: 1600px) {
+    .section--compliance .banner .small-img {
+      display: none; } }
+
+.acess__anywhere {
+  width: 400px;
+  margin: 0 auto; }
+
+.section--files {
+  padding-top: 80px; }
+
+.section--whitepaper {
+  padding: 0; }
+  .section--whitepaper h2 {
+    line-height: normal; }
+
+.section--outlook h1 {
+  /*margin-bottom: 10px;*/ }
+.section--outlook p {
+  padding: 10px 0 30px 0; }
+.section--outlook .row {
+  padding-bottom: 10px; }
+
+.section--others {
+  margin: 0 0 0 0;
+  padding: 90px 70px 70px 70px;
+  background-color: #eee; }
+  .section--others .row {
+    margin-bottom: 10px; }
+  .section--others img {
+    padding: 20px; }
+
+.section--more .container-widest .row {
+  margin-left: 5px;
+  margin-right: 5px; }
+.section--more .section--heading-1 {
+  padding-bottom: 60px; }
+.section--more i[class*='fa-'] {
+  font-size: 60px;
+  display: block;
+  color: #0082c9;
+  text-align: center;
+  padding-top: 20%; }
+
+.section--getstarted {
+  margin-bottom: 0px; }
+  .section--getstarted a {
+    margin: 50px; }
+
+footer {
+  margin-top: 0px; }
+
+/*# sourceMappingURL=files.css.map */
diff --git a/assets/css/pages/files.scss b/assets/css/pages/files.scss
new file mode 100644
index 00000000..ae1434b6
--- /dev/null
+++ b/assets/css/pages/files.scss
@@ -0,0 +1,201 @@
+@import '../variables';
+@import '../modules/transparent-navbar';
+
+.files-background {
+	background: url('../../img/headers/yourcloud.jpg') no-repeat;
+	background-position: center;
+	background-size: cover;
+}
+
+@media (max-width $break-small) {
+	.image--feature {
+		margin-top: 10px;
+	}
+}
+
+.featureimg {
+	@media (min-width: $break-big) {
+		margin-bottom: 200px;
+	}
+
+	@media (min-width: $very-wide) {
+		margin-bottom: 100px;
+	}
+}
+
+
+section {
+	margin: 180px 0;
+}
+
+.section--hosting {
+}
+
+.section--overview {
+}
+
+.section--customers {
+    position: relative;
+	.section--paragraph {
+		margin: 40px 0;
+	}
+
+    .container {
+    }
+    .row {
+    margin-top: 50px;
+    }
+    .customer {
+        position: relative;
+        padding-left: 10px;
+        padding-right: 10px;
+        .customer-logo {
+            /*-webkit-filter: grayscale(100%);*/
+            filter: saturate(0%) contrast(.35) brightness(130%);
+
+            max-width: 250px;
+            float: center;
+            position: relative;
+            text-align:center;
+            margin-left: auto;
+            margin-right: auto;
+            vertical-align: middle;
+
+        }
+    }
+}
+
+.section--on-premise {
+	.section--heading-1 {
+		padding-bottom: 30px;
+	}
+}
+
+.section--compliance {
+	.banner {
+        background-color: $nextcloud-blue;
+        position: relative;
+        overflow: hidden;
+		.col-md-6 {
+			padding: 40px 0;
+		}
+		li,p,h2,h3 {
+        color: white;
+		}
+
+        .hyperlink {
+            color: white;
+        }
+
+        .row {
+			padding: 0px 0px;
+		}
+
+        .fa {
+            color: white;
+            padding-right: 10px;
+        }
+
+        .learnmore {
+            padding: 20px 0px;
+			.col-sm-6 {
+				padding: 20px 0px;
+			}
+        }
+
+        .big-img {
+            position: absolute;
+            max-width: 70%;
+            height: 100%;
+            /*         top: 60px; */
+            margin-left: 30px;
+        }
+        .small-img {
+            position:absolute;
+            height: 100%;
+            margin-left: 30px;
+        }
+        @media (max-width: $very-wide) {
+            .big-img {
+                display: none;
+            }
+        }
+        @media (min-width: $very-wide) {
+            .small-img {
+                display: none;
+            }
+        }
+    }
+}
+
+.acess__anywhere {
+	width: 400px;
+	margin: 0 auto;
+}
+
+.section--files {
+	padding-top: 80px;
+}
+
+.section--whitepaper {
+	padding: 0;
+
+	h2 {
+		line-height: normal;
+	}
+}
+
+.section--outlook {
+	h1 {
+        /*margin-bottom: 10px;*/
+    }
+    p {
+        padding: 10px 0 30px 0;
+    }
+    .row {
+        padding-bottom: 10px;
+    }
+}
+
+
+.section--others {
+    margin: 0 0 0 0;
+    padding: 90px 70px 70px 70px;
+    background-color: #eee;
+    .row {
+        margin-bottom: 10px;
+    }
+    img {
+        padding: 20px;
+    }
+}
+
+.section--more {
+	.container-widest .row {
+		margin-left: 5px;
+		margin-right: 5px;
+	}
+
+	.section--heading-1 {
+		padding-bottom: 60px;
+	}
+
+	i[class*='fa-'] {
+		font-size: 60px;
+		display: block;
+		color: #0082c9;
+		text-align: center;
+		padding-top: 20%;
+	}
+}
+
+.section--getstarted {
+	margin-bottom: 0px;
+	a {
+		margin: 50px;
+	}
+}
+
+footer {
+	margin-top: 0px;
+}
diff --git a/assets/css/pages/groupware.css b/assets/css/pages/groupware.css
index c91f6fbd..3e6606f0 100644
--- a/assets/css/pages/groupware.css
+++ b/assets/css/pages/groupware.css
@@ -22,9 +22,6 @@ section {
   section .section--paragraph__tittle {
     padding: 0; }
 
-.video {
-  margin-bottom: 30px; }
-
 .section--overview {
   margin-top: 100px; }
   .section--overview .icon {
diff --git a/assets/css/pages/groupware.scss b/assets/css/pages/groupware.scss
index b26d7583..a8808ad5 100644
--- a/assets/css/pages/groupware.scss
+++ b/assets/css/pages/groupware.scss
@@ -22,10 +22,6 @@ section {
 	}
 }
 
-.video {
-	margin-bottom: 30px;
-}
-
 
 .section--overview {
     margin-top: 100px;
diff --git a/assets/img/outlook/moztb-2.png b/assets/img/outlook/moztb-2.png
new file mode 100644
index 00000000..161ba693
--- /dev/null
+++ b/assets/img/outlook/moztb-2.png
diff --git a/page-athome.php b/page-athome.php
index 66fc395e..03fab298 100644
--- a/page-athome.php
+++ b/page-athome.php
@@ -25,7 +25,7 @@
 			<a href="#security"><span class="avoidwrap"><?php echo $l->t('Security');?></span></a>
 			<a href="#clients"><span class="avoidwrap"><?php echo $l->t('Clients');?></span></a>
 			<a href="#storage"><span class="avoidwrap"><?php echo $l->t('External storage');?></span></a>
-			<a href="#calendar"><span class="avoidwrap"><?php echo $l->t('Collaborate');?></span></a>
+			<a href="#calendar"><span class="avoidwrap"><?php echo $l->t('Integration');?></span></a>
 			<a href="#appstore"><span class="avoidwrap"><?php echo $l->t('More apps');?></span></a>
 		</div>
 	</div>
@@ -214,6 +214,40 @@
 	</div>
 </section>
 
+<section class="section--outlook">
+<a name="calendar" id="calendar"></a>
+<div class="container">
+    <div class="featurerow">
+    <h2 class="text-center"><?php echo $l->t('Nextcloud Outlook and Thunderbird Integration');?></h2>
+    <p class="section--paragraph text-center"><?php echo $l->t('Automatically upload files to replace large attachments or integrate Calendars and Contacts in your mail client');?></p>
+        <div class="row">
+            <div class="col-md-6">
+                <div data-type="youtube" data-video-id="jwhfeJlYBbM"></div>
+            </div>
+            <div class="col-md-6">
+                <p class="section--paragraph"><?php echo $l->t('The Nextcloud Secure Sharing Outlook Add-in enables Nextcloud users to easily and securely send files, folders or upload links to others from within Microsoft Outlook. The Add-in can replace attachments, automatically uploading files to Nextcloud and inserting a secure link in the email. It also makes it easy for users to provide others with a secure file upload link.');?></p>
+                <p class="text-center section--paragraph"><?php echo $l->t('With the Outlook CalDav Synchronizer integration with Nextcloud, Outlook users can easily sync their events, tasks and contacts between Microsoft Outlook and their Nextcloud server.');?></p>
+                <p><a href="/outlook" class="button button--arrow button--blue button--large"><?php echo $l->t('Outlook Add-ins');?></a></p>
+            </div>
+        </div>
+    </div>
+    <div class="featurerow">
+<!-- 			<h2 class="section--heading-1 section--text--center"><?php echo $l->t('Mozilla Thunderbird');?></h1> -->
+			<div class="row">
+				<div class="col-md-6 image--feature image--floated revealOnScroll">
+					<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/moztb.png"><img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/moztb.png" alt="in action" /></a>
+				</div>
+				<div class="col-md-6 featureblock revealOnScroll">
+					<p class="section--paragraph__tittle"><?php echo $l->t('Mozilla Thunderbird');?></p>
+					<p class="section--paragraph"><?php echo $l->t('Nextcloud also provides a <a href="https://addons.mozilla.org/en-US/thunderbird/addon/nextcloud-filelink/">Thunderbird Filelink Addon!</a> This Thunderbird extension makes it easy to send large attachments with Thunderbird by automatically uploading them first to a Nextcloud server and by then inserting the link into the body of your email.');?></p>
+					<p class="section--paragraph"><?php echo $l->t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Calendar and Contacts integrate great into Thunderbird.');?></p>
+					<p><a href="/outlook" class="button button--arrow button--blue button--large"><?php echo $l->t('Thunderbird Add-ins');?></a></p>
+				</div>
+			</div>
+		</div>
+</div>
+</section>
+
 <section class="section--usermanagement">
 	<a name="storage" id="storage"></a>
 	<div class="container">
@@ -398,9 +432,18 @@
 </div>
 </section>
 
-
-<div class="calltoaction revealOnScroll">
-	<h1 class="section--heading-2 section--text--center"><?php echo $l->t('Get started now');?></h1>
-	<p class="section--paragraph section--text--center"><?php echo $l->t('Install Nextcloud server');?><br>
-	<a href="/install" class="button button--blue button--arrow button--large"><?php echo $l->t('Install');?></a></p>
-</div>
+<section class="section--getstarted">
+    <div class="container-fluid quote">
+        <h2 class="text-center revealOnScroll"><?php echo $l->t('Get started now');?></h2>
+        <p class="section--paragraph section--text--center revealOnScroll"><?php echo $l->t('Install Nextcloud server');?></p>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-6 col-md-offset-3 featureblock revealOnScroll">
+                    <div class="row text-center">
+                        <a href="/install" class="button button--arrow button--large"><?php echo $l->t('install');?></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
diff --git a/page-files.php b/page-files.php
index 776566fc..32cb5832 100644
--- a/page-files.php
+++ b/page-files.php
@@ -1,5 +1,5 @@
 <head>
-<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/features.css" rel="stylesheet">
+<link href="<?php echo get_template_directory_uri(); ?>/assets/css/pages/files.css" rel="stylesheet">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 <script>
 	require(["require.config"], function() {
@@ -8,7 +8,7 @@
 </script>
 <script src='https://www.google.com/recaptcha/api.js'></script>
 </head>
-<div class="background features-background second-menu">
+<div class="background files-background second-menu">
 	<div class="container">
 		<div class="row">
 			<div class="col-md-6 topheader">
@@ -355,13 +355,25 @@
             </div>
         </div>
     </div>
+    <div class="featurerow">
+<!-- 			<h2 class="section--heading-1 section--text--center"><?php echo $l->t('Mozilla Thunderbird');?></h1> -->
+			<div class="row">
+				<div class="col-md-6 image--feature image--floated revealOnScroll">
+					<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/moztb.png"><img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/moztb.png" alt="in action" /></a>
+				</div>
+				<div class="col-md-6 featureblock revealOnScroll">
+					<p class="section--paragraph__tittle"><?php echo $l->t('Mozilla Thunderbird');?></p>
+					<p class="section--paragraph"><?php echo $l->t('Nextcloud also provides a <a href="https://addons.mozilla.org/en-US/thunderbird/addon/nextcloud-filelink/">Thunderbird Filelink Addon!</a> This Thunderbird extension makes it easy to send large attachments with Thunderbird by automatically uploading them first to a Nextcloud server and by then inserting the link into the body of your email.');?></p>
+				</div>
+			</div>
+		</div>
 </div>
 </section>
 
 <section class="section--Collabora">
 	<a name="collabora" id="collabora"></a>
 	<div class="container">
-		<div class="col-md-6 image--floated image--feature revealOnScroll">
+		<div class="col-md-6 image--feature revealOnScroll">
 			<a><img class="img-responsive featureimg" src="<?php bloginfo('template_directory'); ?>/assets/img/features/collabora-nw.png"/></a>
 		</div>
 			<p class="section--paragraph__tittle"><?php echo $l->t('View and edit documents with Collabora');?></p>
@@ -508,14 +520,19 @@
 </div>
 </section>
 
-
-<div class="calltoaction revealOnScroll">
-	<h1 class="section--heading-2 section--text--center"><?php echo $l->t('Get started now');?></h1>
-	<p class="section--paragraph section--text--center"><?php echo $l->t('Try out Nextcloud server for FREE or get a quote');?></p>
-	<div class="row">
-        <div class="text-center">
-	<a href="/install" class="button button--blue button--arrow button--large"><?php echo $l->t('Try Nextcloud Files');?></a>
-	<a href="/quote" class="button button--blue button--arrow button--large"><?php echo $l->t('Contact sales');?></a>
+<section class="section--getstarted">
+    <div class="container-fluid quote">
+        <h2 class="text-center revealOnScroll"><?php echo $l->t('Get started now');?></h2>
+        <p class="section--paragraph section--text--center revealOnScroll"><?php echo $l->t('Try out Nextcloud server for FREE or get a quote');?></p>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-12 featureblock revealOnScroll">
+                    <div class="row text-center">
+                        <a href="/install" class="button button--arrow button--large"><?php echo $l->t('Try Nextcloud Files');?></a>
+                        <a href="/quote" class="button button--arrow button--large"><?php echo $l->t('Contact sales');?></a>
+                    </div>
+                </div>
+            </div>
         </div>
-	</div>
-</div>
+    </div>
+</section>
diff --git a/page-groupware.php b/page-groupware.php
index adde47fe..25974433 100644
--- a/page-groupware.php
+++ b/page-groupware.php
@@ -151,7 +151,7 @@
 				<div class="col-md-1">
 				</div>
 				<div class="col-md-10 image--feature revealOnScroll">
-					<img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/integration.png" alt="in action" />
+					<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/integration.png" alt="in action" />
 				</div>
 			</div>
 			<div class="row">
@@ -164,7 +164,7 @@
 		<div class="featurerow">
 			<div class="row ">
 				<div class="col-md-6 image--floated image--feature revealOnScroll">
-						<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/calendar-settings.png"><img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/calendar-settings.png" alt="in action" /></a>
+						<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/calendar-settings.png"><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/calendar-settings.png" alt="in action" /></a>
 				</div>
 
 				<div class="col-md-6 featureblock revealOnScroll">
@@ -178,7 +178,7 @@
 		<div class="featurerow">
 			<div class="row ">
 				<div class="col-md-6 image--feature revealOnScroll">
-					<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/calendar-about.png"><img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/calendar-about.png" alt="in action" /></a>
+					<a href="<?php bloginfo('template_directory'); ?>/assets/img/outlook/calendar-about.png"><img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/calendar-about.png" alt="in action" /></a>
 				</div>
 				<div class="col-md-6 featureblock revealOnScroll">
 					<p class="section--paragraph__tittle"><?php echo $l->t('Features');?></p>
@@ -202,6 +202,25 @@
 		</div>
 	</div>
 </section>
+
+<section class="file-sharing">
+	<div class="container">
+		<div class="featurerow">
+<!-- 			<h2 class="section--heading-1 section--text--center"><?php echo $l->t('Mozilla Thunderbird');?></h1> -->
+			<div class="row">
+				<div class="col-md-6 image--feature image--floated revealOnScroll">
+					<img class="img-responsive" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/moztb-2.png" alt="in action" />
+				</div>
+				<div class="col-md-6 featureblock revealOnScroll">
+					<p class="section--paragraph__tittle"><?php echo $l->t('Mozilla Thunderbird');?></p>
+					<p class="section--paragraph"><?php echo $l->t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Nextcloud Groupware integrates great into Thunderbird.');?></p>
+					<p class="section--paragraph"><a class="hyperlink" href="<?php echo $DOCUMENTATION_USER; ?>pim/sync_thunderbird.html"><?php echo $l->t('Learn more in our documentation.');?></a></p>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
+
 <a name="pricing">
 <section class="section--contact quote">
 <div class="container">
diff --git a/page-outlook.php b/page-outlook.php
index cd5d13f6..0e77fec4 100644
--- a/page-outlook.php
+++ b/page-outlook.php
@@ -229,7 +229,23 @@
 		</div>
 	</div>
 </section>
-
+<section class="file-sharing">
+	<div class="container">
+		<div class="featurerow">
+<!-- 			<h2 class="section--heading-1 section--text--center"><?php echo $l->t('Mozilla Thunderbird');?></h1> -->
+			<div class="row">
+				<div class="col-md-6 image--feature image--floated revealOnScroll">
+					<img class="img-responsive featureimg" src="<?php echo get_template_directory_uri(); ?>/assets/img/outlook/moztb-2.png" alt="in action" />
+				</div>
+				<div class="col-md-6 featureblock revealOnScroll">
+					<p class="section--paragraph__tittle"><?php echo $l->t('Mozilla Thunderbird');?></p>
+					<p class="section--paragraph"><?php echo $l->t('Thanks to the Mozilla Thunderbird Lightning Calendar add-in and the Cardbook Thunderbird Contacts add-in, Nextcloud Groupware integrates great into Thunderbird.');?></p>
+					<p class="section--paragraph"><a class="hyperlink" href="<?php echo $DOCUMENTATION_USER; ?>pim/sync_thunderbird.html"><?php echo $l->t('Learn more in our documentation.');?></a></p>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
 <script type="text/javascript">
 // $(function () {
 // });