<!--HEADER-SECTION-->
<?php $this->load->view('header_front'); ?>

<div class="header-section">
    <div class="container">
        <div class="row">

            <!--NAVIGATION-MOBILE-->
            <div class="col-md-6 nav-mobile">
                <nav class="navbar navbar-default home-navigation">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1" aria-expanded="false"><span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">Navigation</a></div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul>
                            <li><a href="<?php echo base_url(); ?>front_end/team_page" title="JNJ Team">JNJ Team</a>
                            </li>
                            <li><a href="<?php echo base_url(); ?>front_end/testimonials_employee?status=1"
                                   title="Testimonials">Testimonials</a></li>
                            <li><a href="#" title=""></a></li>
                            <li><a href="<?php echo base_url(); ?>front_end/training_courses"
                                   title="JNJ Training Courses">JNJ Training Courses</a></li>
                            <li><a href="<?php echo base_url(); ?>front_end/salary_calculator" title="JNJ Tools">JNJ Tools</a></li>
                            <li><a href="<?php echo base_url(); ?>front_end/jnjaps" title="JNJ Apps">JNJ Apps</a></li>
                            <li><a href="<?php echo base_url(); ?>front_end/blog" title="JNJ Career Advice">JNJ Career
                                    Advice</a></li>
                            <li><a href="<?php echo base_url(); ?>front_end/cvbuild" title="JNJ CV Building">JNJ CV
                                    Building</a></li>
                            <li><a href="#" title=""></a></li>
                            <li><a href="#" title=""></a></li>
                        </ul>
                    </div>
                    <!-- /.navbar-collapse -->
                </nav>
            </div>
            <!--NAVIGATION-MOBILE-->

            <div class="col-md-6">
                <div class="main-search">
                    <h1>&quot;Find the right Job<br>
                        right here!&quot; <img src="<?php echo base_url(); ?>assets_front/images/arrow.png"></h1>
                    <form name="search" id="search" method="post"
                          action="<?php echo base_url(); ?>front_end/joblisting">
                        <ul class="search">
                            <li><i class="fa fa-clock-o"></i>
                                <input type="text" name="job_title" id="search_title" placeholder="Search by Keywords"
                                       onkeypress="return alphaOnly(event)">
                            </li>
                            <li><i class="fa fa-map-marker"></i>
                                <input type="text" name="city_state" id="city_state"
                                       placeholder="City, Province or Region" onkeypress="return alphaOnly(event)">
                            </li>
                            <li>
                                <button class="btn btn-primary" style="background: #db0700;"><i
                                        class="fa fa-search"></i> Search
                                </button>
                            </li>
                        </ul>
                    </form>
                    <ul class="top-searches">
                        <li>
                            <h4>Quick Searches:</h4>
                        </li>
                        <?php
                        //code to get jobs cateories
                        $index = 8;
                        foreach ($jobscategory as $val_cat) {
                            ?>
                            <li>
                                <a href="<?php echo base_url(); ?>front_end/joblisting?job_cat=<?php echo $val_cat->jobs_category_id; ?>"
                                   title="<?php echo $val_cat->jobs_category_title; ?>"><?php echo $val_cat->jobs_category_title; ?></a>
                            </li>
                            <?php
                            $index--;
                            if ($index < 1) {
                                break;
                            }
                        } ?>
                    </ul>
                </div>
            </div>
            <!--NAVIGATION-DESKTOP-->
            <div class="col-md-6 nav-desktop">
                <nav class="home-navigation">
                    <ul>
                        <li><a href="<?php echo base_url(); ?>front_end/aboutus" title="About JNJ"
                               class="wow fadeInLeft" data-wow-duration="2s">About JNJ</a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/testimonials_employee?status=1"
                               title="Testimonials" class="wow fadeInLeft" data-wow-duration="4s">Testimonials</a></li>
                        <li><a href="#" title="" class="wow fadeInLeft" data-wow-duration="3s"></a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/training_courses" title="JNJ Training Courses"
                               class="wow fadeInLeft" data-wow-duration="5s">JNJ Training Courses</a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/salary_calculator" title="JNJ Tools"
                               class="wow fadeInLeft" data-wow-duration="1s">JNJ Tools</a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/jnjaps" title="JNJ Apps" class="wow fadeInLeft" data-wow-duration="2s">JNJ Apps</a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/blog" title="JNJ Career Advice"
                               class="wow fadeInLeft" data-wow-duration="3s">JNJ Career Advice</a></li>
                        <li><a href="<?php echo base_url(); ?>front_end/team_page " title="JNJ Team"
                               class="wow fadeInLeft" data-wow-duration="3s">JNJ Team</a></li>
                        <li><a href="#" title="" class="wow fadeInLeft" data-wow-duration="4s"></a></li>
                        <li><a href="#" title="" class="wow fadeInRight" data-wow-duration="5s"></a></li>
                    </ul>
                </nav>
            </div>
            <!--NAVIGATION-DESKTOP-->
        </div>
    </div>
    <?php
    //c ode for to get banner image
    foreach ($querybaneer as $web_setting) {
        ?>
        <div class="peoples"><img src="<?php echo base_url(); ?>assets/upload/<?= $web_setting->banner_image; ?>"
                                  alt="Img" class="img-responsive"></div>
    <?php } ?>
</div>
<!--HEADER-SECTION-->

<!--CONTENT-AREA-->
<div class="content-section">

    <!--WELCOME-JNJ-->
    <div class="section-welcome">
        <div class="container">
            <div class="gradient">
                <div class="row">
                    <?php
                    //code for to get the page content
                    foreach ($aboutconent as $val_content)
                    {
                    ?>
                    <div class="col-md-3">
                        <div class="main-heading">
                            <h1> <?php echo $val_content->title; ?></h1>
                            <h6><?php echo $val_content->other_text; ?></h6>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="welcome-content"> <?php echo $val_content->body; ?>
                            <?php } ?>
                            <ul class="row">
                                <?php
                                //code for to get the teams
                                $t = 5;
                                $teamCounter = 5;
                                foreach ($teamlist as $val_team) {
                                    ?>
                                    <li class="col-xs-3 wow bounceInRight" data-wow-duration="1.<?php echo $t; ?>s"><a
                                            href="<?php echo base_url(); ?>front_end/team_detail?id=<?php echo $val_team->team_id; ?>"
                                            title="<?php echo $val_team->team_name_datils; ?>"><img
                                                src="<?php echo base_url(); ?>assets/upload/<?= $val_team->team_image; ?>"
                                                class="img-circle img-responsive"
                                                alt="<?php echo $val_team->team_name_datils; ?>"
                                                style="width:172px;"></a></li>
                                    <?php
                                    $t++;
                                    $teamCounter--; //remove each slot as single job is displayed
                                    if ($teamCounter < 1)  //once all 8 jobs have been displayed
                                    {
                                        break; //quit foreach loop so that no more jobs can be shown
                                    }
                                } ?>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--WELCOME-JNJ-->

    <!--CATEGORIES-JNJ-->
    <div class="section-welcome">
        <div class="container">
            <div class="gradient">
                <div class="row">
                    <div class="col-md-3">
                        <div class="main-heading">
                            <h1>Jobs<br>
                                Categories</h1>
                            <h6>Global Reach and Local Presence</h6>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <ul class="row job-categories">
                            <?php
                            //code to get jobs cateories
                            $i = 5;
                            $j = 1;
                            $catCounter = 8;
                            foreach ($jobscategory as $val_cat_icon) {
                                ?>
                                <li class="col-sm-6 col-xs-12 wow flipInX"
                                    data-wow-duration="<?php echo $j; ?>.<?php echo $i; ?>s"><a
                                        href="<?php echo base_url(); ?>front_end/joblisting?job_cat=<?php echo $val_cat_icon->jobs_category_id; ?>"
                                        title="<?php echo $val_cat_icon->jobs_category_title; ?>">
                                        <i <?php if ($i == 5) { ?> class="fa fa-home" <?php }
                                        if ($i == 7) {
                                            ?> class="fa fa-desktop" <?php }
                                        if ($i == 9) {
                                            ?> class="fa fa-plane" <?php }
                                        if ($i == 11) {
                                            ?> class="fa fa-coffee" <?php }
                                        if ($i == 13) {
                                            ?> class="fa fa-area-chart" <?php }
                                        if ($i == 15) {
                                            ?> class="fa fa-briefcase" <?php }
                                        if ($i == 17) {
                                            ?> class="fa fa-cogs" <?php }
                                        if ($i == 19) {
                                            ?> class="fa fa-wrench" <?php }
                                        ?>></i>
                                        <h6><?php echo $val_cat_icon->jobs_category_title; ?></h6>
                                    </a></li>
                                <?php
                                $catCounter--;
                                $i = $i + 2;
                                $j = $j++;
                                if ($catCounter < 1) {
                                    break;
                                }
                            } ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--CATEGORIES-JNJ-->
    <!--FIND-COMPANIES-->
    <div class="section-welcome">
        <div class="container">
            <div class="gradient">
                <div class="row">
                    <div class="col-md-3">
                        <div class="main-heading">
                            <h1>Find<br>
                                Companies</h1>
                            <h6>Local / International</h6>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="row">
                            <div class="col-sm-3">
                                <div class="logo-ver"><img
                                        src="<?php echo base_url(); ?>assets_front/images/logo-vertical.jpg"
                                        class="img-responsive" alt="logo"></div>
                            </div>
                            <div class="col-sm-9">
<!--                                <ul class="row find-companies">-->
<!--                                    --><?php
//                                    //code to get companies logos
//                                    $c = 2;
//                                    /* code for "Find Companies" */
//                                    $jobCounter = 8; //total job slots allowed are 8
//                                    foreach ($comapnylist as $val_compaylist) {
//                                        ?>
<!--                                        <li class="col-sm-6 col-xs-12"><a-->
<!--                                                title="--><?php //echo $val_compaylist->company_name; ?><!--"-->
<!--                                                class="wow fadeInUp" data-wow-duration="0.--><?php //echo $c; ?><!--s"> <img-->
<!--                                                    src="--><?php //echo base_url(); ?><!--assets/upload/--><?//= $val_compaylist->comapny_image; ?><!--"-->
<!--                                                    alt="--><?php //echo $val_compaylist->company_name; ?><!--"-->
<!--                                                    class="img-responsive" width="221" height="115"> </a></li>-->
<!--                                        --><?php
//                                        $c++;
//                                        $jobCounter--; //remove each slot as single job is displayed
//                                        if ($jobCounter < 1)  //once all 8 jobs have been displayed
//                                        {
//                                            break; //quit foreach loop so that no more jobs can be shown
//                                        }
//                                    } ?>
<!--                                </ul>-->

<ul class="row find-companies" id="logo_slider">

<?php
//code to get companies logos
$c = 5;
/* code for "Find Companies" */
$logoCounter = 0; //total job slots allowed are 8
$this->db->where('position',1);
$querylogos=$this->db->get('logo');
$resultslogis = $querylogos->result();
foreach ($resultslogis as $rowlo)
{
$logoCounter++;
if($logoCounter==1)
{
echo '<li class="col-md-6">';
}
?>
<a href="#" title="" class="wow fadeInUp" data-wow-duration="0.<?php echo $c; ?>s"><img src="<?php echo base_url(); ?>assets/upload/<?php echo $rowlo->image; ?>" alt="Company-Logo" class="img-responsive"></a>
<?php
if($logoCounter==4)
{
echo '</li>';
$logoCounter=0;
}
$c++;

} 
?>
</ul>

                                <!--<ul class="row find-companies __web-inspector-hide-shortcut__">
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.2s" style="visibility: visible; animation-duration: 0.2s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-1.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.3s" style="visibility: visible; animation-duration: 0.3s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-2.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.4s" style="visibility: visible; animation-duration: 0.4s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-3.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.5s" style="visibility: visible; animation-duration: 0.5s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-4.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.6s" style="visibility: visible; animation-duration: 0.6s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-5.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.7s" style="visibility: visible; animation-duration: 0.7s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-6.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.8s" style="visibility: visible; animation-duration: 0.8s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-7.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                    <li class="col-sm-6 col-xs-12"><a title="Job N Job" class="wow fadeInUp" data-wow-duration="0.9s" style="visibility: visible; animation-duration: 0.9s; animation-name: fadeInUp;"> <img src="http://www.cybervision.com.pk/jobnjob/assets_front/images/company-logo-8.jpg" alt="Job N Job" class="img-responsive" width="221" height="115"> </a></li>
                                </ul>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--FIND-COMPANIES-->

    <!--ABOUT-JNJ-->
    <div class="section-about">
        <div class="building-img"></div>
        <div class="about-jnj">
            <div class="container"><img src="<?php echo base_url(); ?>assets_front/images/logo-ver-2.png" alt="Logo"
                                        class="img-responsive">
                <h5>About JNJ</h5>
                <?php
                //code to show footer data
                foreach ($footer_data as $val_footer_data) {
                    ?>
                    <?php echo $val_footer_data->footer_about; ?>
                <?php }
                ?>
            </div>
        </div>
    </div>
    <!--ABOUT-JNJ-->

</div>

<!--CONTENT-AREA-->
<?php $this->load->view('footer_front'); ?>