TQĐ
Triệu Quốc Đạt

Vietnamese Banking Dashboard - Copy this Html, Bootstrap Component to your project

Create a modern, responsive front end web interface for an Internet banking dashboard in Vietnamese. The dashboard should display key financial information in an organized and visually appealing layout, focusing on ease of navigation and user experience. **Design Layout:** 1. **Header:** Left aligned logo (name: "Finwise") with a clean and professional look. A search bar on the right hand side. A "+" button on the far right for creating new transactions or accounts. 2. **Sidebar (Left):** Vertical navigation menu with the following items (with icons): **Dashboard**: Bảng điều khiển **Transactions**: Giao dịch **Savings**: Tiết kiệm **Wallets**: Ví **Loans**: Khoản vay **Data**: Dữ liệu Number indicators for unread notifications on the "Giao dịch" and "Dữ liệu" items. 3. **Main Dashboard (Center):** **Summary Information (Top):** Four data boxes displaying: **Income (Thu nhập)**: 56,242 USD **Spending (Chi tiêu)**: 42,058 USD **All funds (Tổng quỹ)**: 842,789 USD **Net profit (Lợi nhuận ròng)**: 35,184 USD Each box should include a percentage indicator showing changes compared to the previous period. **Donut Chart**: Title: "Tỷ lệ chi tiêu" Displays breakdown of expenses by: Thẻ công ty (Corporate card) 45% Thẻ tín dụng (Credit card) 21% Thẻ ghi nợ (Debit card) 13% Tiền mặt (Cash) 9% **Scheduled Payments (Thanh toán đã lên lịch)**: Display a list with 3 items: **TNW Conference**: 340.00 USD (Hàng năm) **Charity**: 2,000.00 USD (Hàng tháng) **Corporate event**: 800.00 USD (Hàng tháng) **Outgoing Transactions (Giao dịch đi)**: Table showing recent transactions, with columns for: **Type (Loại)**: Internal payment **Date (Ngày)**: 28 08 2023 **Status (Trạng thái)**: Waiting **Amount (Số tiền)**: 150,000 USD 4. **Right Panel (Active Accounts Tài khoản đang hoạt động):** **Investment account (Tài khoản đầu tư)**: Total: 150,000 USD, Available: 80,500 USD **Regular account (Tài khoản thường)**: Total: 40,100 USD, Available: 21,000 USD Below the accounts, display a line graph titled "Tổng số tiền" showing the financial trend over time. Include options to filter data by "Toàn thời gian", "Tháng trước", and "Tuần này". **Other Notes:** Use clear fonts and intuitive spacing to keep the interface clean. The language throughout the interface should be in Vietnamese. Icons should be minimalistic and match the style of the design.

Prompt
Component Preview

About

Vietnamese Banking Dashboard - A responsive interface with income, spending stats, donut charts, and active accounts, built with html. Get code instantly!

Share

Last updated 1 month ago