 <?php  
require 'admin/config/function.php';
$abt=mysqli_query($conn,"select * from cms_menu where page_url='career'");
$abt1=mysqli_fetch_assoc($abt);
?>
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="utf-8">
  <title><?=$abt1['page_title']?></title>
  <meta name="description" content="<?=$abt1['message']?>">
  <link rel="canonical" href="<?=base_url()?>">
  <meta name="author" content="">

  <!-- OG Title -->
  <meta name="og_title" property="og:title" content="<?=$abt1['page_title']?>" />
  <meta name="og_description" property="og:description" content="<?=$abt1['message']?>" />
  <meta name="og_url" property="og:url" content="<?=base_url()?>"/> 
  <meta name="og_type" property="og:type" content="website" />
  <meta name="og_site_name" property="og:site_name" content="SITENAME" />
  <meta name="twitter:card" property="twitter:card" content="summary" />
  <meta name="twitter:url" property="twitter:url" content="PAGE-URL" />
  <meta name="twitter:site" property="twitter:site" content="@SITENAME" />
  <meta name="twitter:title" property="twitter:title" content="PAGE-TITLE" />
  <meta name="twitter:description" property="twitter:description" content="DESCRIPTION-HERE" />
  <meta name="og_image" property="og:image" content="IMAGE-URL" />
  <meta name="msapplication-TileImage" content="IMAGE-URL"/>
  <meta property="og:image:type" content="image/jpeg" />
  <meta name="twitter:image" property="twitter:image" content="IMAGE-URL" />
  <!-- OG Title -->

  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  <link rel="icon" type="image/x-icon" href="image/fav.png">
  <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

  <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css'>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick-theme.min.css'>


  <link rel="stylesheet" href="<?=base_url()?>style.css">
        
<script>
$(window).scroll(function(){
    if ($(this).scrollTop() > 50) {
       $('#headerdown').addClass('newClass');
    } else {
       $('#headerdown').removeClass('newClass');
    }
});    
</script>
    
</head>
<body>
<?php include'header.php'; ?>

<!-- Breadcurm -->
<section class="breadcurm" style="margin-top: 50px;
    background-image: linear-gradient(#0000004d, #0f0f037d), url(<?=admin_base_url().'uploads/up_image/'.$abt1['up_image']?>);
    padding: 75px;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 35%;">
    <div class="breadcurm-heading">
        <h1><?=$abt1['page_name']?></h1>
        <p><a href="<?=base_url()?>"><span>Home</span></a> | <span><?=$abt1['page_name']?></span></p>
    </div>
</section>
<!-- Breadcurm -->

<section class="pt-75 pb-75">
    <div class="container">
        <div class="text-center main-career-message">
            <img src="<?=base_url()?>image/quote.svg">
            <h3><em>It's Our Moral Obligation To Make An Impact Directly Proportional To Our Potential</em></h3>
            <h5>ABC ,CEO at Viyu Tech Lab</h5>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
        </div>
    </div>
</section>


<section class="faq pt-75 pb-75">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
              <div class="faq-home faq-faq">
                  <center>
                    <div class="text-center">
                        <h2>Current Job opening </h2>
                        <p>If you have any other question please drop email and directly call</p>
                        <ul>
                          <li><a href="mailto:<?=$email?>"><i class="fa fa-envelope"></i>&nbsp; <?=$email?></a></li>
                          <li><a href="tel:+91<?=$mobile?>"><i class="fa fa-phone"></i>&nbsp; +91-<?=$mobile?></a></li>
                        </ul>
                    </div>
                </center>
              <div class="faq-container" style="margin-top:30px;">
                <?php
                $career=mysqli_query($conn,"select * from career where status='1'");
                while ($row=mysqli_fetch_assoc($career)) {?>
                   
                <div class="faq-item">
                    <div class="faq-question">
                        <h5><?=$row['title']?></h5>
                        <p><?=$row['exp']?></p>
                        <p><?=$row['job']?></p>
                        <p><?=$row['shortdes']?></p>
                    </div>
                    <div class="icon-container"><i class="fas fa-chevron-right"></i> <span class="applynow">Apply Now</span><span class="jobapply"><a href="#careerform">Apply for this job</a></span></div>
                </div>
                <div class="faq-answer">
                     <?=$row['content']?>
                    <center>
                        <div class="businesses-ditals-page-button">
                            <a href="#careerform" tabindex="0"><i class="btn btn-primary">Apply for this job</i></a>
                        </div>
                    </center>
                    
                </div>
                 <?php }?>
                
                
                 
            </div>  
            </div>
        </div>
        </div>
    </div>
</section>

<section class="pb-75 pt-75 careerforms" id="careerform">
    <div class="container">
        <div class="career-head">
            <center>
                <h3 class="pt-30">SUBMIT YOUR APPLICATION</h3>
                <p class="pb-30">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            </center>
            <form action="#">
            <h6>PERSONAL DETAILS</h6>
            <lable>Resume/CV <sup>*</sup></lable>
            <input type="file" id="myFile" name="filename" class="career-field" required>
            
            <lable>Full name <sup>*</sup></lable>
            <input type="text" id="name" name="filename" placeholder="Full Name" class="career-field" required>
            
            <lable>Email <sup>*</sup></lable>
            <input type="email" id="email" name="emailid" placeholder="Email ID" class="career-field" required>
            
            <lable>Phone number <sup>*</sup></lable>
            <input type="tel" id="tel" name="tel" placeholder="Phone Number" class="career-field" required>
            
            <lable>Current company <sup>*</sup></lable>
            <input type="text" id="company" name="company" placeholder="Current Company" class="career-field">
            
            <hr>
            <h6>LINKS</h6>
            <lable>LinkedIn URL</lable>
            <input type="text" id="linkedin" name="linkedin" placeholder="LinkedIn URL" class="career-field">
            
            <lable>Portfolio URL</lable>
            <input type="text" id="portfolio" name="portfolio" placeholder="Portfolio URL" class="career-field">
            
            <hr>
            <h6>SALARY</h6>
            <lable>What is your current annual CTC? <sup>*</sup></lable>
            <textarea id="w3review" name="w3review" rows="4" cols="50" class="career-field"></textarea>
            
            <hr>
            <h6>ADDITIONAL INFORMATION</h6>
            <textarea id="w3review" name="w3review" rows="4" cols="50" class="career-field"></textarea>
              
              
            <center><input type="submit" class="career-submit"></center>
            </form>
        </div>
    </div>
</section>

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