Create Banking app.html

glowbom · Jan 15, 2024 · 1c37612 · 1c37612
1 parent 494f6fe
commit 1c37612
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/video/ai-extensions/video-20-banking-app/Banking app.html b/video/ai-extensions/video-20-banking-app/Banking app.html
@@ -0,0 +1,32 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Banking App</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        /* Additional custom styles can go here */
+    </style>
+</head>
+<body class="bg-gray-100 font-sans leading-normal tracking-normal">
+    <div class="container mx-auto mt-10 p-8 bg-white rounded-lg shadow-xl">
+        <h1 class="text-2xl font-bold mb-6">Bank</h1>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+            <div class="p-5 bg-blue-100 rounded-lg shadow">
+                <h2 class="text-xl font-semibold mb-2">Checking</h2>
+                <p class="text-lg">$1,750</p>
+            </div>
+            <div class="p-5 bg-green-100 rounded-lg shadow">
+                <h2 class="text-xl font-semibold mb-2">Savings</h2>
+                <p class="text-lg">$1,000</p>
+            </div>
+            <div class="p-5 bg-red-100 rounded-lg shadow">
+                <h2 class="text-xl font-semibold mb-2">Credit</h2>
+                <p class="text-lg">$700</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>