<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>B2L Mobitech</title>
  <link rel="stylesheet" href="assets/font-inter.css">
  <link rel="stylesheet" href="assets/font-manrope.css">
  <link rel="stylesheet" href="assets/fontawesome/css/all.min.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
<header class="topbar">
  <div class="topbar-inner">
    <a class="zoho-mark" href="#" aria-label="B2L Mobitech">
      <span class="zoho-word">B2L</span>
    </a>
    <nav class="top-nav">
      <a href="#">People</a>
      <a href="#">Recruit</a>
      <a href="#">Practice</a>
      <a href="#">Books</a>
      <a href="#">Mail</a>
      <a href="#">Expense</a>
      <a href="#">All Products <span class="inline-caret">⌄</span></a>
    </nav>
    <div class="top-actions">
      <a class="icon-link" href="#" aria-label="Search"><i class="fa-solid fa-magnifying-glass"></i></a>
      <a class="signin-link" href="signin.php">Sign In</a>
      <a class="signup-link" href="signup.php">Sign up now</a>
    </div>
  </div>
</header>

<section class="product-bar">
  <div class="product-bar-inner">
    <img src="images/b2l_mobitech_pvt_ltd_logo.jpg" alt="B2L Mobitech Pvt Ltd" class="product-logo">
    <nav class="product-nav">
      <a class="active" href="feature.php">Features</a>
      <a href="price.php">Pricing</a>
      <a href="#integrations">Integrations</a>
      <a href="#customers">Customers</a>
      <a href="#resources">Resources <span class="inline-caret">⌄</span></a>
      <a href="#support">Support</a>
    </nav>
  </div>
</section>

<main class="page">
  <section class="hero" id="features">
    <div class="hero-copy">
      <h1>Payroll made easy,<br>scalable, and compliant</h1>
      <p>Transform outdated payroll practices and build a better workplace for your business with B2L Mobitech.</p>
      <div class="hero-actions">
        <a class="btn primary" href="signup.php">Start My Free Trial</a>
        <a class="btn secondary" href="signin.php">Request a demo</a>
      </div>
    </div>

    <div class="hero-visual" aria-hidden="true">
      <div class="side-card left">
        <span class="side-label">Employer</span>
        <img src="images/sign_in_image.png" alt="">
      </div>
      <div class="dashboard-card">
        <div class="dash-top">
          <span>Payroll</span>
          <div class="dash-icons">
            <i class="fa-regular fa-bell"></i>
            <i class="fa-solid fa-gear"></i>
            <span class="avatar"></span>
          </div>
        </div>
        <div class="dash-body">
          <aside class="dash-sidebar">
            <span class="active">Dashboard</span>
            <span>Employees</span>
            <span>Pay Runs</span>
            <span>Leave &amp; Attendance</span>
            <span>Approvals</span>
            <span>Taxes &amp; Forms</span>
            <span>Loans</span>
            <span>Reports</span>
            <span>Settings</span>
          </aside>
          <section class="dash-main">
            <h3>Welcome Meera Krishnan!</h3>
            <div class="summary-strip">
              <div><small>EMPLOYEES' NET PAY</small><strong>&#8377;17,25,23,654.00</strong></div>
              <div><small>PAYMENT DATE</small><strong>31 May 2024</strong></div>
              <div><small>NO. OF EMPLOYEES</small><strong>1308</strong></div>
              <button>View Details</button>
            </div>
            <div class="chart-block"></div>
          </section>
          <aside class="todo-panel">
            <div class="todo-title">To Do Tasks</div>
            <div class="todo-item"><span></span><div><b>136 Reimbursement Claim(s)</b><small>Pending Approval</small></div></div>
            <div class="todo-item"><span></span><div><b>96 Proof of Investment(s)</b><small>Pending Approval</small></div></div>
            <div class="todo-item"><span></span><div><b>55 Salary Revision(s)</b><small>Pending Approval</small></div></div>
          </aside>
        </div>
      </div>
      <div class="side-card right">
        <span class="side-label">Employee</span>
        <div class="portal-mini">
          <strong>Hello! Kartik Kumar</strong>
          <p>Welcome to B2L Mobitech</p>
          <div class="mini-timer"><span>03</span><span>43</span><span>44</span></div>
          <div class="mini-actions">
            <span>Salary</span><span>Payslip</span><span>Earnings</span><span>Benefits</span>
          </div>
        </div>
        <img class="phone-image" src="images/mobile-footer-in-6c8e1951aeca90821dfaa475a1967a1c.png" alt="">
      </div>
    </div>
  </section>

  <section class="brand-strip" id="customers">
    <p class="section-label center">Loved by India's famous startups and world renowned brands</p>
    <div class="logo-grid">
      <img src="images/dexian-2x.png" alt="Dexian">
      <img src="images/vedatya-2x.png" alt="Vedatya Institute">
      <img src="images/geeks-for-geeks-2x.png" alt="Geeks For Geeks">
      <img src="images/securityhq-2x.png" alt="SecurityHQ">
      <img src="images/leegality-logo-2x.png" alt="Leegality">
    </div>
    <div class="run-card">
      <div class="run-copy">
        <h2>B2L Mobitech runs on B2L Mobitech</h2>
        <p>Nation-wide compliance across all offices in India and 17,000+ employees get paid every month.</p>
      </div>
      <div class="run-art">
        <img src="images/building-633c8f26cf12193d24be343b23b68517.svg" alt="">
      </div>
    </div>
  </section>

  <section class="feature-section" id="pricing">
    <p class="section-label">EFFORTLESS PAYROLL</p>
    <h2>Get to know B2L Mobitech. Software that makes hard things easy</h2>
    <div class="two-col">
      <article class="feature-card cream">
        <div>
          <h3>Personalize salary components</h3>
          <p>Accommodate diverse salary structures that suit each employee and your organisation hierarchy with custom earnings and deductions.</p>
        </div>
        <div class="mock mock-salary"></div>
      </article>
      <article class="feature-card light">
        <div>
          <h3>Deliver salaries online</h3>
          <p>B2L Mobitech has joined hands with reputed banks in India and auto-generates bank advice so you can pay employees online.</p>
        </div>
        <div class="mock mock-payment"></div>
      </article>
    </div>

    <article class="wide-feature">
      <div>
        <h3>Simplify contractor payments</h3>
        <p>Add contractors, set their reporting roles, handle TDS automatically, and manage their payouts along with employees in one smooth workflow.</p>
      </div>
      <div class="mock mock-checklist"></div>
    </article>

    <div class="split-row">
      <article class="split-card pale">
        <h3>Secure payroll with multi-level approvals</h3>
        <p>Ensure every pay run passes through the right hands with multi-level approvals, keeping your process completely reliable.</p>
        <div class="mock mock-roles"></div>
      </article>
      <article class="split-card red">
        <h3>Get instant insights with powerful reports</h3>
        <p>With auto-generated reports, you'll get a clear picture of your payroll costs, employee salaries, and more, so you can make smarter, data-backed decisions.</p>
        <div class="mock mock-chart"></div>
      </article>
    </div>
  </section>

  <section class="feature-section alt">
    <div class="wide-banner">
      <div>
        <h3>Effortless scalability</h3>
        <p>From budding start-ups to established large businesses, we help simplify your payroll.</p>
      </div>
      <div class="building-art"><img src="images/building-633c8f26cf12193d24be343b23b68517.svg" alt=""></div>
      <div class="metrics"><span>Nation-wide compliance across all offices in India</span><span>17,000+ employees get paid every month</span></div>
    </div>
  </section>

  <section class="feature-section leave-section">
    <div class="split-hero">
      <div class="leave-panel">
        <div class="leave-types">
          <h3>Leave Types</h3>
          <div class="leave-row"><span>Absent</span><b>Active</b></div>
          <div class="leave-row"><span>Casual Leave</span><b>Active</b></div>
          <div class="leave-row"><span>Sick Leave</span><b>Active</b></div>
          <div class="leave-holiday">Holidays</div>
        </div>
        <div class="phone-block"></div>
      </div>
      <div class="section-copy-block">
        <p class="section-label">LEAVE AND ATTENDANCE</p>
        <h2>Manage leave and attendance, built-in.</h2>
        <p>Create custom leave types, allow employees to apply for leaves, approve or reject leaves, manage attendance - all from within B2L Mobitech.</p>
      </div>
    </div>
  </section>

  <section class="feature-section compliance dark">
    <div class="section-copy-block">
      <p class="section-label">SIMPLIFIED COMPLIANCE</p>
      <h2>Stay compliant, without thinking about compliance</h2>
      <p>We handle regionally intricate and distinct compliance regulations all across India, so you don't have to.</p>
    </div>
    <div class="compliance-grid">
      <div><strong>Automated adjustments</strong><p>Adapt easily to the ever-changing tax laws.</p></div>
      <div><strong>Tax forms</strong><p>Download tax forms like 12BB, 24Q, TDS, and Form 16 instantly with e-signature capability built-in.</p></div>
      <div><strong>PF, ESI, LWF, PT, and IT</strong><p>Keep your business on legal footing across 28 states.</p></div>
      <div><strong>Ready-to-file reports</strong><p>Auto-generate pre-formatted statutory and tax reports for faster filing.</p></div>
    </div>
  </section>

  <section class="feature-section portal-section">
    <p class="section-label">EMPLOYEE SELF-SERVICE PORTAL</p>
    <h2>Give your team a modern payroll experience</h2>
    <div class="portal-tabs">
      <span class="active">Web and Mobile app</span>
      <span>Instant Payslips</span>
      <span>Digitisation</span>
      <span>Communication</span>
    </div>
    <div class="portal-grid">
      <article class="portal-feature yellow">
        <h3>Make payroll data accessible anywhere</h3>
        <p>Let employees download payslip, tax worksheets, and Form 16s at their convenience, using their web app and mobile, instantly.</p>
        <div class="portal-device"></div>
      </article>
      <article class="portal-feature white">
        <h3>Notify as soon as you pay</h3>
        <p>Automatically send salary notification and when you release payslips.</p>
        <div class="portal-phone"></div>
      </article>
      <article class="portal-feature white">
        <h3>Digitise payroll operations</h3>
        <p>Collect reimbursement requests, IT declarations, and POI submissions online.</p>
      </article>
      <article class="portal-feature yellow">
        <h3>Interact with employees in real time</h3>
        <p>Replace back-and-forth email threads and handle employee questions faster.</p>
      </article>
    </div>
  </section>

  <section class="feature-section integrations">
    <p class="section-label">INTEGRATIONS</p>
    <h2>Natively built. Deeply connected. Inherently collaborative</h2>
    <p class="intro">Leverage the power of the evolving B2L Mobitech ecosystem and keep your HR, Payroll, and Finance teams on the same page.</p>
    <div class="ecosystem">
      <div class="eco-node left">B2L People<br><span>HR Management</span></div>
      <div class="eco-node left lower">B2L Analytics<br><span>Modern Analytics Platform</span></div>
      <div class="eco-core">Payslip - June</div>
      <div class="eco-node right">B2L Books<br><span>Accounting Platform</span></div>
      <div class="eco-node right lower">B2L Practice<br><span>Practice Management</span></div>
      <div class="eco-node bottom">B2L Expense<br><span>Expense Management</span></div>
    </div>
  </section>

  <section class="feature-section integrations black">
    <div class="integration-card">
      <p class="section-label">CUSTOM INTEGRATIONS</p>
      <h2>We can work with systems you already love</h2>
      <p>Bring data from your existing systems like Workday, SAP, Oracle, UKG, and Microsoft to streamline things without disrupting your way of doing things through custom integrations.</p>
      <a class="btn outline" href="signin.php">Get in Touch</a>
    </div>
    <div class="flow-graphic">
      <div class="flow-source">Your ERP system</div>
      <div class="flow-stack">
        <span>Employee Records</span>
        <span>Custom Workflows</span>
        <span>Appraisal Data</span>
        <span>Timely Payroll Data</span>
        <span>Custom Reports</span>
        <span>Journal Entries</span>
      </div>
      <div class="flow-target"></div>
    </div>
  </section>

  <section class="feature-section custom">
    <p class="section-label">CUSTOMISE</p>
    <h2>Customise and automate the way you want</h2>
    <p class="intro">Build new feature on top of an already powerful platform and make B2L Mobitech work the way you want.</p>
    <div class="workflow-wrap">
      <div class="workflow-sheet">
        <div class="sheet-title">Workflow Rule</div>
        <div class="sheet-body"></div>
      </div>
      <div class="workflow-diagram"></div>
    </div>
  </section>

  <section class="feature-section advanced">
    <p class="section-label">ADVANCED FEATURES</p>
    <h2>Powerfully engineered to back your unique processes</h2>
    <div class="advanced-grid">
      <div class="scribble"></div>
      <div class="advanced-list">
        <div class="adv-item"><span class="icon-box yellow"><i class="fa-solid fa-square-root-variable"></i></span><div><strong>Formula based earnings</strong><p>Apply formulae to your salary components instead of manually calculating and ensure accuracy.</p></div></div>
        <div class="adv-item"><span class="icon-box orange"><i class="fa-solid fa-tag"></i></span><div><strong>Reporting tags</strong><p>Create Tags, associate them with employees and get detailed, customised payroll reports to gain deeper insights.</p></div></div>
        <div class="adv-item"><span class="icon-box rust"><i class="fa-regular fa-clock"></i></span><div><strong>Scheduled earnings</strong><p>Configure bonuses or variable pay for employees in advance as a part of any future pay runs.</p></div></div>
        <div class="adv-item"><span class="icon-box red"><i class="fa-solid fa-folder-open"></i></span><div><strong>Off-cycle payrun</strong><p>Do not wait until the next pay run to pay the bonus and withheld salaries.</p></div></div>
        <div class="adv-item"><span class="icon-box red"><i class="fa-regular fa-folder"></i></span><div><strong>Document management</strong><p>Store and share employee and organizational documents.</p></div></div>
      </div>
    </div>
  </section>

  <section class="testimonials">
    <p class="section-label">TESTIMONIALS</p>
    <h2>Loved by both customers and critics</h2>
    <div class="testimonial-grid">
      <article><div class="testimonial-logo"></div><p>Switching from ADP to B2L Mobitech has been a game-changer for us. The struggle of uploading Excel files is a thing of the past.</p><strong>Gnana Jayanthi</strong><span>Associate manager, KRG Technologies Pvt ltd</span></article>
      <article><div class="testimonial-logo alt"></div><p>B2L Mobitech upgraded our payroll operations. Now, we don't have to spend endless hours sending out payslips after each pay run.</p><strong>Shahid - Finance manager</strong><span>Easy outdesk</span></article>
      <article><div class="testimonial-logo third"></div><p>Our previous payroll software had limited customization options. With B2L Mobitech, we customize according to our policies.</p><strong>Anjali Raval</strong><span>People Manager, Ecotech Services.</span></article>
    </div>
  </section>

  <footer class="site-footer" id="resources">
    <div class="footer-cta" id="support">
      <h2>Cloud payroll system for growing businesses</h2>
      <div class="footer-buttons">
        <a class="btn primary" href="signup.php">Start My Free Trial</a>
        <a class="btn secondary dark" href="signin.php">Request Demo</a>
      </div>
    </div>
    <div class="footer-links">
      <div>
        <h3>About B2L Mobitech</h3>
        <a href="price.php">Pricing</a><a href="feature.php">Features</a><a href="features.php#integration">Integrations</a><a href="features.php#overview">Customers</a><a href="features.php#overview">Employee Onboarding</a><a href="features.php#processing">Payroll Management</a><a href="features.php#processing">Payroll Processing</a><a href="features.php#employee-self-service-portal">Employee Self-service Portal</a><a href="features.php#statutory-compliance">Statutory compliance and Reporting</a>
      </div>
      <div>
        <h3>Resources</h3>
        <a href="#">Help</a><a href="#">Frequently Asked Questions</a><a href="#">Webinars</a><a href="#">Academy</a><a href="#">What's New</a>
      </div>
      <div>
        <h3>Quick Links</h3>
        <a href="#">What is Payroll?</a><a href="#">Payroll Software</a><a href="#">Payroll Software vs Spreadsheets</a><a href="#">Free Payroll Software</a><a href="#">Payroll Training Program</a><a href="#">Payroll Service Provider</a>
      </div>
      <div>
        <h3>Contact</h3>
        <a href="#">Monday to Friday (9:00 AM to 7:00 PM)</a>
        <a href="#">Toll-Free 1800 572 6672</a>
        <a href="#">support@b2lmobitech.com</a>
        <a href="#">partner-support@b2lmobitech.com</a>
      </div>
    </div>
    <div class="footer-tools">
      <span>B2L Books</span><span>B2L Billing</span><span>B2L Expense</span><span>B2L Inventory</span><span>B2L Payments</span><span>B2L Commerce</span><span>B2L Practice</span>
    </div>
  </footer>
</main>

<div class="floating-demo">Request a demo</div>
<div class="floating-chat"><i class="fa-solid fa-comment-dots"></i></div>
</body>
</html>
