MAINHACK

Viewing / Editing File: index.php

<?php include('header.php');?>

<div id="home" class="banner-w3pvt  d-flex justify-content-center align-items-center clip-wthree">
        <div class="container">
            <div class="row">
                <div class="offset-lg-5"></div>
                <img src="images/bann-img-slider.gif" alt="" class="img-fluid" />
                <div class="col-lg-7 bnr-txt-w3pvt  d-sm-flex justify-content-center align-items-center">
                    <div class="bnr-w3pvt-txt">
                        <h4>Your job search starts and ends with us.</h4>
                        <h2> Find the Right Job . Right Now. </h2>
                        <form action="#" method="post" class="ban-form row">
                        
                            <div class="col-md-5 banf" style="padding: 0;">
                                <label><i class="fas fa-search"></i></label>
                                <input class="form-control" type="text" name="Name" placeholder="Skills, Designations, Companies" required="">
                            </div>
                            <div class="col-md-5 banf">
                                <label><i class="fas fa-map-marker-alt"></i></label>
                                <input class="form-control" type="text" name="Name" placeholder="Enter Locations…" required="">
                            </div>
                            <div class="col-md-2 banf" style="padding: 0;">
                                <button class="btn1" type="submit">FIND JOB</button>
                            </div>
                        </form>
                        
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <section class="about-w3layouts sec-space" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="title-sec-w3layouts_pvt">
                        <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true"></span>
                        <h4 class="w3layouts_pvt-head">about me</h4>
                        <p class="title-text text-capitalize">add some sub text here</p>
                    </div>
                    <div class="ab-pvtw3 my-4">
                        <p class="my-3"> Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
                            tinciduntDonec velit
                            neque, auctor sit amet aliquam vel
                        </p>
                        <p> Vivullamcorper sit amet ligula. Mauris blandit porr volutpat aliqueiva suscipit tortor
                            eget felist cittitelit lacinia eget consectetur sed.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6  mt-md-4 w3pvt-ab text-center position-relative">
                    <div class="ab-border"><span class="fa fa-arrow-circle-right" aria-hidden="true"></span></div>
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s5.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">positive solutions</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#" class="btn-w3layouts_pvt scroll">Read more<span class="fas fa-long-arrow-alt-right"
                            aria-hidden="true"></span></a>
                </div>
                <div class="col-lg-3 col-md-6 mt-4 w3pvt-ab text-center">
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s6.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">satisfied customers</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#" class="btn-w3layouts_pvt scroll">Read more<span class="fas fa-long-arrow-alt-right"
                            aria-hidden="true"></span></a>
                </div>
            </div>

</div>
    </section>

<section class="banner-bottom-wthree py-lg-5 py-md-5 py-3">

<div class="inner-sec-w3ls py-lg-5  py-3">
               
                <div class="container">
                    <div class="title-sec-w3layouts_pvt">
                        <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true" style="color: #fff;"></span>
                        <h4 class="w3layouts_pvt-head text-white">Popular Categories</h4>
                        <p class="title-text text-capitalize">Our Mission</p>
                    </div>
                </div>

<div class="row populor_category_grids mt-5">
                    <div class="col-md-2 category_grid">
                        <div class="view view-tenth">
                            <div class="category_text_box">
                                <i class="fas fa-bullhorn"></i>
                                <h3> Multimedia</h3>
                                <p>(34 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p1.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 category_grid">
                        <div class="view view1 view-tenth">
                            <div class="category_text_box">
                                <i class="fas fa-graduation-cap"></i>
                                <h3>Education</h3>
                                <p>(22 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p2.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>

<div class="col-md-2 category_grid">
                        <div class="view view2 view-tenth">
                            <div class="category_text_box">
                                <i class="fab fa-accusoft"></i>
                                <h3>Acounting </h3>
                                <p>(16 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p3.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 category_grid">
                        <div class="view view3 view-tenth">
                            <div class="category_text_box">
                                <i class="fas fa-users"></i>
                                <h3>Human Resource</h3>
                                <p>(4 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p4.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
               
                    <div class="col-md-2 category_grid">
                        <div class="view view4 view-tenth">
                            <div class="category_text_box">
                                <i class="fas fa-users"></i>
                                <h3>Home Science </h3>
                                <p>(8 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p4.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2 category_grid">
                        <div class="view view5 view-tenth">
                            <div class="category_text_box">
                                <i class="fas fa-users"></i>
                                <h3>Construction </h3>
                                <p>(6 open flow-positions)</p>
                            </div>
                            <div class="mask">
                                <a href="#">
                                    <img src="images/p4.jpg" class="img-fluid" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>  
    </section>

<section class="positions pb-lg-5 pb-md-4 pb-3">
        <div class="container">

<div class="inner-sec-w3ls py-lg-5  py-3">
            
              
            <div class="title-sec-w3layouts_pvt">
                <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true"></span>
                <h4 class="w3layouts_pvt-head">Latest Job flow-positions</h4>
                <p class="title-text text-capitalize">Some Info</p>
            </div>    
                            
                <div class="tabs mt-5">
                    <ul class="nav nav-pills my-4" id="pills-tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">Featured Jobs</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">Recent Jobs</a>
                        </li>

</ul>
                    <div class="tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                            <div class="menu-grids mt-4">
                                <div class="row t-in">
                                    <div class="col-lg-8 text-info-sec">

<div class="job-post-main row">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">User Interface Project Manager</a>
                                                    </h4>
                                                    <p class="my-2">Technology Management Consulting</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Full Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row my-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Regional Sales Manager</a>
                                                    </h4>
                                                    <p class="my-2">Company Name goes here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Web Designer / Developer</a>
                                                    </h4>
                                                    <p class="my-2">Company Name goes here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Chicago</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Full Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row mt-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Marketing Director</a>
                                                    </h4>
                                                    <p class="my-2">Technology Management Consulting</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Rennes</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> France</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Full Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row mt-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">Developer for Site Maintenance </a>
                                                    </h4>
                                                    <p class="my-2">Company nName gose here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row my-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Content Writer and Speaker</a>
                                                    </h4>
                                                    <p class="my-2">Company Name goes here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 200000 - 100000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>
                                        
                          
                                    </div>
                                    <div class="col-lg-4 text-info-sec">
                                        <img src="images/job-1.jpg" alt=" " class="img-fluid" />
                                    </div>

</div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                            <div class="menu-grids mt-4">
                                <div class="row t-in">
                                    <div class="col-lg-4 text-info-sec">
                                        <img src="images/job-2.jpg" alt=" " class="img-fluid" />
                                    </div>
                                    <div class="col-lg-8 text-info-sec">

<div class="job-post-main row">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">Developer for Site Maintenance </a>
                                                    </h4>
                                                    <p class="my-2">Company nName gose here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row my-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Content Writer and Speaker</a>
                                                    </h4>
                                                    <p class="my-2">Company Name goes here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 200000 - 100000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row mt-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">Developer for Site Maintenance </a>
                                                    </h4>
                                                    <p class="my-2">Company nName gose here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 300000 - 500000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>

<div class="job-post-main row my-3">
                                            <div class="col-md-9 job-post-info text-left">
                                                <div class="job-post-icon">
                                                    <i class="fas fa-briefcase"></i>
                                                </div>
                                                <div class="job-single-sec">
                                                    <h4>
                                                        <a href="#">
                                                            Content Writer and Speaker</a>
                                                    </h4>
                                                    <p class="my-2">Company Name goes here</p>
                                                    <ul class="job-list-info d-flex">
                                                        <li>
                                                            <i class="fas fa-briefcase"></i> Comera</li>
                                                        <li>
                                                            <i class="fas fa-map-marker-alt"></i> California</li>
                                                        <li>
                                                            <i class="fas fa-dollar-sign"></i> 200000 - 100000 / Annum</li>
                                                    </ul>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div>
                                            <div class="col-md-3 job-single-time text-right">
                                                <span class="job-time">
                                                    <i class="far fa-heart"></i> Part Time</span>
                                                <a href="#" class="aply-btn ">Appy Now</a>
                                            </div>
                                        </div>
                                        
                                 
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="wthree-row w3-gallery cliptop-portfolio-wthree" id="portfolio">
        <div class="container">
            <div class="title-sec-w3layouts_pvt">
                <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true"></span>
                <h4 class="w3layouts_pvt-head text-white">Job Gallery</h4>
                <p class="title-text text-capitalize">All Sectors</p>
            </div>
            <a href="#" class="rea-m">VIEW MORE</a>
            <ul class="demo mt-5 pt-lg-5">
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g1.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g2.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g3.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g4.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>Judge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g5.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g6.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g7.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="gallery-grid1">
                        <img src="images/g8.jpg" alt=" " class="img-fluid" />
                        <div class="p-mask">
                            <h4>Information Technology</h4>
                            <p>NJudge India Solutions</p>
                        </div>
                    </div>
                </li>
            </ul>

</div>
        
    </section>

<section class="timeline-w3pvt" id="tl">
        <div class="container">
            <div class="row ab-grid-bottom">
                <div class="col-lg-3 col-md-6 my-lg-4 w3pvt-ab text-center  position-relative">
                    <div class="ab-border"><span class="fa fa-arrow-circle-right" aria-hidden="true"></span></div>
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s1.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">business consulting</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#tl" class="btn-w3layouts_pvt scroll">Read more<span class="fa fa-long-arrow-right"
                            aria-hidden="true"></span></a>
                </div>
                <div class="col-lg-3 col-md-6 my-lg-4 mt-md-0 mt-4 w3pvt-ab text-center position-relative">
                    <div class="ab-border rsp-border"><span class="fa fa-arrow-circle-right" aria-hidden="true"></span></div>
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s2.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">Fusion Design</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#tl" class="btn-w3layouts_pvt scroll">Read more<span class="fa fa-long-arrow-right"
                            aria-hidden="true"></span></a>
                </div>
                <div class="col-lg-3 col-md-6 my-lg-4 mt-sm-5 mt-4 w3pvt-ab text-center position-relative">
                    <div class="ab-border"><span class="fa fa-arrow-circle-right" aria-hidden="true"></span></div>
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s3.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">Apps Development</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#tl" class="btn-w3layouts_pvt scroll">Read more<span class="fa fa-long-arrow-right"
                            aria-hidden="true"></span></a>
                </div>
                <div class="col-lg-3 col-md-6 mt-lg-4 mt-sm-5 mt-4 w3pvt-ab text-center">
                    <div class="clip-each clip-border d-flex justify-content-center align-items-center">
                        <img src="images/s4.png" alt="" class="img-fluid rounded-circle">
                    </div>
                    <h4 class="feed-title my-3">great services</h4>
                    <p> Pellentesque in ipsum id orci porta dapibus roined magnaeget tortor risus.</p>
                    <a href="#tl" class="btn-w3layouts_pvt scroll">Read more<span class="fa fa-long-arrow-right"
                            aria-hidden="true"></span></a>
                </div>
            </div>
        </div>
    </section>

<section class="mid py-lg-5 py-3">
        <div class="container">
            <div class="inner-sec-w3ls py-lg-5  py-3">
                <div class="mid-info text-center pt-3">
                    <h3 class="tittle text-center cen mb-lg-5 mb-3">
                        <span>JOB PROTAL</span>Make a Difference with Your Online Resume!</h3>
                    <p></p>
                    <div class="resume">
                        <a href="#" data-toggle="modal" data-target="#exampleModalCenter2">
                            <i class="far fa-user"></i> Create Acccount</a>
                    </div>
                </div>

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

<div class="testimonials" id="testi">
        <div class="container">
            <div class="callbacks_container">
                <ul class="rslides" id="slider3">
                    <li>
                        <div class="row testi-w3pvt">
                            <div class="col-lg-6">
                                <div class="testi-left-grid">
                                    <div class="testi-agile">
                                        <p>
                                            Vivamus magna justo, lacinia eget
                                            consectetur
                                            sed,
                                            convallis at tellus.

</p>
                                    </div>
                                    <div class="testi-pos">
                                        <img src="images/ts1.jpg" alt="" class="img-fluid rounded-circle mb-3" />
                                        <h4>arim john</h4>
                                        <span>congue leo</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="testi-agile">
                                    <p>
                                        Vivamus magna justo, lacinia eget
                                        consectetur
                                        sed,
                                        convallis at tellus.

</p>
                                </div>
                                <div class="testi-pos">
                                    <img src="images/ts2.jpg" alt="" class="img-fluid rounded-circle mb-3" />
                                    <h4>arim john</h4>
                                    <span>congue leo</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row testi-w3pvt">
                            <div class="col-lg-6">
                                <div class="testi-agile">
                                    <p>
                                        Vivamus magna justo, lacinia eget
                                        consectetur
                                        sed,
                                        convallis at tellus.

</p>
                                </div>
                                <div class="testi-pos">
                                    <img src="images/ts3.jpg" alt="" class="img-fluid rounded-circle mb-3" />
                                    <h4>arim john</h4>
                                    <span>congue leo</span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="testi-agile">
                                    <p>
                                        Vivamus magna justo, lacinia eget
                                        consectetur
                                        sed,
                                        convallis at tellus.

</p>
                                </div>
                                <div class="testi-pos">
                                    <img src="images/ts1.jpg" alt="" class="img-fluid rounded-circle mb-3" />
                                    <h4>arim john</h4>
                                    <span>congue leo</span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="testi-agile">
                                    <p>
                                        Vivamus magna justo, lacinia eget
                                        consectetur
                                        sed,
                                        convallis at tellus.

</p>
                                </div>
                                <div class="testi-pos">
                                    <img src="images/ts3.jpg" alt="" class="img-fluid rounded-circle mb-3" />
                                    <h4>arim john</h4>
                                    <span>congue leo</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

<div class="cliptop-blog-wthree" id="news">
        <div class="container">
            <div class="title-sec-w3layouts_pvt">
                <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true"></span>
                <h4 class="w3layouts_pvt-head text-white">Best Places to Work</h4>
                <p class="title-text text-capitalize">latest news</p>
            </div>
            <div class="row blog pt-5 mt-md-3">
                <div class="col-md-12">
                    <div id="blogCarousel" class="carousel slide" data-ride="carousel">

<div class="carousel-inner">
                            <div class="carousel-item active">
                                <div class="d-flex team-agile-row">
                                    <div class="col-lg-4 col-md-6 w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g5.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 1</h3>
                                                <span class="post text-capitalize">30 aug 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 mt-md-0 mt-4  w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g2.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 2</h3>
                                                <span class="post text-capitalize">20 aug 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 mt-lg-0 mt-4 w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g3.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 3</h3>
                                                <span class="post text-capitalize">10 july 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="carousel-item">
                                <div class="d-flex team-agile-row">
                                    <div class="col-lg-4 col-md-6  w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g5.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 4</h3>
                                                <span class="post">1 july 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 mt-md-0 mt-4  w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g4.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 5</h3>
                                                <span class="post">30 june 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-md-6 mt-lg-0 mt-4  w3-slide-grid">
                                        <h5><a href="#">Curabitur aliquet quam id dui posuere.</a></h5>
                                        <div class="box20">
                                            <img src="images/g1.jpg" alt="" class="img-fluid" />
                                            <div class="box-content">
                                                <h3 class="title">blog title 6</h3>
                                                <span class="post">15 june 2018</span>
                                            </div>
                                            <ul class="icon">
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-share"></span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <span class="fa fa-link"></span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>

</div>
                        
                    </div>

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

<!--     <div class="section" id="contact">
        <div class="map-grid clipbottom-wthree">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6509687.090753893!2d-123.76387427440008!3d37.18697025540024!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb9fe5f285e3d%3A0x8b5109a227086f55!2sCalifornia%2C+USA!5e0!3m2!1sen!2sin!4v1491201047627"
                style="border:0" allowfullscreen></iframe>
            <div class="w3layouts-contact-pos  clipbottom-wthree">
                <div class="w3layouts-contact-pos-grid">
                    <div class="title-sec-w3layouts_pvt">
                        <span class="title-icon-wthree fa fa-hashtag" aria-hidden="true"></span>
                        <h4 class="w3layouts_pvt-head text-white">contact me</h4>
                        <p class="title-text text-capitalize">add some sub text here</p>
                    </div>
                    <form action="#" method="get" class="contact-wthree">
                        <div class="form-group d-flex">
                            <label>
                                <span class="fa fa-user text-white" aria-hidden="true"></span>
                            </label>
                            <input class="form-control" type="text" placeholder="Enter your name..." name="email"
                                required="">
                        </div>
                        <div class="form-group d-flex">
                            <label>
                                <span class="fa fa-envelope text-white" aria-hidden="true"></span>
                            </label>
                            <input class="form-control" type="email" placeholder="Enter your email..." name="email"
                                required="">
                        </div>
                        <div class="form-group d-flex">
                            <label>
                                <span class="fa fa-edit text-white"></span>
                            </label>
                            <input class="form-control" type="text" placeholder="Subject" name="email" required="">
                        </div>
                        <div class="form-group">
                            <textarea class="form-control" rows="5" id="contact-comment" placeholder="Your message"
                                required></textarea>
                        </div>
                        <div class="contact-btn">
                            <button type="submit" class="btn btn-block text-uppercase">Submit</button>
                        </div>
                    </form>

</div>
            </div>
        </div>
    </div> -->
    <section class="contact-details">
        <div class="container">
            <div class="row m-0 contact-row-w3pvt py-5">
                <div class="col-lg-4">
                    <div class="row">
                        <div class="col-2 d-flex justify-content-center align-items-center p-0">
                            <span class="field-icon fa fa-phone" aria-hidden="true"></span>
                        </div>
                        <div class="col-10 cd-grid">
                            <ul>
                                <li>+12 345 6789</li>
                                <li>+12 345 6789</li>
                                <li>+12 345 6789</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 my-lg-0 my-4">
                    <div class="row">
                        <div class="col-2 d-flex justify-content-center align-items-center p-0">
                            <span class="field-icon fa fa-map-marker" aria-hidden="true"></span>
                        </div>
                        <div class="col-10 cd-grid">
                            <p>3515 Carriage Court,Palm Springs<br>
                                California.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="row">
                        <div class="col-2 d-flex justify-content-center align-items-center p-0">
                            <span class="field-icon fa fa-envelope fa-lg" aria-hidden="true"></span>
                        </div>
                        <div class="col-10 cd-grid">
                            <ul>
                                <li>
                                    <a href="mailto:info@example.com">info@example.com</a>
                                </li>
                                <li>
                                    <a href="mailto:info@example.com">info@example.com</a>
                                </li>
                                <li>
                                    <a href="mailto:info@example.com">info@example.com</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    
    <section class="social_w3ls_pvt position-relative py-5">
        <div class="container py-lg-5">
            <ul class="py-4">
                <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                <li><a href="#"> <span class="fab fa-linkedin-in"></span></a></li>
                <li><a href="#"><span class="fab fa-vk"></span></a></li>
            </ul>
        </div>
    </section>

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

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.php

Server Info

System Features

User Info