Hugging Face's logo

Spaces:
henztech
/
Test
Running

App Files Community
henztech commited on
Commit
13544e0
·
verified ·
1 Parent(s): b97f67c

Create index.html

Browse files
Files changed (1) hide show
  1. index.html +111 -0
index.html ADDED
@@ -0,0 +1,111 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6
+ <title>CashApp Dashboard</title>
7
+ <link rel="stylesheet" href="style.css" />
8
+ </head>
9
+ <body>
10
+
11
+ <!-- Splash Screen -->
12
+ <div id="splash" class="splash-screen">
13
+ <h1>Welcome to CashApp</h1>
14
+ <p>Send, receive, and manage your money with ease and security.</p>
15
+ <button onclick="enterApp()">Continue</button>
16
+ </div>
17
+
18
+ <!-- Dashboard -->
19
+ <div id="dashboard" style="display: none;">
20
+ <div class="app">
21
+ <header><h1>Money</h1></header>
22
+
23
+ <section class="balance-section">
24
+ <div class="balance-info">
25
+ <div>
26
+ <p>Cash Balance</p>
27
+ <h2 id="balance">$99999.23</h2>
28
+ </div>
29
+ <button>Account & Routing</button>
30
+ </div>
31
+ <div class="action-buttons">
32
+ <button onclick="showModal('add')">Add Cash</button>
33
+ <button onclick="showModal('cashout')">Cash Out</button>
34
+ </div>
35
+ </section>
36
+
37
+ <!-- Icons Section -->
38
+ <section class="tiles">
39
+ <div class="tile">
40
+ <img src="https://img.icons8.com/ios-filled/50/green-piggy-bank.png" alt="Savings" />
41
+ <p>Savings</p>
42
+ <strong>$0.00</strong>
43
+ </div>
44
+ <div class="tile">
45
+ <img src="https://img.icons8.com/ios-filled/50/bitcoin--v1.png" alt="Bitcoin" />
46
+ <p>Bitcoin</p>
47
+ </div>
48
+ <div class="tile">
49
+ <img src="https://img.icons8.com/ios-filled/50/combo-chart--v1.png" alt="Stocks" />
50
+ <p>Stocks</p>
51
+ </div>
52
+ <div class="tile">
53
+ <img src="https://img.icons8.com/ios-filled/50/tax.png" alt="Taxes" />
54
+ <p>Taxes</p>
55
+ </div>
56
+ </section>
57
+
58
+ <section class="payment-section">
59
+ <button id="payBtn" onclick="showModal('pay')">$</button>
60
+ </section>
61
+
62
+ <section class="payment-history" id="history">
63
+ <h3>Payment History</h3>
64
+ </section>
65
+
66
+ <!-- Modal -->
67
+ <div class="modal" id="modal">
68
+ <div class="modal-content">
69
+ <h2 id="modalTitle">Action</h2>
70
+ <input type="text" id="input1" placeholder="Enter amount" />
71
+ <input type="text" id="input2" placeholder="Receiver Tag" style="display:none"/>
72
+ <select id="bankSelect">
73
+ <option value="">Select Bank</option>
74
+ <option value="Chase">Chase Bank</option>
75
+ <option value="Bank of America">Bank of America</option>
76
+ <option value="Wells Fargo">Wells Fargo</option>
77
+ <option value="Capital One">Capital One</option>
78
+ </select>
79
+ <select id="paymentStatus" style="display:none">
80
+ <option value="Successful">Successful</option>
81
+ <option value="Pending">Pending</option>
82
+ <option value="Rejected">Rejected</option>
83
+ </select>
84
+ <button onclick="performAction()">Submit</button>
85
+ <button onclick="closeModal()">Cancel</button>
86
+ </div>
87
+ </div>
88
+
89
+ <!-- Receipt -->
90
+ <div class="receipt" id="receipt">
91
+ <div class="receipt-content">
92
+ <div class="circle">D</div>
93
+ <h2></h2>
94
+ <p></p>
95
+ <h1 id="receiptAmount">$0.00</h1>
96
+ <p id="receiptTime"></p>
97
+ <div class="check">✔️ Received</div>
98
+ <div class="receipt-details"></div>
99
+ <div style="margin-top: 1rem;">
100
+ <button onclick="closeReceipt()" style="padding: 0.5rem 1rem; border-radius: 8px;">
101
+ Back to Dashboard
102
+ </button>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <script src="scripts.js"></script>
110
+ </body>
111
+ </html>