card parts

2024-01-06 07:29:18 -05:00
parent fe5cc43f0a
commit 8c2a15f0ef
8 changed files with 153 additions and 62 deletions
@@ -0,0 +1,58 @@
+<ion-grid class="card-block">
+  <ion-row>
+    <ion-col>
+      <div class="grid-act" >Choose Activity</div>
+    </ion-col>
+  </ion-row>
+  <ion-row class="card-row">
+    <ion-col class="card-col">
+      <ion-card class="card-part card1">
+        <ion-card-header>
+          <ion-card-title>Card Title</ion-card-title>
+        </ion-card-header>
+
+        <ion-card-content>
+          Here's a small text description for the card content. Nothing more, nothing less.
+        </ion-card-content>
+      </ion-card>
+    </ion-col>
+    <ion-col class="card-col">
+      <ion-card class="card-part card2">
+        <ion-card-header>
+          <ion-card-title>Card Title</ion-card-title>
+        </ion-card-header>
+
+        <ion-card-content>
+          Here's a small text description for the card content. Nothing more, nothing less.
+        </ion-card-content>
+      </ion-card>
+    </ion-col>
+  </ion-row>
+  <ion-row class="card-row">
+    <ion-col class="card-col">
+      <ion-card class="card-part card3">
+        <ion-card-header>
+          <ion-card-title>Card Title</ion-card-title>
+        </ion-card-header>
+
+        <ion-card-content>
+          Here's a small text description for the card content. Nothing more, nothing less.
+        </ion-card-content>
+      </ion-card>
+    </ion-col>
+    <ion-col class="card-col">
+      <ion-card class="card-part card4">
+        <ion-card-header>
+          <ion-card-title>Card Title</ion-card-title>
+        </ion-card-header>
+
+        <ion-card-content>
+          Here's a small text description for the card content. Nothing more, nothing less.
+        </ion-card-content>
+      </ion-card>
+    </ion-col>
+  </ion-row>
+  <ion-row>
+    <ion-col>1</ion-col>
+  </ion-row>
+</ion-grid>