Add images of curators in contact-us

src/app/home/home.component.css

@@ -1,9 +1,41 @@
 .home-background {
   background-color: var(--light-color);
 }
-.graph-background {
-	background-image: url('~src/assets/monitor-assets/home/graph.svg');
-	background-position-y: 50%;
-	background-position-x: -5%;
-	background-size: 25%;
+
+@media only screen and (min-width: 960px) {
+  .monitor-dark-logo-background {
+    background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
+    background-repeat: no-repeat;
+    background-position: left 95%;
+    background-size: 65%;
+  }
+}
+
+.graph-background {
+  background-image: url('~src/assets/monitor-assets/home/graph.svg');
+  background-position-y: 50%;
+  background-position-x: -5%;
+  background-size: 25%;
+}
+
+#contact-us .left img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 160px;
+  height: 190px;
+  object-fit: cover;
+  border-radius: 18px;
+  transform: matrix(1, -0.07, 0.07, 1, 0, 0);
+}
+
+#contact-us .right img {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 160px;
+  height: 190px;
+  object-fit: cover;
+  border-radius: 18px;
+  transform: matrix(1, 0.07, -0.07, 1, 0, 0);
 }

src/app/home/home.component.html

@@ -280,11 +280,21 @@
       </ng-template>
     </div>
   </div>
-  <div id="last-section" class="uk-section uk-container uk-container-large uk-margin-large-bottom uk-text-center">
-    <h3>
-      Need more information or a demo? <br> Get in touch and let us show you in practice <br> how you can apply to your needs<span class="uk-text-primary">.</span>
-    </h3>
-    <a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
-       routerLink="/contact-us">Contact us</a>
+  <div id="contact-us" class="uk-section uk-container uk-container-large uk-margin-large-bottom">
+    <div class="uk-grid" uk-grid>
+      <div class="left uk-position-relative uk-width-1-1 uk-width-1-5@m">
+        <img class="uk-box-shadow-large" src="assets/monitor-assets/avatar2.jpg">
+      </div>
+      <div class="uk-text-center uk-width-expand">
+        <h3>
+        Need more information or a demo? <br> Get in touch and let us show you in practice <br> how you can apply to your needs<span class="uk-text-primary">.</span>
+        </h3>
+        <a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
+           routerLink="/contact-us">Contact us</a></div>
+      <div class="right uk-position-relative uk-width-1-1 uk-width-1-5@m">
+        <img class="uk-box-shadow-large" src="assets/monitor-assets/avatar1.jpg">
+      </div>
+    </div>
+
   </div>
 </div>

src/app/home/home.component.ts

@@ -130,7 +130,7 @@ export class HomeComponent implements OnDestroy, AfterViewInit, IDeactivateCompo
   }
 
 	createObserver() {
-		let target = document.querySelector('#last-section');
+		let target = document.querySelector('#contact-us');
 		let options = {
 			root: null,
 			rootMargin: '200px',

src/app/openaireLibrary

@@ -1 +1 @@
-Subproject commit 2dda0c163039d8566a4b811bd7f332eb2cd8573b
+Subproject commit 4aabb739bff1e66301aa1e65a8046350fe8853ec

src/assets/common-assets

@@ -1 +1 @@
-Subproject commit 468555a58f5808dbd8b6657ae0360fb7d0d4ab75
+Subproject commit 574f63ebfdf8200bfe6d4a2a7beb3774eb1f0a6e

src/assets/monitor-custom.css

@@ -60,15 +60,6 @@ main {
   background: var(--monitor-contrast-color) !important;
 }
 
-@media only screen and (min-width: 960px){
-  .monitor-dark-logo-background {
-    background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
-    background-repeat: no-repeat;
-    background-position: left 95%;
-    /*background-size: contain;*/
-  }
-}
-
 
 /*.monitorApp .login text {*/
 /*  stroke: white;*/

src/assets/openaire-theme

@@ -1 +1 @@
-Subproject commit 02cbefbb6fb4c68ec6083da4750d84ee24441d96
+Subproject commit f1002e46f3953d1c864af2209c88e0291be72c73