<html>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #000;
color: #fff;
}
header, footer {
background-color: #444;
padding: 20px;
text-align: center;
}
header {
font-size: 3em;
}
main {
margin: 20px;
font-size: 2em;
}
section {
margin: 20px;
}
h1 {
color: #4caf50;
}
p {
color: #666;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
color: #4caf50;
}
img {
width: 100%;
height: auto;
}
</style>
<body>
<header>
<h1>Transaction Successful</h1>
<p>You have sent money.</p>
</header>
<main>
<section>
<p>11-Mar-2024 7:35 PM</p>
<p>ID #6682993486</p>
<p>Easypaisa Mobile Account</p>
<p>Ajmal Aدι</p>
<p>037614630</p>
</section>
<section>
<p>Sent to</p>
<p>Bank Account</p>
<p>Ajmal Aدі</p>
<p>MobileMicrofinance Bank</p>
<p>0337*30*30</p>
</section>
<section>
<p>Sent by</p>
<p>Umar 0332451066 <شاع/p>
<p>A00.00</p>
<p>Fee / Charge</p>
</section>
<section>
<p>Total Amount</p>
<p>Rs. 300.00</p>
<p>Share</p>
<a href="#"><img src="save.png" alt="Save as PDF"></a>
<p>Gallery</p>
<a href="#"><img src="share.png" alt="Share"></a>
</section>
</main>
<footer>
<p>© 2022 MobileMicrofinance Bank. All rights reserved.</p>
</footer>
</body>
</html>
