HSI Bank
Login Apply online

BRN Display

.brn-container {
font-family: Arial, sans-serif;
font-size: 12px;
display: flex;
align-items: center;
}
.brn {
margin-right: 10px;
}
.brn-number {
color: #015A82;
}
.brn-container .eye-icon {
cursor: pointer;
color: #015A82;
}

BRN: 575908XXX

Date and Time Display

.date-time {
font-family: Arial, sans-serif;
font-size: 12px;
color: #333;
text-align: right;
margin-right: 20px; /* Adjust as needed */
}

ENG

Notification Bell

.bell-icon {
position: relative;
font-size: 20px;
color: #023448;
}
.notification {
position: absolute;
top: -5px;
right: -5px;
width: 15px;
height: 15px;
background-color: red;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
animation: blink 1s infinite;
font-size: 12px;
}
@keyframes blink {
0%, 50%, 100% { opacity: 1; }
25%, 75% { opacity: 0; }
}

1

Welcome To HSI BankHi, [user_firstname] [user_lastname], welcome to your dashboardMy Cards

Add Card

Generate Card

BTC0.07000000 BTCUSD4,666.67 €


Transfer BTC



Buy BTC



Pay Bill

My Recent TransactionsSee All →[trapz_hot_bank_last_five_btc_transactions]

Visa Card Template

.card-container {
width: ; /* 3.375 inches wide */
height: 2.825in; /* 2.125 inches high */
background: linear-gradient(135deg, #006A97, #024F70);
border-radius: 15px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
color: white;
font-family: ‘Arial’, sans-serif;
position: relative;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
}
.website-logo {
position: absolute;
top: 20px;
right: 20px;
width: 80px;
}
.card-chip {
position: absolute;
top: 40px;
left: 20px;
width: 50px;
}
.card-number {
margin-top: 80px;
font-size: 18px;
letter-spacing: 3px;
}
.card-validity {
margin-top: 10px;
display: flex;
align-items: center;
font-size: 14px;
}
.valid-thru {
font-size: 6px; /* Reduced font size for VALID THRU */
text-transform: uppercase;
margin-right: 5px;
text-align: right;
line-height: 1.2;
}
.expiry-date {
font-size: 14px;
}
.card-holder {
margin-top: 5px;
text-transform: uppercase;
font-size: 14px;
}
.card-logo {
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
}
.cvv-container {
margin-top: 10px;
font-size: 14px;
display: flex;
align-items: center;
}
.cvv {
margin-left: 5px;
font-size: 14px;
letter-spacing: 2px;
background: none;
border: none;
color: white;
}
.cvv:focus {
outline: none;
}
.card-logo {
position: absolute;
bottom: 20px;
right: 20px;
width: 60px;
}
.eye-icon {
cursor: pointer;
margin-left: 5px;
color: white; /* Make the eye icon white */
}
/* Media query for mobile devices */
@media (max-width: 767px) {
.card-container {
height: 2.5in; /* Adjust the height for mobile devices */
}
}

Website Logo
Card Chip

VALID
THRU

[user_firstname] [user_lastname]
CVV: ***
Visa Logo

Buy Bitcoin
.trapz-btc-form {
max-width: 400px;
margin: 20px auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 4