help strutcure

src/app/pages/home/home.page.html

@@ -177,7 +177,30 @@
     </ion-header>
     <ion-content class="ion-padding">
 
+      <ion-accordion-group>
+        <ion-accordion value="first">
+          <ion-item class="arcord_head" slot="header" color="light">
+            <ion-label>What is an Offer</ion-label>
+          </ion-item>
+          <div class="ion-padding" slot="content">
 
+            <iframe width="100%" height="auto" src="https://www.youtube.com/embed/xZ4o180KFNk?si=zGuIgpfTb-Tc0o3H" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+          </div>
+        </ion-accordion>
+        <ion-accordion value="second">
+          <ion-item class="arcord_head" slot="header" color="light">
+            <ion-label>Family Account</ion-label>
+          </ion-item>
+          <div class="ion-padding" slot="content">Second Content</div>
+        </ion-accordion>
+        <ion-accordion value="third">
+          <ion-item class="arcord_head"  slot="header" color="light">
+            <ion-label>Post a Job</ion-label>
+          </ion-item>
+          <div class="ion-padding" slot="content">Third Content</div>
+        </ion-accordion>
+      </ion-accordion-group>
 
 
 
@@ -194,8 +217,7 @@
 <!--              Close-->
 <!--            </ion-button>-->
           </ion-col>
-          <ion-col></ion-col>
-          <ion-col>
+          <ion-col style="text-align: right;">
             <ion-button
                     (click)="setCloseModal()"
                     shape="round"