Gen dummy questions

src/app/components/generative-activity/generative-activity.component.html

@@ -1,6 +1,5 @@
-<ion-card  class="bg_white connect-card" >
+<ion-card  class="bg_white connect-card" *ngIf="cardLevel==100" >
   <ion-card-header>
-<!--    <ion-card-title>Card Title</ion-card-title>-->
     <ion-card-subtitle>Select Activity</ion-card-subtitle>
   </ion-card-header>
 
@@ -19,12 +18,50 @@
       <ion-button
               shape="round"
               [disabled]="isDisabled"
+              (click)="startSeletecdGame()"
               size="small"
               fill="solid">Next</ion-button>
     </div>
   </ion-card-content>
 </ion-card>
 
+<ion-card  class="bg_white connect-card" *ngIf="cardLevel==200" >
+    <ion-card-header>
+        <ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>
+    </ion-card-header>
+
+    <ion-card-content>
+        <div class="select_box" >
+            <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Question.</div>
+            <div> {{myNextQuestion.question}}</div>
+            <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Answer</div>
+            <ion-list>
+                <ion-radio-group  [(ngModel)]="selected_ans" (ionChange)="checkAnsVAl()">
+                    <ion-item  *ngFor="let item of myNextQuestion.option; let i = index">
+                        <ion-label>{{item}} </ion-label>
+                        <ion-radio slot="start" value="{{item}}"></ion-radio>
+                    </ion-item>
+                </ion-radio-group>
+            </ion-list>
+        </div>
+        <div style="width: 100%; text-align: right; margin-top: 10px; display: flex;">
+            <div style="width: 50%; text-align: left;">
+                <ion-button fill="clear" size="small" (click)="resetQuestion()" >
+                    <ion-icon slot="icon-only" color="danger"  name="close-circle-outline"></ion-icon>
+                </ion-button>
+            </div>
+            <div style="width: 50%; text-align: right;">
+                <ion-button
+                        shape="round"
+                        [disabled]="isAnsDisabled"
+                        (click)="confirmAns()"
+                        size="small"
+                        fill="solid">Confirm</ion-button>
+            </div>
+
+        </div>
+    </ion-card-content>
+</ion-card>
 
 <!--<ion-card  class="bg_white connect-card" >-->
 <!--  <ion-card-header>-->