From f42128956a32ddab8a46019661ea61f40cfe8d27 Mon Sep 17 00:00:00 2001
From: root <root@Jacobs-MacBook-Pro.local.local>
Date: Fri, 19 Apr 2024 08:14:58 -0500
Subject: [PATCH] update home page

---
 .../df-welcome-page.component.html            | 60 +++++++++----------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
index 894521bc..26c7dcfa 100644
--- a/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
+++ b/src/app/adf-home/df-welcome-page/df-welcome-page.component.html
@@ -2,6 +2,19 @@
   class="two-column-flex-container"
   [class.mobile]="breakpointService.isSmallScreen | async">
   <article class="flex-column">
+    <article>
+      <h2>
+        {{ 'home.welcomePage.welcomeHeading' | transloco }}
+      </h2>
+      <p id="get-started-links">
+        {{ 'home.welcomePage.welcomeSubHeading' | transloco }}
+      </p>
+      <ul aria-labelledby="get-started-links">
+        <li *ngFor="let resource of welcomePageResources">
+          <df-icon-link [linkItem]="resource"></df-icon-link>
+        </li>
+      </ul>
+    </article>
     <div class="video-link">
       <a
         href="https://youtu.be/FOSOm88RxPw"
@@ -16,20 +29,6 @@
         </div>
       </a>
     </div>
-
-    <article>
-      <h2>
-        {{ 'home.welcomePage.welcomeHeading' | transloco }}
-      </h2>
-      <p id="get-started-links">
-        {{ 'home.welcomePage.welcomeSubHeading' | transloco }}
-      </p>
-      <ul aria-labelledby="get-started-links">
-        <li *ngFor="let resource of welcomePageResources">
-          <df-icon-link [linkItem]="resource"></df-icon-link>
-        </li>
-      </ul>
-    </article>
   </article>
 
   <aside class="flex-column">
@@ -57,7 +56,7 @@ <h3>
   </aside>
 </section>
 
-<!-- <mat-divider></mat-divider>
+<mat-divider></mat-divider>
 
 <section class="platforms-section">
   <h3>
@@ -65,40 +64,39 @@ <h3>
   </h3>
 
   <ol aria-labelledby="quickstart-instructions-heading">
-    <li>{{ 'home.quickstartPage.quickstartSteps.stepOne' | transloco }}</li>
-    <li>{{ 'home.quickstartPage.quickstartSteps.stepTwo' | transloco }}</li>
-    <li>{{ 'home.quickstartPage.quickstartSteps.stepThree' | transloco }}</li>
+    <p>{{ 'home.quickstartPage.quickstartSteps.stepOne' | transloco }}</p>
+    <p>{{ 'home.quickstartPage.quickstartSteps.stepTwo' | transloco }}</p>
+    <p>{{ 'home.quickstartPage.quickstartSteps.stepThree' | transloco }}</p>
   </ol>
-
   <article>
-    <h4 id="native-examples-heading">
-      {{ 'home.welcomePage.nativeExamplesHeading' | transloco }}
+    <h4 id="javascript-examples-heading">
+      {{ 'home.welcomePage.javaScriptExamplesHeading' | transloco }}
     </h4>
 
     <ul
       class="flex-list-container"
       [class.x-small]="breakpointService.isXSmallScreen | async"
-      aria-labelledby="native-examples-heading">
-      <li *ngFor="let link of nativeExampleLinks">
+      aria-labelledby="javascript-examples-heading">
+      <li *ngFor="let link of javaScriptExampleLinks">
         <df-icon-card-link [linkInfo]="link"></df-icon-card-link>
       </li>
     </ul>
   </article>
-
+  <mat-divider></mat-divider>
+  <df-download-page></df-download-page>
+  <!-- <mat-divider></mat-divider>
   <article>
-    <h4 id="javascript-examples-heading">
-      {{ 'home.welcomePage.javaScriptExamplesHeading' | transloco }}
+    <h4 id="native-examples-heading">
+      {{ 'home.welcomePage.nativeExamplesHeading' | transloco }}
     </h4>
 
     <ul
       class="flex-list-container"
       [class.x-small]="breakpointService.isXSmallScreen | async"
-      aria-labelledby="javascript-examples-heading">
-      <li *ngFor="let link of javaScriptExampleLinks">
+      aria-labelledby="native-examples-heading">
+      <li *ngFor="let link of nativeExampleLinks">
         <df-icon-card-link [linkInfo]="link"></df-icon-card-link>
       </li>
     </ul>
-  </article>
+  </article> -->
 </section>
-<mat-divider></mat-divider>
-<df-download-page></df-download-page> -->