


<?php include('header.php'); ?>





<!-- page-title -->
<div class="prt-page-title-row-1">
    <div class="prt-page-title-row-inner-1">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    
                    <!-- Title -->
                    <div class="page-title-heading">
                        <h2 class="title">Career</h2>
                    </div>

                    <!-- Breadcrumb (kept inside same banner background) -->
                    <div class="breadcrumb-wrapper-main">
                        <div class="breadcrumb-wrapper-inner">
                            <span><a href="index.php" class="home">Home</a></span>
                            <span class="prt-bread-sep"> - </span>
                            <span>Career</span>
                        </div>
                    </div>

                </div>    
            </div>
        </div>
    </div>
</div>


<style>
/* Banner background applies to full section */
.prt-page-title-row-1 {
    background: url(images/header-imagesev1.png) no-repeat center center;
    background-size: cover;   /* fills whole section */
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 60px 0;          /* ensures space for breadcrumbs */
    color: #fff;              /* makes text visible on banner */
}

/* Inner adjustments */
.page-title-heading {
    margin-bottom: 20px;
}
.page-title-heading h2 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
}
.breadcrumb-wrapper-inner {
    font-size: 16px;
    color: #fff;
}
.breadcrumb-wrapper-inner a {
    color: #000;
    text-decoration: none;
}
.breadcrumb-wrapper-inner a:hover {
    text-decoration: underline;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .prt-page-title-row-1 {
    min-height: 300px;
    padding: 40px 15px;
    background-position: top center;
  }
  .page-title-heading h2 {
    font-size: 24px;
    text-align: center;
  }
  .breadcrumb-wrapper-inner {
    text-align: center;
    font-size: 14px;
  }
}
</style>








<!--site-main start-->
<div class="site-main">
    <section class="prt-row about-section clearfix">
        <div class="container">
        <?php
                    if (isset($_REQUEST['msg'])) {
                        if ($_GET['msg'] == '1') {
                    ?>



                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <strong>Thank You!</strong> Your request has been submited successfully.
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                            </div>
                    <?php

                        }
                    }
                    ?>
            <div class="row">
                <div class="col-lg-5 col-md-12 pb-15">
                    <div class="res-991-pt-30 pl-15 pt-25 res-480-ml-0 res-480-pl-0">
                        <!-- section title -->
                        <div class="section-title">
                            <div class="title-header">
                                <h3>Career</h3>
                                <h2 class="title">Come Invent With Us</h2>
                            </div>
                            <div class="title-desc pl-15">
                                <button class="submit prt-btn prt-btn-style-fill prt-btn-color-skincolor" type="button">Join Us</button>
                            </div>
                        </div><!-- section title end -->

                    </div>
                </div>
                <div class="col-lg-6 col-md-12 m-auto">
                    <div class="prt_single_image-wrapper">
                        <img class="img-fluid auto_size" src="images/slides/Sytiqhub_Banner_2.jpg" alt="single-5">
                    </div>
                </div>
            </div><!-- row end -->
        </div>
    </section>
    <!--prt-row-->


    <section class="grid-section clearfix">
        <div class="container">
            <!-- row -->
           
            <div class="row">
                <div class="col-lg-7 m-auto">
                    <!-- section title -->
                    <div class="section-title title-style-center_text">
                        <div class="title-header prt-textcolor-white">

                            <h2 class="title">We are best service Provider for the electric vehicle</h2>
                        </div>
                    </div><!-- section title end -->
                </div>
            </div>
            <div class="col-lg-12 col-md-12 auto">
                <div class="bg-base-white pb-20 pl-5 res-991-pl-0 res-991-mt-30">
                    <div class="accordion mt_5">
                        <!-- toggle -->
                        <?php
                        include 'admin/config/myconnection.php';
                        $selectquery = "SELECT * FROM job";
                        $query = mysqli_query($con, $selectquery);
                        while ($row = mysqli_fetch_array($query)) {
                        ?>
                            <div class="toggle prt-toggle_style_classic style1 prt-toggle-title-bgcolor-grey">
                                <div class="toggle-title"><a href="#" class="active"><?php echo $row['job_title']; ?></a></div>
                                <div class="toggle-content show">
                                    <h4><?php echo $row['job_title']; ?></h4>
                                    <p><b> Vacancy :</b> <?php echo $row['vacancy']; ?></p>
                                    <p><b> Location:</b> <?php echo $row['location']; ?></p>
                                    <p><b> Qualifications :</b> <?php echo $row['qualifications']; ?></p>
                                    <p><b> Exp :</b> <?php echo $row['exp']; ?></p>
                                    <p><b> Skills :</b> <?php echo $row['short_skills']; ?>
                                    <p><b> Job Descriptions :</b></p> <?php echo $row['description']; ?>
                                    <a class="btn btn-sm btn-primary rounded moreless-button py-2 px-4" href="form.php?id=<?php echo $row['id']; ?>">Apply Now</a>

                                </div>
                            </div><!-- toggle end -->
                        <?php
                        }
                        ?>


                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--prt-row end-->

</div><!--site-main end-->

<?php include('footer.php'); ?>