EVOLUTION-NINJA

Edit File: career.php

.overviewblock {
        height: 400px;
        background-image: url("<?php echo base_url('public/assets/images/IMG (93)666.png');?>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.overviewdetails {
        font-size: 55px;
        font-weight: 700;
        color: #fff;
        font-family: "Barlow", sans-serif;

}

.overviewpara {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        font-family: "Barlow", sans-serif;
    }

/*   */

/* software development block  */
    .softwareimage {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.softwaredevelopment {
        width: 83%;
        margin: auto;

}

.manapara1 {
        font-family: "Barlow", sans-serif;
        font-size: 23px;
        font-weight: 700;
        color: #001740;
        margin: 5px;
    }

.manapara2 {
        font-family: "Barlow", sans-serif;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        margin-top: 15px;
        color: #2B2B2B;
    }

.managde {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

/* our security block  */
    .securityblock {
        width: 83%;
        margin: auto;
        padding: 48px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

}

.allsecurit {
        /* display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 34px; */
        width: 83%;

}

.secur {
        max-width: 367px;
        min-height: 363px;
    }

/* .secur::after {
        position: absolute;
        content: '';
        width: 8px;
        height: 144px;
        background-color: #2977DA;
        z-index: -1;
        left: -8px;
        border-radius: 5px;
        top: -6px;
       z-index: 111;
    } */

.rowblock {
        margin-top: 35px;
    }

.oursecurity {
        background-color: #E7F1FF;
        padding: 23px;
    }

/*   */
    .ourcarrear {
        width: 81%;
        margin: auto;
        background-image: url('public/assets/images/tech-bg-1 1.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 6px;
        background-color: #F1F2F6;
        border-radius: 12px;
    }

.carrearblock {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 23px;
    }

.carrearheading {
        font-size: clamp(49px, 4vw, 64px);
        letter-spacing: 1px;
        font-weight: 700;
        color: #001740;
        word-spacing: 7px;
        font-family: "Barlow", sans-serif;
    }

.carraerpara {
        font-size: 24px;
        font-family: "Barlow", sans-serif;
        font-weight: 500;
        color: #2B2B2B;
        margin: 0;
        margin-bottom: 3px;
    }

.carrearrolesbtn {
        border: none;
        outline: none;
        background-image: linear-gradient(#001740, #165CD8);
        width: 200px;
        padding: 7px 12px;
        color: #fff;
        border-radius: 45px;
        font-weight: 500;
        font-size: 19px;
    }

.foormsields {
        max-width: 28% !important;
    }

.foormsields>input {
        background-color: white;
        padding: 8px;
        color: #212529;
        border: none;
        /* outline: none; */
        margin-bottom: 11px;

}

.careersubbtn {
        border: none;
        outline: none;
        width: 130px;
        padding: 6px 16px;
        background-color: #2977DA;
        border-radius: 7px;
        color: #fff;
        font-weight: 600;
    }

.carrearblockimg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

/*   */
    @media (min-width:1001px) and (max-width:1356px) {
        .softimg {
            width: 100%;
        }

.allsecurit {
            width: 100%
        }

.secur {
            max-width: 322px;
        }

/* carrear and placemennts  */
        .ourcarrear {
            width: 89%;
        }

.carrearimg {
            width: 100%;
        }

.foormsields {
            max-width: 33% !important;
        }

}

@media (min-width: 629px) and (max-width:1000px) {

/* overview block  */
        .overviewdetails {
            font-size: 43px;
        }

.overviewpara {
            font-size: 16px;
        }

/* software development block  */
        .manapara1 {
            font-size: 21px;
        }

.softimg {
            width: 72%;
            margin: auto;
        }

.managde {
            margin-top: 10px;
        }

/* our security block  */
        .allsecurit {
            /* grid-template-columns: repeat(2, 1fr); */
            width: 100%;

}

.securityblock {
            width: 100%;
        }

.bendiv {
            margin-top: 23px;
        }

/*----------- our carrear ---------------  */
        .ourcarrear {
            width: 92%;
            padding: 24px;
        }

.foormsields {
            max-width: 33% !important;
        }

/*----------- our carrear end---------------  */
    }

@media only screen and (max-width:628px) {

/*   */
        .overviewblock {
            border: 1px solid;
            height: auto;
            padding: 37px 12px;
        }

.overviewdetails {
            font-size: 22px;
        }

.overviewpara {
            font-size: 12px;
        }

/*   */
        /* software development block  */
        .manapara1 {
            font-size: 21px;
        }

.softimg {
            width: 72%;
            margin: auto;

}

.managde {
            margin-top: 10px;
        }

/* our security block  */
        .securityblock {
            width: 100%;
            padding: 0px;
        }

.allsecurit {
            /* grid-template-columns: repeat(1, 1fr); */
            width: 100%;

}

.rowblock {
            padding: 14px;
            margin-top: 0px;

}

.secur {
            margin-top: 10px;

}

/*----------- our carrear ---------------  */
        .ourcarrear {
            width: 93%;
        }

.foormsields {
            max-width: 100% !important;
        }

.submittncarrer {
            margin-top: 15px;
        }

/*----------- our carrear end---------------  */
    }
</style>

<?php echo view('includes/header') ?>

<section class="overviewblock">
    <h2 class="overviewdetails">Career</h2>
    <p class="overviewpara text-center">JayBlues Technologies is the right place to be and now is the right time to join
        us for our next decade of spectacular growth and success.</p>
    <p class="overviewpara text-center">We understand & appreciate the power of our people.While we focus on delivering
        client success, we’ve also invested in how its achieved which is</br> backed by the numerous accolades.
        </br>Whether you’re a recent technical graduate or looking to make a new carrier path, if you are innovative &
        passionate we Invite you to join JAYBLUES.</p>

</section>

<section class="softwaredev mt-4">
    <div class="softwaredevelopment ">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 softwareimage">
                <img src="<?php echo base_url('public/assets/images/Career progress-amico 1.png');?>" alt=""
                    class="softimg">
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 managde">
                <p class="manapara2">JayBlues Technologies is the right place to be and now is the right time to join us
                    for our next decade of spectacular growth and success. We are looking for independent thinkers who
                    want to join a company that believes innovation leads to making the world a better place. At
                    JayBlues Technologies, we believe HOW you do your work is just as important as the work itself.
                    Demonstrating the following behaviors is important to delivering our strategy and company goals.</p>

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

<section class="oursecurity mt-4">
    <div class="securityblock ">
        <div class="allsecurit row">
            
            <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card secur" style="">
                    <img class="card-img-top" src="<?php echo base_url('public/assets/images/image55452.png');?>"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title manapara1">Integrity</h5>
                        <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                                alt="line">
                            <p class="card-text">Always conduct all business with the highest ethics. Sometimes we
                                simply
                                say "Do it right".</p>

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

<div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card secur" style="">
                    <img class="card-img-top" src="<?php echo base_url('public/assets/images/image-545451.png');?>"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title manapara1">Teamwork</h5>
                        <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                                alt="line">
                            <p class="card-text">Our team of analysts, designers and developers will work with you to
                                develop a modular system tailored to meet your exact business needs.</p>

</div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-4 col-md-8 col-sm-12 mx-auto bendiv">
                <div class="card secur" style="">
                    <img class="card-img-top" src="<?php echo base_url('public/assets/images/image-26454.png');?>"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title manapara1">Execution</h5>
                        <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                                alt="line">
                            <p class="card-text">Our team of analysts, designers and developers will work with you to
                                develop a modular system tailored to meet your exact business needs.</p>

</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row rowblock">

<div class="col-lg-6 col-md-6 col-sm-12">
                
                <div class="card secur" style="">
                    <img class="card-img-top" src="<?php echo base_url('public/assets/images/image-355.png');?>"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title manapara1">Innovation</h5>
                        <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                                alt="line">
                            <p class="card-text">Actively look for new and better ways to do things.</p>

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

<div class="col-lg-6 col-md-6 col-sm-12">
                
                <div class="card secur" style="">
                    <img class="card-img-top"
                        src="<?php echo base_url('public/assets/images/dl.beatsnoop.com-high-8904169c36ea79ae54 1.png');?>"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title manapara1">Customer Focus</h5>
                        <div class=""> <img class="" src="<?php echo base_url('public/assets/images/Line (11).png');?>"
                                alt="line">
                            <p class="card-text">Understand and respond to current and future needs of our customers.
                            </p>

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

</div>
    </div>

</section>

<section class="carrearplacement mt-4">
    <div class="ourcarrear">
        <div class="row">
            <div class="col-lg-4 col-md-12-col-sm-12 ourcarrearimage carrearblockimg">
                <img class="carrearimg" src="<?php echo base_url('public/assets/images/Interview-bro 1.png');?>"
                    alt="interview image">
            </div>
            <div class="col-lg-8 col-md-12-col-sm-12 carrearblock">
                <h3 class="carrearheading">Careers – </br>
                    Currently We Are Hiring!</h3>
                <p class="carraerpara">Business Development Executive</p>
                <p class="carraerpara">Exp : (2+ years)</p>
                <p class="carraerpara">Positions : 2</p>

</div>
                            
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-sm-12 foormsields">
                                    <input type="text" class="form-control" name="Captcha"
                                        placeholder="Enter Captcha - Case Sensitive" id="Captcha" required>
                                </div>
                                <div class="col-lg-4 col-md-4 col-sm-12 Captchabox" style="border:0.5px solid #ccc;
                                height:70px;">

</div>

<div class="submittncarrer"><button type="submit" class="careersubbtn">SUBMIT</button></div>
                        </form>
                    </div>
                </div>

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

<?php 
echo view('includes/clientmanagement');
?>

<?php 
echo view('includes/clientsay');
?>

<?php echo view('includes/footer') ?>