<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>BikashPay – Digital Payment Platform</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="BikashPay is a secure digital payment and utility service facilitation platform.">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>

<header class="navbar">
  <div class="container nav-flex">
    <div class="logo">BikashPay</div>
    <div class="nav-btns">
      <a href="#" class="btn-outline">Get Started</a>
      <a href="#" class="btn-primary">Download App</a>
    </div>
  </div>
</header>

<section class="hero">
  <div class="container hero-grid">
    <div>
      <h1>Smart Digital Payments<br>Made Simple</h1>
      <p>BikashPay is a technology platform that facilitates digital payment and utility services through authorized partners.</p>
      <div class="hero-buttons">
        <a href="#" class="btn-primary">Download App</a>
        <a href="#" class="btn-outline">Get Started</a>
      </div>
    </div>
    <div class="hero-card">
      <h3>Fast • Secure • Reliable</h3>
      <p>Designed for seamless digital service access with compliance and transparency.</p>
    </div>
  </div>
</section>

<section class="services">
  <div class="container">
    <h2>Our Services</h2>
    <div class="service-grid">
      <div class="card">Money Transfer<br><small>Via authorized banking partners</small></div>
      <div class="card">Utility Bill Payments<br><small>Electricity, Gas, Water & more</small></div>
      <div class="card">AEPS Services<br><small>Subject to regulatory guidelines</small></div>
      <div class="card">Recharge Services<br><small>Mobile & DTH recharge</small></div>
    </div>
  </div>
</section>

<section class="why">
  <div class="container">
    <h2>Why BikashPay</h2>
    <div class="why-grid">
      <div class="why-card">Secure Technology Platform</div>
      <div class="why-card">Authorized Partner Network</div>
      <div class="why-card">Transparent Processes</div>
      <div class="why-card">Customer-Centric Support</div>
    </div>
  </div>
</section>

<section class="disclaimer">
  <div class="container">
    <h3>Important Disclaimer</h3>
    <p>BikashPay is not a bank or financial institution. All services are facilitated through authorized banks and service providers and are subject to applicable laws and regulations.</p>
  </div>
</section>

<!-- APP DOWNLOAD SECTION -->

<section class="app-download">
  <div class="container app-grid">
    <div>
      <h2>Get the BikashPay App</h2>
      <p>Download the BikashPay mobile app to access digital payment and utility services on the go with a secure and user-friendly experience.</p>
      <a href="#" class="btn-primary">Download from Play Store</a>
    </div>
    <div class="app-mock">
      <div class="mock-card">Mobile App Preview</div>
    </div>
  </div>
</section>

<!-- CONTACT SECTION -->

<section class="contact">
  <div class="container">
    <h2>Contact Information</h2>
    <p>Email: <a href="mailto:support@bikashpay.com">support@bikashpay.com</a></p>
    <p>Business Hours: Monday – Saturday, 10:00 AM – 6:00 PM</p>
  </div>
</section>

<footer>
  <div class="container footer-flex">
    <div>
      <strong>BikashPay</strong><br>
      <small>Digital Payment Platform</small>
    </div>
    <div class="footer-links">
      <a href="about-us.html">About Us</a>
      <a href="privacy-policy.html">Privacy Policy</a>
      <a href="terms.html">Terms</a>
    </div>
  </div>
  <p class="copyright">© 2026 BikashPay. All rights reserved.</p>
</footer>

</body>
</html>

============================
FILE 2: style.css
=================

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f6f7fb;
color:#222;
}

.container{
width:90%;
max-width:1150px;
margin:auto;
}

.navbar{
background:#fff;
padding:18px 0;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}

.nav-flex{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:22px;
font-weight:700;
color:#5a3cff;
}

.btn-primary{
background:linear-gradient(135deg,#5a3cff,#7a5cff);
color:#fff;
padding:10px 22px;
border-radius:25px;
text-decoration:none;
font-size:14px;
}

.btn-outline{
border:2px solid #5a3cff;
color:#5a3cff;
padding:8px 20px;
border-radius:25px;
text-decoration:none;
margin-right:10px;
font-size:14px;
}

.hero{
background:linear-gradient(135deg,#5a3cff,#7a5cff);
color:#fff;
padding:80px 0;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.hero h1{
font-size:40px;
margin-bottom:15px;
}

.hero-card{
background:#fff;
color:#333;
padding:30px;
border-radius:20px;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.services{
padding:70px 0;
}

.services h2,
.why h2{
text-align:center;
margin-bottom:40px;
}

.service-grid,
.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
}

.card,
.why-card{
background:#fff;
padding:25px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.disclaimer{
background:#fff;
padding:50px 0;
text-align:center;
}

footer{
background:#111827;
color:#ccc;
padding:40px 0 20px;
}

.footer-flex{
display:flex;
justify-content:space-between;
align-items:center;
}

.footer-links a{
color:#ccc;
margin-left:15px;
text-decoration:none;
}

copyright{
text-align:center;
margin-top:15px;
}

@media(max-width:768px){
.hero-grid,
.app-grid{
grid-template-columns:1fr;
}
}
}
