Failed to connect to MySQL: Access denied for user 'oneworldhruser'@'localhost' (using password: YES)  <meta charset="utf-8">
  <title>One World - Human Capital Management</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta content="one world HR" name="keywords">
  <meta content="We are an HR advisory firm which aims to provide consulting services around human capital management, ensuring delivery of high-quality result-driven services to our clients thereby enhancing profitability and productivity through customized and aligned people management processes, structures, leadership and diversity interventions." name="description">

  <!-- Favicon -->
  <link href="img/favicon.ico" rel="icon">

  <!-- Google Web Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">

  <!-- Icon Font Stylesheet -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

  <!-- Libraries Stylesheet -->
  <link href="https://oneworldhrin.com/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  Template Stylesheet -->
  <link href="https://oneworldhrin.com/ css/style.css" rel="stylesheet">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css">

  <!-- Bootstrap JavaScript (including Popper.js) -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
  
  <!--Animation css-->
  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />		

<style>
    .error {
        color: red;
        size: 80%
    }

    .hidden {
        display: none;
    }
</style>

<div>
    <!-- MENU -->
    <style>
    /* Styles for desktop view */
    @media (min-width: 1025px) {

        /* Add your desktop-specific styles here */
        #navbarNav {
            margin-left: auto;
        }

        .navbar-nav {
            display: flex;
            align-items: center;
        }
    }

    /* Styles for ipad view */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .navbar-toggler {
            margin-left: 280px;
            font-size: 20px;
        }
    }

    /* Styles for mobile view */
    @media (max-width: 767px) {
        .navbar-toggler {
            margin-left: 60px;
            margin-bottom: 10px;
        }
    }

    /* Styles for iPad View */
    @media (max-width: 1024px) {
        #padding {
            padding-top: 20px;
        }
    }

    /* Styles for Mobile View */
    @media (max-width: 767px) {
        #padding {
            padding-top: 20px;
        }
    }
</style>

<nav class="navbar navbar-expand-lg navbar-light bg-light shadow" style="box-shadow: 10px 10px 10px 10px #007bff;">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">
            <img src="img/logo.png" alt="logo" width="70%" style="max-width: 400px;">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        </a>
        <div class="collapse navbar-collapse" id="navbarNav" style="transition: all 0s ease;">
            <ul class="navbar-nav" style="font-size: 18px; margin-right: 40px;">
                <li class="nav-item" style="margin-left: 10px;">
                    <a class="nav-link text-center " style="" href="index.php">Home</a>
                </li>
                <li class="nav-item" style="margin-left:10px;">
                    <a class="nav-link text-center " style="" href="about.php">About</a>
                </li>
                <li class="nav-item" style="margin-left: 10px;">
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle text-center " style="" data-bs-toggle="dropdown">Services</a>
                        <div class="dropdown-menu m-0">
                            <a href="hr_strategy.php" class="dropdown-item">HR Strategy / Operations</a>
                            <a href="talent_supply_chain.php" class="dropdown-item">Talent Supply Chain / Management</a>
                            <a href="reward_management.php" class="dropdown-item">Reward Management</a>
                            <a href="hr_policies.php" class="dropdown-item">HR Policies and Processes</a>
                            <a href="legal.php" class="dropdown-item">Legal & Compliance</a>
                        </div>
                    </div>
                </li>
                <li class="nav-item" style="margin-left: 10px;">
                    <a class="nav-link text-center " style="white-space: nowrap;" href="jobs.php">Opportunity</a>
                </li>

                <li class="nav-item" style="margin-left: 10px;">
                    <a class="nav-link text-center " style="white-space: nowrap;" href="resume.php">Resume Builder</a>
                </li>


                <li class="nav-item" style="margin-left: 10px;">
                    <a class="nav-link text-center active" style="background-color:#007bff;color:white; white-space: nowrap;" href="job-apply.php">Resume Upload</a>
                </li>

                <li class="nav-item" style="margin-left: 10px;">
                    <a class="nav-link text-center " style="" href="contact.php">Contact</a>
                </li>
                <li class="nav-item" style="margin-left: 70px;" id="padding">
                    <a href="job-apply.php" class="text-center btn btn-primary px-md-4 rounded-pill pt-2" style="height: 48px; width: 150px; font-size: 18px; display: block; margin: 0 auto;">Apply Here</a>
                </li>
            </ul>
        </div>
    </div>
</nav>    <!-- END MENU -->


    <!-- Page Header Start -->
    <!-- <div class="container-fluid bg-dark p-5">
        <div class="row">
            <div class="col-12 text-center">
                <h1 class="display-4 text-white">Apply for Job</h1>
                <a href="index.php">Home</a>
                <i class="far fa-square text-primary px-2"></i>
                <a href="">Apply For job</a>
            </div>
        </div>
    </div> -->
    <!-- Page Header End -->


    <div class="container-fluid  p-5" style="background-color:#152440;">
        <div class="row">
            <div class="col-12 text-center">
                <h2 class="display-4 text-white" style="font-weight:bold;">Resume Upload </h2>
                <a href="index.php" style="font-size:18px;  text-decoration: none;">Home</a>
                <i class="fa fa-arrow-right text-primary px-2"></i>
                <a href="" style="font-size:18px; text-decoration: none;">Resume Upload</a>
            </div>
        </div>
    </div>

    <div class="container px-5 py-5">
        <div class="row g-0">
            <div class="col-md-12">

               <form method="POST" enctype="multipart/form-data" action="/job-apply.php">
                    <div class="row gx-3">
                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="text" class="form-control" id="full_name" name="full_name" placeholder="Full Name" onkeyup="validateFullNameForm()">
                                <label for="full_name">Full Name</label>
                                <div id="name_error" class="error hidden">Please enter a valid FullName</div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="email" class="form-control" id="email" name="email" placeholder="Email ID" onkeyup="validateEmailForm()">
                                <label for="email">Email Address</label>
                                <div id="email_error" class="error hidden">Please enter a valid Email</div>
                            </div>
                        </div>


                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="text" class="form-control" id="phone_number" name="phone_number" placeholder="Phone Number" onkeyup="validateMobileForm()">
                                <label for="phone_number">Phone Number</label>
                                <div id="mobile_error" class="error hidden">Please enter a valid Phone Number</div>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="text" class="form-control" id="qualification" name="qualification" placeholder="Qualification" onkeyup="validateQualificationForm()">
                                <label for="qualification">Qualification</label>
                                <div id="qualification_error" class="error hidden">Please enter a valid Qualification</div>
                            </div>
                        </div>
                         <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <select class="form-select" id="jobType" name="jobType">
                                    <option value="" selected disabled>Select Job Type</option>