landing: refactor footer component (fixes #7180) (#7181)

src/app/landing/landing-footer.component.ts

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'planet-landing-footer',
+  template: `
+  <div class="image-card">
+    <img src="assets/landing-page/logos/ole.svg" width="100" height="100" alt="ole-logo" />
+    <img src="assets/landing-page/logos/uaiki.svg" width="100" height="100" alt="uaiki-logo" />
+    <img src="assets/landing-page/logos/onu.svg" width="100" height="100" alt="onu-logo" />
+    <img src="assets/landing-page/logos/usaid.svg" width="100" height="100" alt="usaid-logo" />
+  </div>
+  `,
+  styles: [ `
+  .image-card {
+    display: flex;
+    background: #F4F4F4;
+    justify-content: space-around;
+    width: 100%;
+    flex-wrap: wrap;
+    padding: 8px;
+    & img {
+      margin: 12px;
+      max-height: 50px;
+      width: auto;
+    };
+    position: absolute;
+    bottom: 0;
+    min-height: 5.5rem;
+  }
+  ` ]
+})
+
+export class LandingFooterComponent {
+
+}

src/app/landing/landing.module.ts

@@ -9,7 +9,7 @@ import { LandingComponent } from './landing.component';
 import { LandingNavbarComponent } from './landing-nav/landing-nav.component';
 import { LandingHeroComponent } from './landing-hero/landing-hero.component';
 import { LandingHomeComponent } from './landing-home/landing-home.component';
-import { LandingFooterComponent } from './landing-footer/landing-footer.component';
+import { LandingFooterComponent } from './landing-footer.component';
 import { LandingNewsComponent } from './landing-home/landing-news/landing-news.component';
 import { NewsCardItemComponent } from './landing-home/landing-news/newscard-item/newscard-item.component';
 import { NewsItemDetailsComponent } from './landing-home/landing-news/newsitem-detail/newsitem-detail.component';