Dashboard 1

You might also like

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
</head>
<body>

<!---- Header----sector-->

<header></header>
<main>
<section>
<div class="container">
<div class="ham-menu">
<img
src="../resources/files/pics/hamburgur.svg"
id="btn"
alt=""
onclick="myFunction()"
/>
</div>

<div class="row">
<div class="column-left" id="column-left">
<section>
<div class="profile">
<div class="container-2">
<!-- <div class="bank-name">
<p><span>Nura Bank</span></p>
</div> -->
<div class="photo">
<div class="img">
<img src="../resources/files/pics/user.png"
alt="" />
</div>
</div>

<div class="name">
<div class="container-3">
<div class="text">
<p class="hello"><span>Welcome back,</span></p>
<p class="fname"><span>Ricjunette Garcia</span></p>
</div>
</div>
</div>
</div>
</div>

<div class="balance-container">
<div class="balance-text">
<p><span>Your balance is:</span></p>
<p>
<span class="money"
>15,000
<span style="color: green; font-size: 50px"
>$</span
></span
>
</p>
</div>
</div>
<div class="account-info">
<div class="info-text">
<p style="margin-bottom: 10px">
<span style="font-size: 20px">Account Information</span>
</p>
<p><span>ID: Ricjunette Garcia</span></p>
<p><span>Email: UserInfoexample@gmail.com</span></p>
<p><span>Phone Number: 09997775533</span></p>
</div>
</div>
</section>

<div class="column-middle">
<section>
<div class="transaction">
<div class="trans-container">
<div class="title">
<p><span>Transactions</span></p>
</div>
<div class="trans-info">
<div class="history">
<div class="element">
<p>
<span class="reason">Deposit</span
><span class="flash"
><img src="../resources/files/pics/down.svg" alt=""
/></span>
</p>

<p>
<span class="date">24/6/2022</span
><span class="money"
>3000 <span style="color: green">$</span></span
>
</p>
<hr />
</div>

<!---- elements!----->
<div class="element">
<p>
<span class="reason">Transfer</span
><span class="flash"
><img src="../resources/files/pics/up.svg" alt=""
/></span>
</p>
<p>
<span class="date">24/6/2019</span
><span class="money"
>460 <span style="color: green">$</span></span
>
</p>
<hr />
</div>

</main>

</body>
</html>

You might also like