
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keyword" content="BP Lab">
    <meta name="description" content="BP Lab">
    <!-- Bootstrap CSS -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" >
    <link rel="stylesheet" href="/assets/css/lightslider.min.css">
    <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css">
     <link rel="stylesheet" href="/assets/css/swiper.css">
    <link href="/assets/glightbox/css/glightbox.min.css" rel="stylesheet">
    <link href="/assets/style.css" rel="stylesheet">
     <link rel="icon" type="image/x-icon" href="https://bplab.in/assets/img/favicon.png">
    <title>Bp Lab</title>
  </head>

<body>
    <section class="top_nav ">
        <div class="container">
            <div class="row">
                <div class="col-md-3 mt-2 mb-2">
                    <img src="assets/img/call.png"><span class="ms-2 fw-bold" id="nav_text">0671-24144444 /
                        2414555</span>
                </div>
                <div class="col-md-3 mt-2 mb-2">
                    <img src="assets/img/phn.png"><span class="ms-2 fw-bold" id="nav_text">+91 9437226943</span>
                </div>
                <div class="col-md-3 mt-2 mb-2">
                    <img src="assets/img/time.png"><span class="ms-2 fw-bold" id="nav_text">7 days a week(6am to
                        9pm)</span>
                </div>
                <div class="col-md-3 mt-2 mb-2">
                    <img src="assets/img/mail.png"><span class="ms-2 fw-bold" id="nav_text"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="99f8fdf4f0f7d9fbe9f5f8fbb7f0f7">[email&#160;protected]</a></span>
                </div>
            </div>
        </div>
    </section>

    <section class="main_nav">
        <div class="container">
            <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-2">

                <a class="navbar-brand" href="index.html"><img
                        src="https://bplab.in/admin/assets/img/bplogo.png" /></a>
                <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
                    <li> <img src="assets/img/nabl3.png" style="width:43.85px;height:61px;">
                    </li>
                    <li> <img src="assets/img/excell.png"></li>
                </ul>

                <div class="col-md-3 text-end">
                    <button type="button" class="btn btn-info text-white " data-bs-toggle="modal"
                        data-bs-target="#appointmentModal">Book Appointment</button>

                </div>
            </header>
        </div>
    </section>
    <section class="sub_nav">
  <nav class="navbar navbar-expand-lg navbar-dark"   aria-label="Tenth navbar example">
    <div class="container-fluid">
      <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="navbar-collapse justify-content-md-center collapse" id="navbarsExample08" >
        <ul class="navbar-nav mx-auto mb-2 mb-sm-0">
           <li> <a href="index.html"> <img class="mt-2" src="https://bplab.in/assets/img/home2.png" style="width:20px;height:20px;"></a></li>
                          
                   
                     <li class="nav-item dropdown">
                       
                <a target="" id="dropdown03"  class="nav-link dropdown-toggle text-white"  
                   data-bs-toggle="dropdown" aria-expanded="false" href="about.html">About Us</a>
                    <ul class="dropdown-menu" aria-labelledby="dropdown03"  >
                                              <li>
                          <a target="" class="dropdown-item" href="our-mission.html"> Mission</a>
                        </li>
                                            <li>
                          <a target="" class="dropdown-item" href="about.html"> Achievement</a>
                        </li>
                                            
                                        </ul> 
            </li>
                
               
                     <li class="nav-item dropdown">
                       
                <a target="" id="dropdown03"  class="nav-link dropdown-toggle text-white"  
                   data-bs-toggle="dropdown" aria-expanded="false" href="#">Services</a>
                    <ul class="dropdown-menu" aria-labelledby="dropdown03"  >
                                              <li>
                          <a target="" class="dropdown-item" href="biochemistry.html">Biochemistry</a>
                        </li>
                                            <li>
                          <a target="" class="dropdown-item" href="hematology.html">Hematology</a>
                        </li>
                                            <li>
                          <a target="" class="dropdown-item" href="clinical-pathology.html">Clinical Pathology</a>
                        </li>
                                        </ul> 
            </li>
                
                    
                                                        <li class="nav-item "><a  target=""    id="40" class="nav-link text-white" href="find-a-test.html">Find A Test</a></li>
                                              
                   
                    <li class="nav-item "><a  target=""    id="30" class="nav-link text-white" href="/page/photogallery.html">Gallery</a></li>
                
                    
                                                        <li class="nav-item "><a  target=""    id="30" class="nav-link text-white" href="/join.php">Career</a></li>
                                                         <li class="nav-item "><a  target=""    id="9" class="nav-link text-white" href="/page/contact_us.html">Contact Us</a></li>
                                              
                   
                     <li class="nav-item dropdown">
                       
                <a target="" id="dropdown03"  class="nav-link dropdown-toggle text-white"  
                   data-bs-toggle="dropdown" aria-expanded="false" href="#">Login</a>
                    <ul class="dropdown-menu" aria-labelledby="dropdown03"  >
                                              <li>
                          <a target="" class="dropdown-item" href="https://bplaboratory.com">Partner Login</a>
                        </li>
                                        </ul> 
            </li>
                
                    
                                      </ul>
      </div>
    </div>
  </nav>
</section>




    <!-- Modal -->
    <div class="modal fade" id="appointmentModal" tabindex="-1" aria-labelledby="appointmentModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel"><span style="color: red;">Book Sample Collection
                            :</span></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="bookAppointmentMsg"></div>
                    <form action="#" id="bookAppointmentForm" class="p-4  border rounded-3 bg-light" method="post"
                        enctype="multipart/form-data">

                        <div class="row">
                            <div class="col">
                                <div class="form-floating mb-3"><input class="form-control" maxlength="30"
                                        name="collection_date" min="2023-02-05" required=""
                                        type="date"> <label for="floatingInput">Date:</label></div>
                            </div>
                            <div class="col">
                                <div class="form-floating mb-3"><input class="form-control" maxlength="30"
                                        name="collection_time" required="" type="time"> <label
                                        for="floatingInput">Time:</label></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col">
                                <div class="form-floating mb-3">
                                    <input class="form-control" id="name" maxlength="30" name="name"
                                        placeholder="Enter Name" required="" type="text">
                                    <label for="floatingInput">Name</label>
                                </div>
                            </div>
                            <div class="col">
                                <div class="form-floating mb-3">
                                    <input class="form-control" id="contact_no" maxlength="10" name="contact_no"
                                        placeholder="Enter Contact No." required="" type="number"
                                        onkeyup="return onlyNumberKeyMobile(event)">
                                    <label for="floatingInput">Contact No.</label>
                                </div>
                            </div>
                          
                        </div>
                        <div class="mb-3">
                            <input type="file" name="image" class="form-control" aria-label="file example" required>
                        </div>
                        <select class="form-select mb-3" aria-label="Default select example" name="location_id	">
                            <option selected value="1">Cuttack</option>
                        </select>

                        <div class="form-floating mb-3">
                            <input class="form-control" id="address" name="address" maxlength="30" name="name"
                                placeholder="Enter Address" required="" type="text">
                            <label for="floatingInput">Address</label>
                        </div>
                        <!--  <div class="form-floating mb-3"><input class="form-control" id="subject" maxlength="100" name="subject" placeholder="Enter Subject" required="" type="text"> <label for="floatingInput">Subject</label></div>-->

                        <select class="form-select mb-3" aria-label="Default select example" name="department_name"
                            id="department_name">
                            <option selected value="">--Select Packages--</option>
                        </select>
                        <div class="form-floating mb-3">

                            <textarea class="form-control" rows="3" name="message"></textarea>
                            <label for="floatingInput">Message..</label>
                        </div>
                        <button type="submit" class="btn btn-primary" id="app_submit_btn">Submit</button>
                        <span id="app_loading" style="display:none;">Submitting...Please wait</span>
                    </form>
                </div>

            </div>
        </div>
    </div>

    <section class="banner text-center mb-4">
        
    </section>
    <section class="contact">
        <div class="container">
            <div class="row mt-4">
                <div class="col-md-6"><img class="img-fluid" src="https://bplab.in/assets/img/career.png" />
                </div>

                <div class="col-md-6">
                    <h4 class="about_us" id="head_clr">Career :</h4>

                    <h4 style="color:green;">
                        </h4>

                    <h4>&nbsp;</h4>

                    <p class="content fw-normal fs-6">Join our nationally recognized, award winning team! What we
                        believe: Putting patients at the center is the key to transforming health. A collaborative team
                        based approach is the key to solving complex problems. The cornerstone of a healthy community is
                        access to the highest quality healthcare for all. What we offer: A progressive, open, inspired
                        approach to health care. Excellent leadership opportunities with an opportunity to make a
                        difference. Excellent benefits and a competitive salary. Get paid for putting your passion to
                        work! We hire the best and the brightest. We&rsquo;re looking for people who are as passionate
                        about ensuring that all people have access to exceptional healthcare as they are about making a
                        positive difference in our world.</p>
                    <button class="btn btn-info text-white " data-bs-target="#exampleModal" data-bs-toggle="modal"
                        type="button">Join Bp Lab</button><!-- Modal -->

                    <div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade" id="exampleModal"
                        tabindex="-1">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel">Join Bp Lab</h5>
                                    <button aria-label="Close" class="btn-close" data-bs-dismiss="modal"
                                        type="button"></button>
                                </div>

                                <div class="modal-body">
                                    <form action="join.php" class="p-4  border rounded-3 bg-light"
                                        enctype="multipart/form-data" id="cvUploadForm" method="post">
                                        <div class="form-floating mb-3">
                                            <input class="form-control" id="pname" maxlength="30" name="pname"
                                                placeholder="Enter Name" required="" type="text" />
                                            <label for="floatingInput">Name</label>
                                        </div>

                                        <div class="form-floating mb-3">
                                            <input class="form-control" id="email" maxlength="30" name="email"
                                                placeholder="name@example.com" required="" type="email" />
                                            <label for="floatingInput">Email address</label>
                                        </div>
										<select class="form-select mt-2 mb-3" aria-label="Default select example" id="department_name" name="department_name" required>
                                          <option selected >--Select Department--</option>
                                          <option  value="Lab technician">Lab technician</option>
                                          <option  value="Phlebotomist">Phlebotomist</option>
                                          <option  value="X-ray technician">X-ray technician</option>
                                           <option  value="Radiology technician">Radiology technician</option>
                                           <option  value="Data entry Operater">Data entry Operater</option>
                                           <option  value="Accounts">Accounts</option>
                                          <option  value="HR">HR</option>
                                          <option  value="IT">IT</option>
                                          <option  value="Office Assistant">Office Assistant</option>
                                        </select>
                                      <div class="form-floating mb-3">
                                        <textarea class="form-control floatingInput" id="exampleFormControlTextarea1" rows="3" name="description"></textarea>
                                        <label for="exampleFormControlTextarea1" class="form-label floatingInput" >Description</label>
                                        
                                      </div>
                                        <div class="form-floating mb-3">
                                            <div class="mb-3">
                                                <label>Upload Your Cv:</label>
                                                <input class="form-control" id="pfile" name="file" accept=".doc,.docx, .pdf" required=""
                                                    type="file" />
                                            </div>
                                        </div>
                                        <button class="btn btn-primary" id="submit" name="submit"
                                            type="submit">Submit</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--modal end--->
                </div>
            </div>

        </div>
    </section>

    <section class="footer" style="background-image: url(https://bplab.in/assets/img/bannerbg.png);background-repeat: no-repeat;
    background-size: cover;">
        <div class="container">
            <div class="row mt-2">
                <div class="col-md-4 mt-5">
                    <img src="https://bplab.in/admin/assets/img/lablogo.png">
                    <div class="flexftr mt-3">
                        <div class="social">
                            <a href="https://www.facebook.com" target="_blank"> <img
                                    src="https://bplab.in/assets/img/f1.png"
                                    style="width: 30px;height:30px;"></a>
                        </div>
                        <div class="social">
                            <a href="https://twitter.com" target="_blank"> <img class="ms-auto"
                                    src="https://bplab.in/assets/img/t1.png"
                                    style="width: 30px;height:30px;"></a>
                        </div>
                        <div class="social">
                            <a href="https://www.instagram.com" target="_blank"> <img class="ms-auto"
                                    src="https://bplab.in/assets/img/insta.png"
                                    style="width: 30px;height:30px;"></a>
                        </div>
                    </div>



                </div>
                <div class="col-md-2 mt-5">
                    <h6>QUICK LINK</h6>
                    <ul class="list-unstyled link fw-light">
                        <li class="item fw-normal"><a href="#">Home</a></li>
                        <li class="item fw-normal"><a href="#">Services</a></li>
                        <li class="item fw-normal"><a href="#">Packages</a></li>
                        <li class="item fw-normal"><a href="#">Help</a></li>
                    </ul>
                </div>
                <div class="col-md-2 mt-5">
                    <h6>CAREER</h6>
                    <ul class="list-unstyled link fw-light">
                        <li class="item fw-normal"><a href="join.php">Join Bp Lab</a></li>
                        <li class="item fw-normal"><a href="https://bplaboratory.com">Franchise Login</a></li>
                    </ul>


                </div>
                <div class="col-md-3 mt-5">
                    <h6>GET IN TOUCH</h6>
                    <ul class="list-unstyled fw-light">
                        <li class="item mt-3"><img src="https://bplab.in/assets/img/phn1.png">
                            +91 8249674608,+91 7848088423</li>
                        <li class="item fw-normal mt-1"><img src="https://bplab.in/assets/img/email.png">
                            <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3655434542595b5344555744537654465a5754185f58">[email&#160;protected]</a> </li>
                        <li class="item fw-normal mt-1"><img src="https://bplab.in/assets/img/tm1.png">
                            7 days a week(6 AM to 9 PM)</li>
                        <li class="item fw-normal mt-1 content"><img
                                src="https://bplab.in/assets/img/lc1.png">
                            0671-24144444 / 2414555 / 2424684</li>

                        <li class="item fw-normal mt-1 content"><img
                                src="https://bplab.in/assets/img/loc1.png">
                            BP Lab,
                            Near SCB medical college,
                            IN front of Mangala bag police station,
                            Mangala bag, Cuttack - 753001 </li>
                    </ul>
                </div>
            </div>

        </div>

    </section>
    <section>
        <div class="container">
            <p class="end_div text-center mt-2">@2022 All Rights Reserved. Designed By <a
                    href="https://www.wayindia.com/" target="_blank">Wayindia</a> </p>
        </div>

    </section>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/glightbox/js/glightbox.min.js"></script>

    <script>
    const portfolioLightbox = GLightbox({
        selector: '.foursl'
    });
    </script>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="assets/js/lightslider.min.js"></script>
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/script.js"></script>
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
    function openAppointmentModal(id) {
        $('#package_id').val(id);
        $('#appointmentModal').modal('show');
    }

    function onlyNumberKeyMobile(evt) {

        var phn = $("#contact_no").val();
        if (phn.length > 10 || phn.length < 10) {
            $("#contact_no").val(phn.substring(0, 10));
            //alert(phn);
        }
    }

    function onlyNumberKeyContactMobile(evt) {

        var phn = $("#contact_contact_no").val();
        if (phn.length > 10 || phn.length < 10) {
            $("#contact_contact_no").val(phn.substring(0, 10));
            //alert(phn);
        }
    }
    $(function() {
        var base_url = '';
        //Submit Booking Form
        $('#bookAppointmentForm').on('submit', function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            //$('#app_submit_btn').hide();
            //$('#app_loading').show();
            $.ajax({
                type: "POST",
                url: base_url + "page/book_appointment",
                data: new FormData(this),
                dataType: 'json',
                contentType: false,
                cache: false,
                processData: false,
                beforeSend: function() {
                    $('#app_submit_btn').attr("disabled", "disabled");
                    $('#bookAppointmentForm').css("opacity", ".5");
                },
                success: function(data) {
                    var msg = '';
                    if (data == 1) {
                        msg = '<font color="green">Appointment booked successfully.</font>';
                    } else if (data == 3) {
                        msg = '<font color="red">Technical error. Try again later.</font>';
                    }
                    $('#bookAppointmentMsg').html(msg);
                    $('#bookAppointmentForm input').val('');
                    $('#bookAppointmentForm textarea').val('');
                    $('#app_submit_btn').show();
                    $('#app_loading').hide();
                    $('#bookAppointmentForm').css("opacity", "");
                    $("#app_submit_btn").removeAttr("disabled");
                    setTimeout(() => {
                        $('#bookAppointmentMsg').html('');
                    }, 3000);
                }
            });
        });
        


    });
    </script>
    <!--submit career bp-->

   
</body>

</html>