404 Not Found

<?php
header('Access-Control-Allow-Origin: *');  
require_once('admin/dbconnection.php');
error_reporting(0);
$pagetitle = "ST Engineers - Careers";
require 'header.php';?>

<section class="careers-banner">
            
            <div class="d-flex flex-column align-items-center ">
                <div class="page-header__inner text-center">
                    <h1>Careers</h1>
                    
                </div>
            </div>
        </section>
        
        <div class="projects-details-text1 container text-center">
            
            <h3 class='text-center careers-h3'>Career Opportunity in S&T Engineers</h3>
            
            <p class="text2 text-center careers-para">At S&T Engineers, we hold an unwavering belief that our employees are the greatest asset of our organization. Our commitment to cultivating an exceptional workplace starts with fostering an open, transparent, and inclusive environment where every individual feels empowered and valued.  </p>
        <p class="text2 text-center careers-para">Integral Community, Valued Individuals </p>
        <p class="text2 text-center careers-para">Investing in Well-being for Success </p>
        <p class="text2 text-center careers-para"> Celebrating Achievements, Fostering Collaboration </p>
        <p class="text2 text-center careers-para">Partners in Success, Driving Accomplishments </p>
        </div>

<div class="container mt-5">
  <div class="row">

<div class="col-md-12 ml-auto col-xl-12 mr-auto">
      
      
      <div class="card">
        <!-- <div class="card-header">
          <ul class="nav nav-tabs nav-tabs-neutral justify-content-center" role="tablist" data-background-color="orange">
            <li class="nav-item">
              <a class="nav-link active" data-toggle="tab" href="#home1" role="tab">Mechanical</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="tab" href="#profile1" role="tab">Automation</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="tab" href="#messages1" role="tab">Accounts</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="tab" href="#settings1" role="tab">Executive</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="tab" href="#sale1" role="tab">Sale</a>
            </li>
            <li class="nav-item">

</div>
            <div class="tab-pane" id="profile1" role="tabpanel">
                <div class="contentMainOverall">
                        <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                        <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                    </div>

</div>
            
            <div class="tab-pane" id="messages1" role="tabpanel">
            <div class="contentMainOverall">
                        <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                    </div>

</div>
            <div class="tab-pane" id="settings1" role="tabpanel">
                <div class="contentMainOverall">
                <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                </div>
                <div class="contentMainOverall">
                <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                </div>
            </div>
            <div class="tab-pane" id="sale1" role="tabpanel">
            <div class="contentMainOverall">
                        <div class="contentMain">
                            <div class="contentOne">Junior React Developer,<br/>Ezio Solutions</div>
                            <div class="contentTwo">

<span>&nbsp;Erode&nbsp;</span>
                            </div>
                        </div>
                    </div>

</div>
            </div>
          </div>
        </div>
      </div>
      
    </div>
  </div>
</div>

<?php require 'footer.php';?>

function showTimelineBlock() {
  var listNumber = $('.timeline li').index(this);
  var left = listNumber * -100;
  $('.timeline-blocks').animate({ marginLeft: left + '%'}, 500);
  $(".timeline li").removeClass("timeline-active");
  $(this).addClass('timeline-active');
};

function nextTimeline () {
  $('.timeline-active').removeClass('timeline-active').next().addClass('timeline-active');
  $('.timeline-blocks').animate({ marginLeft: "+=-100%"}, 500);
};

function prevTimeline () {
  $('.timeline-active').removeClass('timeline-active').prev().addClass('timeline-active');
  $('.timeline-blocks').animate({ marginLeft: "+=100%"}, 500);
};</script>