ikan Uploader :
Directory : /home/ni05r7l36tus/.trash/sabksolutions.com/
Upload File : |
| Current File : /home/ni05r7l36tus/.trash/sabksolutions.com/career.php |
<?php include "common/header1.php"; ?>
<!-- main-area -->
<main class="fix">
<!-- breadcrumb-area -->
<section class="breadcrumb__area breadcrumb__bg">
<div class="bg-img position-absolute top-0 bottom-0 start-0 w-100 h-100" data-background="assets/img/bg/breadcrumb.jpg"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="breadcrumb__content">
<h2 class="title">Career</h2>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Career</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="breadcrumb__shape">
<img src="assets/img/images/breadcrumb_shape01.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape02.png" alt="Apexa" class="rightToLeft dark-opacity" />
<img src="assets/img/images/breadcrumb_shape03.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape04.png" alt="Apexa" class="dark-opacity" />
<img src="assets/img/images/breadcrumb_shape05.png" alt="Apexa" class="alltuchtopdown dark-opacity" />
</div>
</section>
<!-- breadcrumb-area-end -->
<!-- services-details-area -->
<section class="services__details-area">
<div class="container">
<div class="services__details-wrap">
<div class="row align-items-center">
<!-- Left Side: Text Content -->
<div class="col-lg-6 col-md-12">
<div class="services__details-content services__details-content-two">
<h2 class="title text-uppercase">
Careers at Sabke Solutions | Build Your Future with Us
</h2>
<p>
At Sabke Solutions, we believe in nurturing talent and empowering individuals to grow alongside us. As a dynamic consultancy firm committed to delivering innovative, client-focused solutions, we understand that our strength lies in the people who power our vision.
We are constantly on the lookout for passionate professionals who are driven by curiosity, creativity, and a desire to make an impact. Whether you're an experienced expert or a fresh graduate with big ideas, Sabke Solutions offers a collaborative environment where learning is continuous, ideas are valued, and growth is limitless.
Join our team and be part of a culture that celebrates innovation, encourages initiative, and supports your journey towards professional excellence. If you're ready to shape your future and help businesses thrive, Sabke Solutions is the place for you.
</p>
</div>
</div>
<!-- Right Side: Image -->
<div class="col-lg-6 col-md-12">
<div class="services__details-thumb" style="height: 500px; display: flex; justify-content: center; align-items: center; background: #f8f8f8; border-radius: 8px;">
<img src="assets/img/office.jpg" alt="Careers at Sabke Solutions" style="max-height: 100%; max-width: 100%; object-fit: contain;">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services-details-area-end -->
<style>
h3 {
color: #083662;
font-weight: 700;
text-transform: uppercase;
}
.list-group-item {
border-radius: 12px;
margin-bottom: 12px;
border: none;
background: #ffffff;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.12);
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.list-group-item:hover {
transform: translateY(-5px);
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.15);
}
.list-group-item h5 {
color: #222;
font-weight: bold;
}
.list-group-item p {
color: #555;
}
.btn-primary {
background-color: #0056b3;
border: none;
border-radius: 6px;
padding: 10px 18px;
transition: background 0.3s, transform 0.2s;
}
.btn-primary:hover {
background-color: #00408d;
transform: scale(1.05);
}
.card {
border-radius: 12px;
background: #ffffff;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.12);
padding: 20px;
}
.form-control {
border-radius: 6px;
border: 1px solid #ced4da;
padding: 12px;
transition: border-color 0.3s, box-shadow 0.3s;
}
.form-control:focus {
border-color: #0056b3;
box-shadow: 0px 0px 6px rgba(0, 86, 179, 0.5);
outline: none;
}
button[type="submit"] {
font-weight: bold;
text-transform: uppercase;
}s
</style>
<div class="container">
<div class="row">
<div class="container ">
<div class="row d-flex justify-content-center mb-5">
<!-- Job Vacancies -->
<div class="col-md-5">
<h3 class="mb-3">Current Openings </h3>
<?php
include 'connection/config.php';
$service_sql=$mysqli->query("SELECT * FROM `job_details`");
$i=0;
while($service_row=mysqli_fetch_array($service_sql))
{
$i++;
?>
<div class="list-group">
<a href="jobdetails.php" class="list-group-item list-group-item-action">
<h5 class="mb-1"><?php echo $service_row['name'] ?></h5>
<p class="mb-1"><?php echo $service_row['description'] ?></p>
<small><?php echo $service_row['locationandsalary'] ?></small><br>
<button type="submit" class="btn btn-primary mt-2 mb-2">Apply</button>
</a>
</div>
<?php } ?>
</div>
<!-- Contact Form -->
<div class="col-md-6">
<h3 class="mb-3">Job enquiry</h3>
<div class="card p-4">
<form class="contact-form" method="POST" action="admin/function.php">
<div class="mb-3">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" name="name" placeholder="Enter your name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" name="email" placeholder="Enter your email" required>
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" name="message" rows="3" placeholder="Your message" required></textarea>
</div>
<button type="submit" name="add_enquiryform" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</div>
</div>
</main>
<!-- main-area-end -->
<?php include "common/footer.php"; ?>
........