Spaces:
Running
Running
Upload index.html
Browse files- index.html +100 -0
index.html
CHANGED
|
@@ -838,6 +838,106 @@
|
|
| 838 |
<body>
|
| 839 |
<div class="currency-badge">50+ Currencies Supported</div>
|
| 840 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 841 |
|
| 842 |
<!-- Dashboard Section -->
|
| 843 |
<div class="container hidden" id="dashboard">
|
|
|
|
| 838 |
<body>
|
| 839 |
<div class="currency-badge">50+ Currencies Supported</div>
|
| 840 |
|
| 841 |
+
<!-- Auth Section -->
|
| 842 |
+
<div class="container" id="auth">
|
| 843 |
+
<!-- Hero Welcome Section -->
|
| 844 |
+
<div class="hero">
|
| 845 |
+
<h1>🏦 TrustNet Bank</h1>
|
| 846 |
+
<p>Multi-Currency Banking with 50+ Currencies</p>
|
| 847 |
+
</div>
|
| 848 |
+
|
| 849 |
+
<!-- Features Section -->
|
| 850 |
+
<div class="features-grid">
|
| 851 |
+
<div class="feature-card">
|
| 852 |
+
<div class="feature-icon">💸</div>
|
| 853 |
+
<h4>Global Transfers</h4>
|
| 854 |
+
<p>Send money in 50+ currencies</p>
|
| 855 |
+
</div>
|
| 856 |
+
<div class="feature-card">
|
| 857 |
+
<div class="feature-icon">🧾</div>
|
| 858 |
+
<h4>Transaction Receipts</h4>
|
| 859 |
+
<p>Generate sharp transaction records</p>
|
| 860 |
+
</div>
|
| 861 |
+
<div class="feature-card">
|
| 862 |
+
<div class="feature-icon">📧</div>
|
| 863 |
+
<h4>Email Alerts</h4>
|
| 864 |
+
<p>Real-time notifications</p>
|
| 865 |
+
</div>
|
| 866 |
+
<div class="feature-card">
|
| 867 |
+
<div class="feature-icon">🌍</div>
|
| 868 |
+
<h4>Korean Won & More</h4>
|
| 869 |
+
<p>Supports KRW and 50+ currencies</p>
|
| 870 |
+
</div>
|
| 871 |
+
</div>
|
| 872 |
+
|
| 873 |
+
<!-- Visual Elements -->
|
| 874 |
+
<div class="visual-section">
|
| 875 |
+
<div class="visual-element">
|
| 876 |
+
<div class="visual-icon">🇺🇸</div>
|
| 877 |
+
<small>USD Support</small>
|
| 878 |
+
</div>
|
| 879 |
+
<div class="visual-element">
|
| 880 |
+
<div class="visual-icon">🇰🇷</div>
|
| 881 |
+
<small>KRW Support</small>
|
| 882 |
+
</div>
|
| 883 |
+
<div class="visual-element">
|
| 884 |
+
<div class="visual-icon">🇪🇺</div>
|
| 885 |
+
<small>EUR Support</small>
|
| 886 |
+
</div>
|
| 887 |
+
</div>
|
| 888 |
+
|
| 889 |
+
<!-- Financial Tools Section -->
|
| 890 |
+
<div class="tools-section">
|
| 891 |
+
<h3>Financial Tools</h3>
|
| 892 |
+
<div class="tools-grid">
|
| 893 |
+
<div class="tool-card">
|
| 894 |
+
<div class="tool-icon">📈</div>
|
| 895 |
+
<h4>Currency Converter</h4>
|
| 896 |
+
<p>Convert between 50+ currencies</p>
|
| 897 |
+
</div>
|
| 898 |
+
<div class="tool-card">
|
| 899 |
+
<div class="tool-icon">📊</div>
|
| 900 |
+
<h4>Budget Planner</h4>
|
| 901 |
+
<p>Plan your expenses</p>
|
| 902 |
+
</div>
|
| 903 |
+
<div class="tool-card">
|
| 904 |
+
<div class="tool-icon">💹</div>
|
| 905 |
+
<h4>Investment Simulator</h4>
|
| 906 |
+
<p>Simulate investment growth</p>
|
| 907 |
+
</div>
|
| 908 |
+
</div>
|
| 909 |
+
</div>
|
| 910 |
+
|
| 911 |
+
<!-- Call to Action -->
|
| 912 |
+
<div style="text-align: center; margin: 25px 0;">
|
| 913 |
+
<h3>Global Banking Experience</h3>
|
| 914 |
+
<p>Join thousands enjoying multi-currency banking</p>
|
| 915 |
+
|
| 916 |
+
<div style="background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%); padding: 20px; border-radius: 12px; margin: 20px 0; border: 1px solid rgba(10, 62, 128, 0.1);">
|
| 917 |
+
<p><strong>For any issues or feature requests:</strong></p>
|
| 918 |
+
<a href="https://wa.me/17062481811" style="background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: white; padding: 12px 24px; border-radius: 25px; text-decoration: none; display: inline-block; margin-top: 12px; font-weight: 600; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); transition: all 0.3s ease;">
|
| 919 |
+
📱 Contact CBL on WhatsApp
|
| 920 |
+
</a>
|
| 921 |
+
</div>
|
| 922 |
+
</div>
|
| 923 |
+
|
| 924 |
+
<!-- Footer WhatsApp Group -->
|
| 925 |
+
<div class="footer-whatsapp-group">
|
| 926 |
+
<h3>📱 Join Our Exclusive WhatsApp Group</h3>
|
| 927 |
+
<p>Get access to premium tools, updates, and financial insights</p>
|
| 928 |
+
<a href="https://chat.whatsapp.com/ER9UwcNHhFRCaUSZgvXJx9" class="footer-whatsapp-group-btn" target="_blank">
|
| 929 |
+
Join Group Now
|
| 930 |
+
</a>
|
| 931 |
+
</div>
|
| 932 |
+
|
| 933 |
+
<!-- Auth Content -->
|
| 934 |
+
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='%23e2e8f0'/%3E%3Ctext x='50' y='55' text-anchor='middle' font-size='20' fill='%23666'%3E👤%3C/text%3E%3C/svg%3E" id="profile-pic-display" class="hidden" alt="Profile Picture">
|
| 935 |
+
<div class="welcome-msg"><p>Register or Login to access your dashboard.</p></div>
|
| 936 |
+
<input type="text" id="username" placeholder="Username">
|
| 937 |
+
<input type="password" id="password" placeholder="Password">
|
| 938 |
+
<button onclick="register()">Register</button>
|
| 939 |
+
<button onclick="login()">Login</button>
|
| 940 |
+
</div>
|
| 941 |
|
| 942 |
<!-- Dashboard Section -->
|
| 943 |
<div class="container hidden" id="dashboard">
|