Introduction

Thank you so much for purchasing this file called (Careerfy). This is an HTML AND CSS template. Please feel free to contact us if you have any question or problem about this file. No guarantees, but we will do our best to provide you with the best possible assistance. Alternatively if you have more general questions relating to this file please consider visiting the forums and asking your questions in the “Item Discussion” section.

HTML Structure and Files

Main Structure

<!--// Main Section \\-->
<div class="careerfy-main-section">
  <div class="container">
	<div class="row">
			
	</div>
  </div>
</div>
<!--// Main Section \\-->
        

General HTML structure

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with class of “sportsmagazine-maincontent".

Script And Styles

    <script src="script/jquery.js"></script>
    <script src="script/bootstrap.js"></script>
    <script src="script/slick-slider.js"></script>
    <script src="plugin-script/counter.js"></script>
    <script src="plugin-script/fancybox.pack.js"></script>
    <script src="plugin-script/isotope.min.js"></script>
    <script src="plugin-script/functions.js"></script>
    <script src="script/functions.js"></script>
        

StyleSheets

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/flaticon.css" rel="stylesheet">
    <link href="css/slick-slider.css" rel="stylesheet">
    <link href="plugin-css/fancybox.css" rel="stylesheet">
    <link href="plugin-css/plugin.css" rel="stylesheet">
    <link href="css/color.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
        

Html Elements

Header

<header id="careerfy-header" class="careerfy-header-one">
    <div class="container">
        <div class="row">
            <aside class="col-md-2"> <a href="index.html" class="careerfy-logo"><img src="images/logo.png" alt=""></a> </aside>
            <aside class="col-md-6">
                <nav class="careerfy-navigation">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#careerfy-navbar-collapse-1" aria-expanded="false">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="careerfy-navbar-collapse-1">
                        <ul class="navbar-nav">
                            <li class="active"><a href="index.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="index-two.html">Home Hireright</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="sub-menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="cv-packages.html">CV Packages</a></li>
                                    <li><a href="faq.html">Faq's</a></li>
                                    <li><a href="job-grid-full.html">Job Grid</a></li>
                                    <li><a href="job-grid-with-filters.html">Job Grid W/filter</a></li>
                                    <li><a href="job-listings.html">Job Listings</a></li>
                                    <li><a href="job-detail.html">Job Detail</a></li>
                                    <li><a href="job-packages.html">Job Packages</a></li>
                                </ul>
                            </li>
                            <li><a href="#">For Candidates</a>
                                <ul class="sub-menu">
                                    <li><a href="candidate-dashboard-applied-jobs.html">Applied Jobs</a></li>
                                    <li><a href="candidate-dashboard-changed-password.html">Changed Password</a></li>
                                    <li><a href="candidate-dashboard-cv-manager.html">CV Manager</a></li>
                                    <li><a href="candidate-dashboard-job-alert.html">Job Alert</a></li>
                                    <li><a href="candidate-dashboard-profile-seting.html">Profile Setting</a></li>
                                    <li><a href="candidate-dashboard-resume.html">Candidate Resume</a></li>
                                    <li><a href="candidate-dashboard-saved-jobs.html">Saved Jobs</a></li>
                                    <li><a href="candidate-listings.html">Candidate Listings</a></li>
                                    <li><a href="candidate-grid.html">Candidate Grid</a></li>
                                    <li><a href="candidate-detail.html">Candidate Detail</a></li>
                                </ul>
                            </li>
                            <li><a href="#">For Employers</a>
                                <ul class="sub-menu">
                                    <li><a href="employer-list.html">Employer List</a></li>
                                    <li><a href="employer-grid.html">Employer Grid</a></li>
                                    <li><a href="employer-detail.html">Employer Detail</a></li>
                                    <li><a href="employer-dashboard-transactions.html">Transactions</a></li>
                                    <li><a href="employer-dashboard-resumes.html">Employer Resumes</a></li>
                                    <li><a href="employer-dashboard-profile-seting.html">Profile Setting</a></li>
                                    <li><a href="employer-dashboard-pkgpayment.html">Package Payment</a></li>
                                    <li><a href="employer-dashboard-packages.html">Packages</a></li>
                                    <li><a href="employer-dashboard-newjob.html">Employer New Job</a></li>
                                    <li><a href="employer-dashboard-manage-jobs.html">Menage Jobs</a></li>
                                    <li><a href="employer-dashboard-confitmation.html">Employer Confitmation</a></li>
                                </ul>
                            </li>
                            <li><a href="contact-us.html">Contact</a></li>
                        </ul>
                    </div>
              </nav>
            </aside>
            <aside class="col-md-4">
                <div class="careerfy-right">
                    <ul class="careerfy-user-section">
                        <li><a class="careerfy-color careerfy-open-signin-tab" href="#">Register</a></li>
                        <li><a class="careerfy-color careerfy-open-signup-tab" href="#">Sign in</a></li>
                    </ul>
                    <a href="#" class="careerfy-simple-btn careerfy-bgcolor"><span> <i class="careerfy-icon careerfy-arrows-2"></i> Post Job</span></a>
                </div>
            </aside>
        </div>
    </div>
</header>

Footer

<footer id="careerfy-footer" class="careerfy-footer-one">
    <div class="container">
        <!-- Footer Widget -->
        <div class="careerfy-footer-widget">
            <div class="row">
                <aside class="widget col-md-4 widget_contact_info">
                    <div class="widget_contact_wrap">
                        <a class="careerfy-footer-logo" href="index.html"><img src="images/footer-logo.png" alt=""></a>
                        <p>Sed consequat sapien faus quam bibendum convallis quis in nulla. Pellentesque volutpat odio eget diam cursus semper. Sed coquat sapien faucibus quam.</p>
                        <a href="#" class="careerfy-classic-btn careerfy-bgcolor">Learn more</a>
                    </div>
                </aside>
                <aside class="widget col-md-3 widget_nav_manu">
                    <div class="footer-widget-title"><h2>Quick Links</h2></div>
                    <ul>
                        <li><a href="#">Shortcodes</a></li>
                        <li><a href="#">Job Page</a></li>
                        <li><a href="#">Job Page Alternative</a></li>
                        <li><a href="#">Resume Page</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </aside>
                <aside class="widget col-md-3 widget_nav_manu">
                    <div class="footer-widget-title"><h2>For Candidates</h2></div>
                    <ul>
                        <li><a href="#">Browse Jobs</a></li>
                        <li><a href="#">Browse Categories</a></li>
                        <li><a href="#">Submit Resume</a></li>
                        <li><a href="#">Candidate Dashboard</a></li>
                        <li><a href="#">Job Alerts</a></li>
                        <li><a href="#">My Bookmarks</a></li>
                    </ul>
                </aside>
                <aside class="widget col-md-2 widget_nav_manu">
                    <div class="footer-widget-title"><h2>For Employers</h2></div>
                    <ul>
                        <li><a href="#">Browse Candidates</a></li>
                        <li><a href="#">Employer Dashboard</a></li>
                        <li><a href="#">Add Job</a></li>
                        <li><a href="#">Job Packages</a></li>
                    </ul>
                </aside>
            </div>
        </div>
        <!-- Footer Widget -->
        <!-- CopyRight -->
        <div class="careerfy-copyright">
            <p>Copyrights © 2017 All Rights Reserved by <a href="#" class="careerfy-color">EyeCix</a></p>
            <ul class="careerfy-social-network">
                <li><a href="#" class="careerfy-bgcolorhover fa fa-facebook"></a></li>
                <li><a href="#" class="careerfy-bgcolorhover fa fa-twitter"></a></li>
                <li><a href="#" class="careerfy-bgcolorhover fa fa-dribbble"></a></li>
                <li><a href="#" class="careerfy-bgcolorhover fa fa-linkedin"></a></li>
                <li><a href="#" class="careerfy-bgcolorhover fa fa-instagram"></a></li>
            </ul>
        </div>
        <!-- CopyRight -->
    </div>
</footer>

Header Two

<header id="careerfy-header" class="careerfy-header-two">

    <aside class="col-md-2"> <a href="index-two.html" class="careerfy-logo"><img src="images/logo-two.png" alt=""></a> </aside>
    <aside class="col-md-10">
        <div class="careerfy-right">
            <nav class="careerfy-navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#careerfy-navbar-collapse-1" aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="careerfy-navbar-collapse-1">
                    <ul class="navbar-nav">
                            <li class="active"><a href="index.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="index.html">Home Careerfy</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="sub-menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="cv-packages.html">CV Packages</a></li>
                                    <li><a href="faq.html">Faq's</a></li>
                                    <li><a href="job-grid-full.html">Job Grid</a></li>
                                    <li><a href="job-grid-with-filters.html">Job Grid W/filter</a></li>
                                    <li><a href="job-listings.html">Job Listings</a></li>
                                    <li><a href="job-detail.html">Job Detail</a></li>
                                    <li><a href="job-packages.html">Job Packages</a></li>
                                </ul>
                            </li>
                            <li><a href="#">For Candidates</a>
                                <ul class="sub-menu">
                                    <li><a href="candidate-dashboard-applied-jobs.html">Applied Jobs</a></li>
                                    <li><a href="candidate-dashboard-changed-password.html">Changed Password</a></li>
                                    <li><a href="candidate-dashboard-cv-manager.html">CV Manager</a></li>
                                    <li><a href="candidate-dashboard-job-alert.html">Job Alert</a></li>
                                    <li><a href="candidate-dashboard-profile-seting.html">Profile Setting</a></li>
                                    <li><a href="candidate-dashboard-resume.html">Candidate Resume</a></li>
                                    <li><a href="candidate-dashboard-saved-jobs.html">Saved Jobs</a></li>
                                    <li><a href="candidate-listings.html">Candidate Listings</a></li>
                                    <li><a href="candidate-grid.html">Candidate Grid</a></li>
                                    <li><a href="candidate-detail.html">Candidate Detail</a></li>
                                </ul>
                            </li>
                            <li><a href="#">For Employers</a>
                                <ul class="sub-menu">
                                    <li><a href="employer-list.html">Employer List</a></li>
                                    <li><a href="employer-grid.html">Employer Grid</a></li>
                                    <li><a href="employer-detail.html">Employer Detail</a></li>
                                    <li><a href="employer-dashboard-transactions.html">Transactions</a></li>
                                    <li><a href="employer-dashboard-resumes.html">Employer Resumes</a></li>
                                    <li><a href="employer-dashboard-profile-seting.html">Profile Setting</a></li>
                                    <li><a href="employer-dashboard-pkgpayment.html">Package Payment</a></li>
                                    <li><a href="employer-dashboard-packages.html">Packages</a></li>
                                    <li><a href="employer-dashboard-newjob.html">Employer New Job</a></li>
                                    <li><a href="employer-dashboard-manage-jobs.html">Menage Jobs</a></li>
                                    <li><a href="employer-dashboard-confitmation.html">Employer Confitmation</a></li>
                                </ul>
                            </li>
                            <li><a href="contact-us.html">Contact</a></li>
                        </ul>
                </div>
            </nav>
            <ul class="careerfy-user-option">
                <li><a href="#" class="careerfy-post-btn"><i class="careerfy-icon careerfy-arrows-2"></i> Post Job</a></li>
                <li><a href="#" class="careerfy-btn-icon careerfy-open-signin-tab"><i class="careerfy-icon careerfy-social-1"></i></a></li>
            </ul>
        </div>
    </aside>

</header>

Footer Two

<footer id="careerfy-footer" class="careerfy-footer-two">
    <div class="container">
        <!-- Footer Widget -->
        <div class="careerfy-footer-widget">
            <div class="row">
                <aside class="col-md-9">
                    <div class="widget widget_section_nav">
                        <ul>
                            <li><a href="#">Shortcodes</a></li>
                            <li><a href="#">Browse Jobs</a></li>
                            <li><a href="#">Browse Candidates</a></li>
                            <li><a href="#">Help Center</a></li>
                        </ul>
                    </div>
                    <div class="widget widget_section_nav">
                        <ul>
                            <li><a href="#">Job Page</a></li>
                            <li><a href="#">Browse Categories</a></li>
                            <li><a href="#">Employer Dashboard</a></li>
                            <li><a href="#">Guidelines</a></li>
                        </ul>
                    </div>
                    <div class="widget widget_section_nav">
                        <ul>
                            <li><a href="#">Job Page Alternative</a></li>
                            <li><a href="#">Submit Resume</a></li>
                            <li><a href="#">Add Job</a></li>
                            <li><a href="#">NEW - Terms of Use</a></li>
                        </ul>
                    </div>
                    <div class="widget widget_section_nav">
                        <ul>
                            <li><a href="#">Resume Page</a></li>
                            <li><a href="#">Candidate Dashboard</a></li>
                            <li><a href="#">Job Packages</a></li>
                            <li><a href="#">NEW - Privacy & Cookies</a></li>
                        </ul>
                    </div>
                    <div class="careerfy-footer-newslatter">
                        <form>
                            <label>Subscribe for weekly newsletter</label>
                            <ul>
                                <li>
                                    <i class="careerfy-icon careerfy-mail"></i>
                                    <input value="Sign up for newsletter professionally designed templates." onblur="if(this.value == '') { this.value ='Sign up for newsletter professionally designed templates.'; }" onfocus="if(this.value =='Sign up for newsletter professionally designed templates.') { this.value = ''; }" type="text">
                                </li>
                                <li>
                                    <i class="careerfy-icon careerfy-arrows22"></i>
                                    <input type="submit" value="Subcribe">
                                </li>
                            </ul>
                        </form>
                    </div>
                </aside>
                <aside class="col-md-3">
                    <div class="widget jobsearch_twitter_widget">
                        <div class="jobsearch_twitter_widget_wrap">
                            <p>Great fun commentating with @mj_slats that last 30 mins ! We were riding the emotion of the game with all our viewers, was great fun, enjoyed itx</p>
                            <span>3 hours ago</span>
                        </div>
                        <small><i class="fa fa-twitter"></i> @ShaneWarne</small>
                    </div>
                </aside>
            </div>
        </div>
        <!-- Footer Widget -->
        <!-- CopyRight -->
        <div class="careerfy-copyright-two">
            <ul class="careerfy-copyright-social">
                <li><a href="#" class="careerfy-icon careerfy-facebook-logo"></a></li>
                <li><a href="#" class="careerfy-icon careerfy-twitter-logo"></a></li>
                <li><a href="#" class="careerfy-icon careerfy-linkedin-button"></a></li>
                <li><a href="#" class="careerfy-icon careerfy-dribbble-logo"></a></li>
            </ul>
            <p>Copyrights © 2017 All Rights Reserved by EyeCix</p>
            <ul class="careerfy-copyright-download">
                <li>Download Apps</li>
                <li><a href="#" class="careerfy-icon careerfy-apple"></a></li>
                <li><a href="#" class="careerfy-icon careerfy-android-logo"></a></li>
            </ul>
        </div>
        <!-- CopyRight -->
    </div>
</footer>
    

Banner One

<div class="careerfy-banner careerfy-typo-wrap">
    <span class="careerfy-banner-transparent"></span>
    <div class="careerfy-banner-caption">
        <div class="container">
            <h1>Aim Higher. Reach Farther. Dream Bigger.</h1>
            <p>A better career is out there. We'll help you find it. We're your first step to becoming everything you want to be.</p>
            <form class="careerfy-banner-search">
                <ul>
                    <li>
                        <input value="Job Title, Keywords, or Company" onblur="if(this.value == '') { this.value ='Job Title, Keywords, or Company'; }" onfocus="if(this.value =='Job Title, Keywords, or Company') { this.value = ''; }" type="text">
                    </li>
                    <li>
                        <input value="City, State or ZIP" onblur="if(this.value == '') { this.value ='City, State or ZIP'; }" onfocus="if(this.value =='City, State or ZIP') { this.value = ''; }" type="text">
                        <i class="careerfy-icon careerfy-location"></i>
                    </li>
                    <li>
                        <div class="careerfy-select-style">
                            <select>
                                <option>Categories</option>
                                <option>Categories</option>
                                <option>Categories</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-banner-submit"> <input type="submit" value=""> <i class="careerfy-icon careerfy-search"></i> </li>
                </ul>
            </form>
            <div class="careerfy-banner-btn">
                <a href="#" class="careerfy-bgcolorhover"><i class="careerfy-icon careerfy-up-arrow"></i> Upload Your Resume</a>
                <a href="#" class="careerfy-bgcolorhover"><i class="careerfy-icon careerfy-portfolio"></i> Hiring? Post a job for free</a>
            </div>
        </div>
    </div>
</div>

Banner Two

<div class="careerfy-banner-two careerfy-typo-wrap">
    <div class="careerfy-banner-caption">
        <div class="container">
            <h1>Want To Land Your Dream Job?</h1>
            <p>Aliquam Vestibulum Cursus Felis. In Iaculis Iaculis Sapien Ac Condimentum. Vestibulum Congue Pellentesque Dui Non, Semper Orci.</p>
            <div class="clearfix"></div>
            <a href="#" class="careerfy-banner-two-btn">Find a Jobs</a>
            <div class="clearfix"></div>
            <form class="careerfy-banner-search-two">
                <ul>
                    <li>
                        <i class="careerfy-icon careerfy-search"></i>
                        <input value="Job Title, Keywords, or Company" onblur="if(this.value == '') { this.value ='Job Title, Keywords, or Company'; }" onfocus="if(this.value =='Job Title, Keywords, or Company') { this.value = ''; }" type="text">
                    </li>
                    <li>
                        <input value="City, State or ZIP" onblur="if(this.value == '') { this.value ='City, State or ZIP'; }" onfocus="if(this.value =='City, State or ZIP') { this.value = ''; }" type="text">
                        <i class="careerfy-icon careerfy-location"></i>
                    </li>
                    <li>
                        <i class="careerfy-icon careerfy-folder"></i>
                        <div class="careerfy-select-style">
                            <select>
                                <option>Categories</option>
                                <option>Categories</option>
                                <option>Categories</option>
                            </select>
                        </div>
                    </li>
                    <li> <input type="submit" value="Search Jobs"> </li>
                </ul>
            </form>
        </div>
    </div>
</div>

Counter

<div class="careerfy-counter">
    <ul class="row">
        <li class="col-md-4">
            <span class="word-counter">123,012</span>
            <small>Jobs Added</small>
        </li>
        <li class="col-md-4">
            <span class="word-counter">187,432</span>
            <small>Active Resumes</small>
        </li>
        <li class="col-md-4">
            <span class="word-counter">140,312</span>
            <small>Positions Matched</small>
        </li>
    </ul>
</div>
    

Category Style One

<div class="categories-list">
    <ul class="careerfy-row">
        <li class="careerfy-column-3">
            <i class="careerfy-icon careerfy-engineer"></i>
            <a href="#">construction / facilities</a>
            <span>(15 Open Vacancies)</span>
        </li>
        <li class="careerfy-column-3">
            <i class="careerfy-icon careerfy-car"></i>
            <a href="#">automotive jobs</a>
            <span>(12 Open Vacancies)</span>
        </li>
        <li class="careerfy-column-3">
            <i class="careerfy-icon careerfy-accounting"></i>
            <a href="#">Accounting / Finance</a>
            <span>(8 Open Vacancies)</span>
        </li>
    </ul>
</div>
    

Testimonial View Two

<div class="careerfy-main-section careerfy-testimonial-slider-full">
    <div class="container">
        <div class="row">

            <div class="col-md-12">
                <!-- FancyTitle -->
                <div class="careerfy-fancy-title careerfy-fancy-title-two">
                    <h2>What people say <span>about us</span></h2>
                </div>
                <!-- FancyTitle -->
                <!-- Testimonial -->
                <div class="careerfy-testimonial-styletwo">
                    <div class="careerfy-testimonial-styletwo-layer">
                        <img src="extra-images/testimonial-slider-thumb-1.png" alt="">
                        <p>Nam eu eleifend nulla. Duis consectetur sit amet risus sit amet venenatis. Pellentesque pulvinar ante a tincidunt placerat. Donec dapibus efficitur arcu, a rhoncus lectus egestas elementum.</p>
                        <span>Adeline Morrison</span>
                        <small>Branding Manage - HireRight.com</small>
                    </div>
                    <div class="careerfy-testimonial-styletwo-layer">
                        <img src="extra-images/testimonial-slider-thumb-2.png" alt="">
                        <p>Nam eu eleifend nulla. Duis consectetur sit amet risus sit amet venenatis. Pellentesque pulvinar ante a tincidunt placerat. Donec dapibus efficitur arcu, a rhoncus lectus egestas elementum.</p>
                        <span>Johnny Sanders</span>
                        <small>Branding Manage - HireRight.com</small>
                    </div>
                    <div class="careerfy-testimonial-styletwo-layer">
                        <img src="extra-images/testimonial-slider-thumb-3.png" alt="">
                        <p>Nam eu eleifend nulla. Duis consectetur sit amet risus sit amet venenatis. Pellentesque pulvinar ante a tincidunt placerat. Donec dapibus efficitur arcu, a rhoncus lectus egestas elementum.</p>
                        <span>Johnny Sanders</span>
                        <small>Branding Manage - HireRight.com</small>
                    </div>
                </div>
                <!-- Testimonial -->
            </div>

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

Service View One

<div class="careerfy-classic-services">
    <ul class="row">
        <li class="col-md-4">
            <span>1</span>
            <i class="careerfy-icon careerfy-coding"></i>
            <h2>Cross Browsers</h2>
            <p>Etiam lobortis egestas orci vitaa laort ed at nunc nec mas pretiuem lao.</p>
        </li>
        <li class="col-md-4">
            <span>2</span>
            <i class="careerfy-icon careerfy-support"></i>
            <h2>Easy Customization</h2>
            <p>Etiam lobortis egestas orci vitaa laort ed at nunc nec mas pretiuem lao.</p>
        </li>
        <li class="col-md-4">
            <span>3</span>
            <i class="careerfy-icon careerfy-pen"></i>
            <h2>Modern Design</h2>
            <p>Etiam lobortis egestas orci vitaa laort ed at nunc nec mas pretiuem lao.</p>
        </li>
    </ul>
</div>
    

Service Slider View

<div class="careerfy-service-slider">
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-1.png" alt=""></a>
        <span>Joel Dudley, <small>Web Designer</small></span>
    </div>
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-2.png" alt=""></a>
        <span>David Stevens, <small>Supervisor</small></span>
    </div>
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-3.png" alt=""></a>
        <span>James Ray, <small>Web Designer</small></span>
    </div>
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-4.png" alt=""></a>
        <span>Noah Zimmerman, <small>Director</small></span>
    </div>
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-5.png" alt=""></a>
        <span>Matt John, <small>Web Designer</small></span>
    </div>
    <div class="careerfy-service-slider-layer">
        <a href="#"><img src="extra-images/our-featured-slider-1.png" alt=""></a>
        <span>Joel Dudley, <small>Web Designer</small></span>
    </div>
</div>
    

Price Plans View One

<div class="col-md-4">
    <div class="careerfy-classic-priceplane">
        <h2>Power CV Pack</h2>
        <span class="careerfy-classic-priceplane-title">First step to becoming everything you want to be.</span>
        <div class="careerfy-priceplane-section">
            <span>$15 <small>only</small></span>
            <p>Ismail worked with a number of remittance businesses as well as international policy makers.</p>
        </div>
        <div class="grab-classic-priceplane">
            <ul>
                <li class="active"><i class="careerfy-icon careerfy-check-square"></i> 1 job posting</li>
                <li class="active"><i class="careerfy-icon careerfy-check-square"></i> Access to 5 Resumes</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Featured On Demand</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Job displayed for 20 days</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Premium Support 24/7</li>
            </ul>
            <a href="#" class="careerfy-classic-priceplane-btn">Get Started</a>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="careerfy-classic-priceplane active">
        <h2>Super CV Pack</h2>
        <span class="careerfy-classic-priceplane-title">First step to becoming everything you want to be.</span>
        <div class="careerfy-priceplane-section">
            <span>$45 <small>only</small></span>
            <p>Ismail worked with a number of remittance businesses as well as international policy makers.</p>
        </div>
        <div class="grab-classic-priceplane">
            <ul>
                <li class="active"><i class="careerfy-icon careerfy-check-square"></i> 1 job posting</li>
                <li class="active"><i class="careerfy-icon careerfy-check-square"></i> Access to 5 Resumes</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Featured On Demand</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Job displayed for 20 days</li>
                <li><i class="careerfy-icon careerfy-check-square"></i> Premium Support 24/7</li>
            </ul>
            <a href="#" class="careerfy-classic-priceplane-btn">Get Started</a>
        </div>
    </div>
</div>
    

Price Plans View Two

<div class="col-md-3 careerfy-simple-priceplane">
    <div class="careerfy-simple-priceplane-wrap">
        <div class="careerfy-simple-priceplane-basic">
            <h2>Basic Jobs</h2>
            <span>$30 <small>Per month</small></span>
            <a href="#">Choose Plan</a>
        </div>
        <ul>
            <li>1 job posting</li>
            <li>Access to 5 Resumes</li>
            <li>Featured On Demand</li>
            <li>Job displayed for 20 days</li>
            <li>Premium Support 24/7</li>
        </ul>
    </div>
</div>
<div class="col-md-3 careerfy-simple-priceplane active">
    <div class="careerfy-simple-priceplane-wrap">
        <span class="careerfy-simple-priceplane-active">Special Job Offer</span>
        <div class="careerfy-simple-priceplane-basic">
            <h2>Standard Jobs</h2>
            <span>$45 <small>Per month</small></span>
            <a href="#">Choose Plan</a>
        </div>
        <ul>
            <li>1 job posting</li>
            <li>Access to 5 Resumes</li>
            <li>Featured On Demand</li>
            <li>Job displayed for 20 days</li>
            <li>Premium Support 24/7</li>
        </ul>
    </div>
</div>
    

Service View Two

<div class="careerfy-services-classic">
    <ul class="row">
        <li class="col-md-4">
            <span><i class="careerfy-icon careerfy-curriculum"></i></span>
            <h2>CV Search</h2>
            <p>Over the coming years Ismail worked with a number of remittance businesses as well as international policy makers.</p>
        </li>
        <li class="col-md-4">
            <span><i class="careerfy-icon careerfy-building"></i></span>
            <h2>Recruiter Profiles</h2>
            <p>And because we understand the importance of staying connected, Nimble enables people to send mobile airtime top-ups.</p>
        </li>
        <li class="col-md-4">
            <span><i class="careerfy-icon careerfy-briefcase-1"></i></span>
            <h2>Advertise a Job</h2>
            <p>Millions of us now rely on Mobile Money services instead of bank accounts, so we offer transfers directly to them.</p>
        </li>
    </ul>
</div>
    

Faq

<div class="panel-group careerfy-accordion" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
              <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                <i class="careerfy-icon careerfy-arrows"></i> Q. What’s involved with financing or leasing a new vehicle?
              </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitsed ratione voluptatem sequi nesciunt. <br> <br>
                Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
              <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                <i class="careerfy-icon careerfy-arrows"></i> Q. Can I purchase a right-hand-drive car?
              </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse">
            <div class="panel-body">
                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugitsed ratione voluptatem sequi nesciunt. <br> <br>
                Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
            </div>
        </div>
    </div>
</div>
        

Candidate Applied Jobs

<div class="careerfy-applied-jobs">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <div class="careerfy-applied-jobs-wrap">
                <a href="#" class="careerfy-applied-jobs-thumb"><img src="extra-images/candidate-01.jpg" alt=""></a>
                <div class="careerfy-applied-jobs-text">
                    <div class="careerfy-applied-jobs-left">
                        <span>@ Yup Studios</span>
                        <h2><a href="#">Overdue Accounts Officer for Audit</a></h2>
                        <ul>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                            <li><i class="careerfy-icon careerfy-calendar"></i> Sep 26, 2017</li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </div>
            </div>
        </li>
        <li class="careerfy-column-12">
            <div class="careerfy-applied-jobs-wrap">
                <a href="#" class="careerfy-applied-jobs-thumb"><img src="extra-images/candidate-07.jpg" alt=""></a>
                <div class="careerfy-applied-jobs-text">
                    <div class="careerfy-applied-jobs-left">
                        <span>@ Yup Studios</span>
                        <h2><a href="#">Overdue Accounts Officer for Audit</a></h2>
                        <ul>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                            <li><i class="careerfy-icon careerfy-calendar"></i> Sep 26, 2017</li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </div>
            </div>
        </li>
    </ul>
</div>

Job Alert

<div class="careerfy-job-alerts">
    <table>
        <thead>
            <tr>
                <th>Position</th>
                <th>Criterias</th>
                <th>Created Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <span>Finance Accountant</span>
                </td>
                <td>Accounting Assistant, Senior, San Francisco....(10)</td>
                <td>September 28, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <span>Design Studio</span>
                </td>
                <td>Huma Resourses, Contract, Senior, Los Angeles....(5)</td>
                <td>September 28, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Profile Setting

<div class="careerfy-column-9">
    <div class="careerfy-typo-wrap">
        <form class="careerfy-employer-dasboard">
            <div class="careerfy-employer-box-section">
                <div class="careerfy-profile-title"><h2>Basic Information</h2></div>
                <ul class="careerfy-row careerfy-employer-profile-form">
                    <li class="careerfy-column-6">
                        <label>Your Name *</label>
                        <input value="Jody Wisternoff" onblur="if(this.value == '') { this.value ='Jody Wisternoff'; }" onfocus="if(this.value =='Jody Wisternoff') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Email *</label>
                        <input value="contact@jodywisternoff" onblur="if(this.value == '') { this.value ='contact@jodywisternoff'; }" onfocus="if(this.value =='contact@jodywisternoff') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Date of Birth:</label>
                        <div class="careerfy-three-column-row">
                            <div class="careerfy-profile-select careerfy-three-column">
                                <select>
                                    <option>dd</option>
                                    <option>dd</option>
                                </select>
                            </div>
                            <div class="careerfy-profile-select careerfy-three-column">
                                <select>
                                    <option>mm</option>
                                    <option>mm</option>
                                </select>
                            </div>
                            <div class="careerfy-profile-select careerfy-three-column">
                                <select>
                                    <option>yyyy</option>
                                    <option>yyyy</option>
                                </select>
                            </div>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Phone *</label>
                        <input value="0979380947" onblur="if(this.value == '') { this.value ='0979380947'; }" onfocus="if(this.value =='0979380947') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Category *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>PHP Developer</option>
                                <option>PHP Developer</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Job Title *</label>
                        <input value="PHP Developer at various agencies" onblur="if(this.value == '') { this.value ='PHP Developer at various agencies'; }" onfocus="if(this.value =='PHP Developer at various agencies') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-12">
                        <label>Description *</label>
                        <textarea>Nulla bibendum commodo rhoncus. Sed mattis magna nunc, ac varius quam pharetra vitae. Praesent vitae ipsum eu magna pretium aliquam. Curabitur interdum quis velit non tincidunt. Donec pretium gravida erat, a faucibus velit egestas eget. Nulla bibendum commodo rhoncus. Sed mattis magna nunc, ac varius quam itae ipsum eu magna pretium aliquam. Curabitur interdum quis velit non tincidunt. Donec pretium gravida erat, a faucibus velit egestas eget.</textarea>
                    </li>
                </ul>
            </div>
            <div class="careerfy-employer-box-section">
                <div class="careerfy-profile-title"><h2>Address / Location</h2></div>
                <ul class="careerfy-row careerfy-employer-profile-form">
                    <li class="careerfy-column-6">
                        <label>Country *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>United Kingdom</option>
                                <option>United Kingdom</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Region *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>London</option>
                                <option>London</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>City / Town *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>London</option>
                                <option>London</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Postcode *</label>
                        <input value="746000" onblur="if(this.value == '') { this.value ='746000'; }" onfocus="if(this.value =='746000') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-10">
                        <label>Full Address *</label>
                        <input value="Ha Dong - Ha Noi - Viet Nam" onblur="if(this.value == '') { this.value ='Ha Dong - Ha Noi - Viet Nam'; }" onfocus="if(this.value =='Ha Dong - Ha Noi - Viet Nam') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-2">
                        <button class="careerfy-findmap-btn">Find on Map</button>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Latitude</label>
                        <input value="51.4935825" onblur="if(this.value == '') { this.value ='51.4935825'; }" onfocus="if(this.value =='51.4935825') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Longitude</label>
                        <input value="-0.16803379999998924" onblur="if(this.value == '') { this.value ='-0.16803379999998924'; }" onfocus="if(this.value =='-0.16803379999998924') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-12">
                        <div class="careerfy-profile-map"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d22589232.038285658!2d-103.9763543971716!3d46.28054447273778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1507595834401"></iframe></div>
                        <span class="careerfy-short-message">For the precise location, you can drag and drop the pin.</span>
                    </li>
                </ul>
            </div>
            <div class="careerfy-employer-box-section">
                <div class="careerfy-profile-title"><h2>Other Information</h2></div>
                <ul class="careerfy-row careerfy-employer-profile-form">
                    <li class="careerfy-column-6">
                        <label>Experience *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>5 Years</option>
                                <option>5 Years</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Age *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>24</option>
                                <option>24</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Current Salary($) *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>$ 2400</option>
                                <option>$ 2400</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Expected Salary($) *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>$ 4500</option>
                                <option>$ 4500</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Languages *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>English</option>
                                <option>English</option>
                            </select>
                        </div>
                    </li>
                    <li class="careerfy-column-6">
                        <label>Education Levels *</label>
                        <div class="careerfy-profile-select">
                            <select>
                                <option>B.sc Master</option>
                                <option>B.sc Master</option>
                            </select>
                        </div>
                    </li>
                </ul>
            </div>
            <input class="careerfy-employer-profile-submit" value="Save Setting" type="submit">
        </form>
    </div>
</div>
    

Candidate Resume

<div class="careerfy-column-9">
    <div class="careerfy-typo-wrap">
        <form class="careerfy-candidate-dasboard">
            <div class="careerfy-employer-box-section">
                <div class="careerfy-profile-title"><h2>My Resume</h2></div>
                <div class="careerfy-candidate-section">
                    <div class="careerfy-candidate-title"> <h2><i class="careerfy-icon careerfy-resume-1"></i> Cover Letter</h2> </div>
                    <div class="careerfy-candidate-dashboard-editor"><img src="extra-images/candidate-dashboard-editor.jpg" alt=""></div>
                    
                    <div class="careerfy-candidate-resume-wrap">    
                        <div class="careerfy-candidate-title"> <h2>
                            <i class="careerfy-icon careerfy-mortarboard"></i> Education 
                            <a href="javascript:void(0)" class="careerfy-resume-addbtn"><span class="fa fa-plus"></span> Add education</a>
                        </h2> </div>

                        <div class="careerfy-add-popup">
                            <ul class="careerfy-row careerfy-employer-profile-form">
                                <li class="careerfy-column-12">
                                    <label>Title *</label>
                                    <input value="Masters in Fine Arts" onblur="if(this.value == '') { this.value ='Masters in Fine Arts'; }" onfocus="if(this.value =='Masters in Fine Arts') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-6">
                                    <label>From Date *</label>
                                    <div class="careerfy-profile-select">
                                        <select>
                                            <option>10-05-2012</option>
                                            <option>10-05-2012</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="careerfy-column-6">
                                    <label>To Date *</label>
                                    <div class="careerfy-profile-select">
                                        <select>
                                            <option>10-05-2014</option>
                                            <option>10-05-2014</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Institute *</label>
                                    <input value="Walters University" onblur="if(this.value == '') { this.value ='Walters University'; }" onfocus="if(this.value =='Walters University') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Description *</label>
                                    <img src="extra-images/candidate-add-popup-textarea.png" alt="">
                                </li>
                                <li class="careerfy-column-12">
                                    <input value="Add education" type="submit">
                                </li>
                            </ul>
                        </div>
                        <div class="careerfy-resume-education">
                            <ul class="careerfy-row">
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2002 - 2004</small>
                                        <h2><a href="#">Masters in Fine Arts</a></h2>
                                        <span>Walters University</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2012 - 2015</small>
                                        <h2><a href="#">Tommers College</a></h2>
                                        <span>Bachlors in Fine Arts</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2014 - 2015</small>
                                        <h2><a href="#">Diploma in Fine Arts</a></h2>
                                        <span>Imperieal Institute of Art Direction</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="careerfy-candidate-resume-wrap">    
                        <div class="careerfy-candidate-title"> <h2>
                            <i class="careerfy-icon careerfy-social-media"></i> Experience 
                            <a href="javascript:void(0)" class="careerfy-resume-addbtn"><span class="fa fa-plus"></span> Add experince</a>
                        </h2> </div>

                        <div class="careerfy-add-popup">
                            <ul class="careerfy-row careerfy-employer-profile-form">
                                <li class="careerfy-column-12">
                                    <label>Title *</label>
                                    <input value="Masters in Fine Arts" onblur="if(this.value == '') { this.value ='Masters in Fine Arts'; }" onfocus="if(this.value =='Masters in Fine Arts') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-5">
                                    <label>From Date *</label>
                                    <div class="careerfy-profile-select">
                                        <select>
                                            <option>10-05-2012</option>
                                            <option>10-05-2012</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="careerfy-column-5">
                                    <label>To Date *</label>
                                    <div class="careerfy-profile-select">
                                        <select>
                                            <option>10-05-2014</option>
                                            <option>10-05-2014</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="careerfy-column-2">
                                    <div class="careerfy-checkbox">
                                        <input id="r8" name="rr" type="checkbox">
                                        <label for="r8"><span></span>Present</label>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Company *</label>
                                    <input value="Walters University" onblur="if(this.value == '') { this.value ='Walters University'; }" onfocus="if(this.value =='Walters University') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Description *</label>
                                    <img src="extra-images/candidate-add-popup-textarea.png" alt="">
                                </li>
                                <li class="careerfy-column-12">
                                    <input value="Add experince" type="submit">
                                </li>
                            </ul>
                        </div>
                        <div class="careerfy-resume-education">
                            <ul class="careerfy-row">
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2010 - 2012</small>
                                        <h2><a href="#">Development Manager</a></h2>
                                        <span>Atract Solutions</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2006 - 2008</small>
                                        <h2><a href="#">Senior PHP/Drupal developer</a></h2>
                                        <span>Minor Solutions</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>2002 - 2004</small>
                                        <h2><a href="#">Self Employed Professional</a></h2>
                                        <span> Abstraxct Max</span>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="careerfy-candidate-resume-wrap">    
                        <div class="careerfy-candidate-title"> <h2>
                            <i class="careerfy-icon careerfy-briefcase"></i> Portfolio 
                            <a href="#" class="careerfy-resume-addbtn"><span class="fa fa-plus"></span> Add Portfolio</a>
                        </h2> </div>

                        <div class="careerfy-company-gallery">
                            <ul class="careerfy-row">
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-1.png" alt=""></a>
                                        <figcaption>
                                            <span>Peca8 World</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-2.png" alt=""></a>
                                        <figcaption>
                                            <span>City Light</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-3.png" alt=""></a>
                                        <figcaption>
                                            <span>Spass Life</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-4.png" alt=""></a>
                                        <figcaption>
                                            <span>Cass Rasioaror</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-5.png" alt=""></a>
                                        <figcaption>
                                            <span>Miki Uni</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-6.png" alt=""></a>
                                        <figcaption>
                                            <span>Manhattoon</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li class="careerfy-column-3">
                                    <figure>
                                        <a href="#"><img src="extra-images/employer-company-photo-7.png" alt=""></a>
                                        <figcaption>
                                            <span>Aocan Active</span>
                                            <div class="careerfy-company-links">
                                                <a href="#" class="careerfy-icon careerfy-edit"></a>
                                                <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                            </div>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="careerfy-candidate-resume-wrap">    
                        <div class="careerfy-candidate-title"> <h2>
                            <i class="careerfy-icon careerfy-design-skills"></i> Skills 
                            <a href="javascript:void(0)" class="careerfy-resume-addbtn"><span class="fa fa-plus"></span> Add Skills</a>
                        </h2> </div>

                        <div class="careerfy-add-popup">
                            <ul class="careerfy-row careerfy-employer-profile-form">
                                <li class="careerfy-column-12">
                                    <label>Skill Heading *</label>
                                    <input value="Web Development" onblur="if(this.value == '') { this.value ='Web Development'; }" onfocus="if(this.value =='Web Development') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Percentage *</label>
                                    <input value="75%" onblur="if(this.value == '') { this.value ='75%'; }" onfocus="if(this.value =='75%') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-12">
                                    <input value="Add Skills" type="submit">
                                </li>
                            </ul>
                        </div>
                        <div class="careerfy-add-skills">
                            <ul class="careerfy-row">
                                <li class="careerfy-column-12">
                                    <div class="careerfy-add-skills-wrap">
                                        <span>74</span>
                                        <h2><a href="#">Social Media Marketing</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-add-skills-wrap">
                                        <span>67</span>
                                        <h2><a href="#">Web Development</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-add-skills-wrap">
                                        <span>25</span>
                                        <h2><a href="#">Search Engine Optimization</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-add-skills-wrap">
                                        <span>20</span>
                                        <h2><a href="#">User Experience Design</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="careerfy-candidate-resume-wrap">    
                        <div class="careerfy-candidate-title"> <h2>
                            <i class="careerfy-icon careerfy-trophy"></i> Honors &amp; Awards 
                            <a href="#" class="careerfy-resume-addbtn"><span class="fa fa-plus"></span> Add Award</a>
                        </h2> </div>

                        <div class="careerfy-add-popup">
                            <ul class="careerfy-row careerfy-employer-profile-form">
                                <li class="careerfy-column-12">
                                    <label>Award Title *</label>
                                    <input value="Distinguished Service Award" onblur="if(this.value == '') { this.value ='Distinguished Service Award'; }" onfocus="if(this.value =='Distinguished Service Award') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-6">
                                    <label>Year *</label>
                                    <div class="careerfy-profile-select">
                                        <select>
                                            <option>2012</option>
                                            <option>2012</option>
                                        </select>
                                    </div>
                                </li>
                                <li class="careerfy-column-6">
                                    <label>Company *</label>
                                    <input value="Gldtech" onblur="if(this.value == '') { this.value ='Gldtech'; }" onfocus="if(this.value =='Gldtech') { this.value = ''; }" type="text">
                                </li>
                                <li class="careerfy-column-12">
                                    <label>Description *</label>
                                    <img src="extra-images/candidate-add-popup-textarea.png" alt="">
                                </li>
                                <li class="careerfy-column-12">
                                    <input value="Add Award" type="submit">
                                </li>
                            </ul>
                        </div>
                        <div class="careerfy-resume-education careerfy-resume-awards">
                            <ul class="careerfy-row">
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>1970</small>
                                        <h2><a href="#">Distinguished Service Award</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>1979</small>
                                        <h2><a href="#">Robin Milner Young Researcher Award</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>1985</small>
                                        <h2><a href="#">Doctoral Dissertation Award</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                                <li class="careerfy-column-12">
                                    <div class="careerfy-resume-education-wrap">
                                        <small>1990</small>
                                        <h2><a href="#">Programming Languages Achievement</a></h2>
                                    </div>
                                    <div class="careerfy-resume-education-btn">
                                        <a href="#" class="careerfy-icon careerfy-edit"></a>
                                        <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                </div>
            </div>
            <input class="careerfy-employer-profile-submit" value="Update Resume" type="submit">
        </form>
    </div>
</div>
    

Gallery

<div class="careerfy-gallery careerfy-simple-gallery">
    <ul class="careerfy-row grid">
        <li class="grid-item careerfy-column-3"> <a href="extra-images/employer-gallery-2.jpg" class="fancybox" data-fancybox-group="group"><img src="extra-images/employer-gallery-1.jpg" alt=""></a> </li>
        <li class="grid-item careerfy-column-6"> <a href="extra-images/employer-gallery-2.jpg" class="fancybox" data-fancybox-group="group"><img src="extra-images/employer-gallery-2.jpg" alt=""></a> </li>
        <li class="grid-item careerfy-column-3"> <a href="extra-images/employer-gallery-2.jpg" class="fancybox" data-fancybox-group="group"><img src="extra-images/employer-gallery-3.jpg" alt=""></a> </li>
        <li class="grid-item careerfy-column-3"> <a href="extra-images/employer-gallery-2.jpg" class="fancybox" data-fancybox-group="group"><img src="extra-images/employer-gallery-4.jpg" alt=""></a> </li>
        <li class="grid-item careerfy-column-3"> <a href="extra-images/employer-gallery-2.jpg" class="fancybox" data-fancybox-group="group"><img src="extra-images/employer-gallery-5.jpg" alt=""></a> </li>
    </ul>
</div>
    

Roster

<div class="col-md-12">
    <div class="sportsmagazine-player sportsmagazine-modern-player">
        <ul class="row">
            <li class="col-md-3">
                <figure>
                    <a href="player-detail.html"><img src="extra-images/modern-player-img1.jpg" alt=""></a>
                    <figcaption>
                        <span>10</span>
                        <h3>Darren <span>Nick</span></h3>
                    </figcaption>
                </figure>
            </li>
            <li class="col-md-3">
                <figure>
                    <a href="player-detail.html"><img src="extra-images/modern-player-img2.jpg" alt=""></a>
                    <figcaption>
                        <span>10</span>
                        <h3>Darren <span>Nick</span></h3>
                    </figcaption>
                </figure>
            </li>
            <li class="col-md-3">
                <figure>
                    <a href="player-detail.html"><img src="extra-images/modern-player-img3.jpg" alt=""></a>
                    <figcaption>
                        <span>10</span>
                        <h3>Darren <span>Nick</span></h3>
                    </figcaption>
                </figure>
            </li>
            <li class="col-md-3">
                <figure>
                    <a href="player-detail.html"><img src="extra-images/modern-player-img4.jpg" alt=""></a>
                    <figcaption>
                        <span>10</span>
                        <h3>Darren <span>Nick</span></h3>
                    </figcaption>
                </figure>
            </li>
        </ul>
    </div>
    <div class="sportsmagazine-roster-graph">
        <h4>Complete Roster</h4>
        <table class="sportsmagazine-client-detail">
            <tr>
                <th>NBR</th>
                <th>Player Name</th>
                <th>Position</th>
                <th>Age</th>
                <th>Height</th>
                <th>weight</th>
                <th>Status</th>
                <th>College</th>
            </tr>
            <tr>
                <td>28</td>
                <td><span>Steve Masterson</span></td>
                <td><span>Quarterback</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Marinaton State</td>
            </tr>
            <tr>
                <td>07</td>
                <td><span>Scott Murdoch</span></td>
                <td><span>Wide Receiver</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Shelldow Institute</td>
            </tr>
            <tr>
                <td>10</td>
                <td><span>Nick Rodgers</span></td>
                <td><span>Wide Receiver</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>California College</td>
            </tr>
            <tr>
                <td>95</td>
                <td><span>Mark Stevens</span></td>
                <td><span>Running Back</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Shelldow Institute</td>
            </tr>
            <tr>
                <td>35</td>
                <td><span>Jake Summer</span></td>
                <td><span>Left Tackle</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>California College</td>
            </tr>
            <tr>
                <td>19</td>
                <td><span>Michael Maximoff</span></td>
                <td><span>Left Guard</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>California College</td>
            </tr>
            <tr>
                <td>10</td>
                <td><span>Chris Greyson</span></td>
                <td><span>Center</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Marinaton State</td>
            </tr>
            <tr>
                <td>96</td>
                <td><span>Dave Marinara</span></td>
                <td><span>Right Guard</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>California College</td>
            </tr>
            <tr>
                <td>54</td>
                <td><span>Nicholas Grissom</span></td>
                <td><span>Tight End</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Shelldow Institute</td>
            </tr>
            <tr>
                <td>28</td>
                <td><span>Luke Scarred</span></td>
                <td><span>Running Back</span></td>
                <td>18</td>
                <td>6’4”</td>
                <td>255 lbs</td>
                <td>Active</td>
                <td>Marinaton State</td>
            </tr>
        </table>
    </div>
</div>
    

Employer List

<div class="careerfy-employer careerfy-employer-list">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <div class="careerfy-table-layer">
                <div class="careerfy-table-row">
                    <div class="careerfy-table-cell"> <figure><a href="#"><img src="extra-images/employer-01.png" alt=""></a></figure> </div>
                    <div class="careerfy-table-cell">
                        <small>Banking</small>
                        <h2><a href="#">Zeeva Hiring Co.</a></h2>
                        <span><i class="fa fa-map-marker"></i> United Kingdom, London, 88 Crown Street</span>
                    </div>
                    <div class="careerfy-table-cell">
                        <ul class="careerfy-employer-thumblist">
                            <li><a href="#"><img src="extra-images/employer-list-thumb-1.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-2.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-3.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-4.jpg" alt=""></a></li>
                        </ul>
                        <a href="#" class="careerfy-employer-thumblist-size">+3 team size</a>
                    </div>
                    <div class="careerfy-table-cell"> <a href="#" class="careerfy-employer-list-btn">10 Vacancies</a> </div>
                </div>
            </div>
        </li>
        <li class="careerfy-column-12">
            <div class="careerfy-table-layer">
                <div class="careerfy-table-row">
                    <div class="careerfy-table-cell"> <figure><a href="#"><img src="extra-images/employer-02.png" alt=""></a></figure> </div>
                    <div class="careerfy-table-cell">
                        <small>Banking</small>
                        <h2><a href="#">Zeeva Hiring Co.</a></h2>
                        <span><i class="fa fa-map-marker"></i> United Kingdom, London, 88 Crown Street</span>
                    </div>
                    <div class="careerfy-table-cell">
                        <ul class="careerfy-employer-thumblist">
                            <li><a href="#"><img src="extra-images/employer-list-thumb-1.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-2.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-3.jpg" alt=""></a></li>
                            <li><a href="#"><img src="extra-images/employer-list-thumb-4.jpg" alt=""></a></li>
                        </ul>
                        <a href="#" class="careerfy-employer-thumblist-size">+3 team size</a>
                    </div>
                    <div class="careerfy-table-cell"> <a href="#" class="careerfy-employer-list-btn">10 Vacancies</a> </div>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Employer New Job

<div class="careerfy-column-9">
    <div class="careerfy-typo-wrap">
        <div class="careerfy-employer-dasboard">
            <form>
                <div class="careerfy-employer-box-section">
                    <!-- Profile Title -->
                    <div class="careerfy-profile-title">
                        <h2>Post a New Job</h2>
                    </div>
                    <!-- New Job -->
                    <nav class="careerfy-employer-jobnav">
                        <ul>
                            <li class="active"><a href="employer-dashboard-newjob.html"><i class="careerfy-icon careerfy-briefcase-1"></i> <span>Job Detail</span></a></li>
                            <li><a href="employer-dashboard-pkgpayment.html"><i class="careerfy-icon careerfy-credit-card"></i> <span>Package &amp; Payments</span></a></li>
                            <li><a href="employer-dashboard-confitmation.html"><i class="careerfy-icon careerfy-checked"></i> <span>Confirmation</span></a></li>
                        </ul>
                    </nav>
                    <ul class="careerfy-row careerfy-employer-profile-form">
                        <li class="careerfy-column-6">
                            <label>Job Title *</label>
                            <input value="Enter Tutle" onblur="if(this.value == '') { this.value ='Enter Tutle'; }" onfocus="if(this.value =='Enter Tutle') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-6">
                            <label>Deadline Submission *</label>
                            <input value="Enter Deadline Submission" onblur="if(this.value == '') { this.value ='Enter Deadline Submission'; }" onfocus="if(this.value =='Enter Deadline Submission') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-12">
                            <label>Description *</label>
                            <textarea>Nulla bibendum commodo rhoncus. Sed mattis magna nunc, ac varius quam pharetra vitae. Praesent vitae ipsum eu magna pretium aliquam. Curabitur interdum quis velit non tincidunt. Donec pretium gravida erat, a faucibus velit egestas eget. Nulla bibendum commodo rhoncus. Sed mattis magna nunc, ac varius quam itae ipsum eu magna pretium aliquam. Curabitur interdum quis velit non tincidunt. Donec pretium gravida erat, a faucibus velit egestas eget.</textarea>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Email Address</label>
                            <input value="dum72@gmail.com" onblur="if(this.value == '') { this.value ='dum72@gmail.com'; }" onfocus="if(this.value =='dum72@gmail.com') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-6">
                            <label>Username</label>
                            <input value="Graveholdings" onblur="if(this.value == '') { this.value ='Graveholdings'; }" onfocus="if(this.value =='Graveholdings') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-6">
                            <label>Job Category *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Select a Category</option>
                                    <option>Select a Category</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Job Type *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Select a Type</option>
                                    <option>Select a Type</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Job Level *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Select a Level</option>
                                    <option>Select a Level</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Gender *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Please Select</option>
                                    <option>Please Select</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Salary From</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Enter Salary From</option>
                                    <option>Enter Salary From</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Salary To</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Enter Salary To</option>
                                    <option>Enter Salary To</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Experience</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>US Dollar</option>
                                    <option>US Dollar</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Industry</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Please Select</option>
                                    <option>Please Select</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Qualification</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Please Select</option>
                                    <option>Please Select</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Application Deadline Date</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>Please Select</option>
                                    <option>Please Select</option>
                                </select>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="careerfy-employer-box-section">
                    <div class="careerfy-profile-title"><h2>Address / Location</h2></div>
                    <ul class="careerfy-row careerfy-employer-profile-form">
                        <li class="careerfy-column-6">
                            <label>Country *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>United Kingdom</option>
                                    <option>United Kingdom</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Region *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>London</option>
                                    <option>London</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>City / Town *</label>
                            <div class="careerfy-profile-select">
                                <select>
                                    <option>London</option>
                                    <option>London</option>
                                </select>
                            </div>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Postcode *</label>
                            <input value="746000" onblur="if(this.value == '') { this.value ='746000'; }" onfocus="if(this.value =='746000') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-10">
                            <label>Full Address *</label>
                            <input value="Ha Dong - Ha Noi - Viet Nam" onblur="if(this.value == '') { this.value ='Ha Dong - Ha Noi - Viet Nam'; }" onfocus="if(this.value =='Ha Dong - Ha Noi - Viet Nam') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-2">
                            <button class="careerfy-findmap-btn">Find on Map</button>
                        </li>
                        <li class="careerfy-column-6">
                            <label>Latitude</label>
                            <input value="51.4935825" onblur="if(this.value == '') { this.value ='51.4935825'; }" onfocus="if(this.value =='51.4935825') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-6">
                            <label>Longitude</label>
                            <input value="-0.16803379999998924" onblur="if(this.value == '') { this.value ='-0.16803379999998924'; }" onfocus="if(this.value =='-0.16803379999998924') { this.value = ''; }" type="text">
                        </li>
                        <li class="careerfy-column-12">
                            <div class="careerfy-profile-map"><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d22589232.038285658!2d-103.9763543971716!3d46.28054447273778!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1507595834401"></iframe></div>
                            <span class="careerfy-short-message">For the precise location, you can drag and drop the pin.</span>
                        </li>
                    </ul>
                </div>
                <input class="careerfy-employer-profile-submit" value="Update Setting" type="submit">
            </form>
        </div>
    </div>
</div>
    

Save Jobs

<div class="careerfy-candidate-savedjobs">
    <table>
        <thead>
            <tr>
                <th>Job Title</th>
                <th>Company</th>
                <th>Date Saved</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb.png" alt=""></a>
                    <h2><a href="#">German Speaking Team Leader</a></h2>
                </td>
                <td><span>@ Yup Studios</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb-2.png" alt=""></a>
                    <h2><a href="#">Sales Manager – Beauty Product</a></h2>
                </td>
                <td><span>@ Yup Studios</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb-3.png" alt=""></a>
                    <h2><a href="#">Web Developer – PHP, HTML, CSS....</a></h2>
                </td>
                <td><span>@ Yup Studios</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb-4.png" alt=""></a>
                    <h2><a href="#">JavaScript Developer</a></h2>
                </td>
                <td><span>@ Yup Studios</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb-5.png" alt=""></a>
                    <h2><a href="#">Senior Finance Contracts Administrator</a></h2>
                </td>
                <td><span>@ Yup Studios</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="careerfy-savedjobs-thumb"><img src="extra-images/candidate-saved-jobs-thumb-6.png" alt=""></a>
                    <h2><a href="#">JavaScript Developer</a></h2>
                </td>
                <td><span>Broken Dreams Fingerstyle</span></td>
                <td>Sep 26, 2017</td>
                <td>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-savedjobs-links"><i class="careerfy-icon careerfy-view"></i></a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
    

Employer Resume

<div class="careerfy-employer-resumes">
    <ul class="careerfy-row">
        <li class="careerfy-column-6">
            <div class="careerfy-employer-resumes-wrap">
                <figure>
                    <a href="#" class="careerfy-resumes-thumb"><img src="extra-images/resumes-list-thumb-1.jpg" alt=""></a>
                    <figcaption>
                        <h2><a href="#">Samantha Cindy</a> <a href="#" class="careerfy-resumes-download"><i class="careerfy-icon careerfy-download-arrow"></i> Download CV</a></h2>
                        <span class="careerfy-resumes-subtitle">Web Developer at <a href="#">Vivatam</a></span>
                        <ul>
                            <li>
                                <span>Location:</span>
                                Netherlands, Rotterdam
                            </li>
                            <li>
                                <span>Current Salary:</span>
                                $1900/<small>p.a minimum</small>
                            </li>
                        </ul>
                    </figcaption>
                </figure>
                <ul class="careerfy-resumes-options">
                    <li><a href="#"><i class="careerfy-icon careerfy-mail"></i> Message</a></li>
                    <li><a href="#"><i class="careerfy-icon careerfy-user-1"></i> View Profile</a></li>
                    <li><a href="#"><i class="careerfy-icon careerfy-linkedin-1"></i> LinkedIn</a></li>
                </ul>
            </div>
        </li>
        <li class="careerfy-column-6">
            <div class="careerfy-employer-resumes-wrap">
                <figure>
                    <a href="#" class="careerfy-resumes-thumb"><img src="extra-images/resumes-list-thumb-1.jpg" alt=""></a>
                    <figcaption>
                        <h2><a href="#">Kyl San Antonio</a> <a href="#" class="careerfy-resumes-download"><i class="careerfy-icon careerfy-download-arrow"></i> Download CV</a></h2>
                        <span class="careerfy-resumes-subtitle">Charity &amp; Voluntary at <a href="#">Unodoncity</a></span>
                        <ul>
                            <li>
                                <span>Location:</span>
                                Netherlands, Rotterdam
                            </li>
                            <li>
                                <span>Current Salary:</span>
                                $2000/<small>p.a minimum</small>
                            </li>
                        </ul>
                    </figcaption>
                </figure>
                <ul class="careerfy-resumes-options">
                    <li><a href="#"><i class="careerfy-icon careerfy-mail"></i> Message</a></li>
                    <li><a href="#"><i class="careerfy-icon careerfy-user-1"></i> View Profile</a></li>
                    <li><a href="#"><i class="careerfy-icon careerfy-linkedin-1"></i> LinkedIn</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>
        

Transactions

<div class="careerfy-employer-transactions">
    <div class="careerfy-table-layer careerfy-transactions-thead">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">Order ID</div>
            <div class="careerfy-table-cell">Type</div>
            <div class="careerfy-table-cell">Amount</div>
            <div class="careerfy-table-cell">Date</div>
            <div class="careerfy-table-cell">Payment Mode</div>
            <div class="careerfy-table-cell">Satus</div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-transactions-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">#2348</div>
            <div class="careerfy-table-cell"><span>Resume Package</span></div>
            <div class="careerfy-table-cell"><small>$99.00</small></div>
            <div class="careerfy-table-cell">Jun 2, 2017</div>
            <div class="careerfy-table-cell">Bank Transfer</div>
            <div class="careerfy-table-cell"><i class="fa fa-circle"></i> Successfull</div>
        </div>
    </div>
</div>
    

Category Style Two

<div class="careerfy-services careerfy-modren-services">
    <ul class="row">
        <li class="col-md-3">
            <div class="careerfy-modren-services-wrap">
                <img src="extra-images/modren-service-logo-1.png" alt="">
                <p>This is the best theme I have seen in years. It all the needed for a perfect Job portal</p>
                <span>1,352 jobs</span>
                <a href="#" class="careerfy-modren-service-link"><i class="careerfy-icon careerfy-arrows22"></i></a>
            </div>
        </li>
        <li class="col-md-3">
            <div class="careerfy-modren-services-wrap">
                <img src="extra-images/modren-service-logo-2.png" alt="">
                <p>I know, I know! This is the best poll ever made and you are not sure which answer to pick ;)</p>
                <span>527 jobs</span>
                <a href="#" class="careerfy-modren-service-link"><i class="careerfy-icon careerfy-arrows22"></i></a>
            </div>
        </li>
        <li class="col-md-3">
            <div class="careerfy-modren-services-wrap">
                <img src="extra-images/modren-service-logo-3.png" alt="">
                <p>Euripidis referrentur his. Ad pro oporteat laboramus scriptorem, nobis decore timeam in pri.</p>
                <span>491 jobs</span>
                <a href="#" class="careerfy-modren-service-link"><i class="careerfy-icon careerfy-arrows22"></i></a>
            </div>
        </li>
        <li class="col-md-3">
            <div class="careerfy-modren-services-wrap">
                <img src="extra-images/modren-service-logo-4.png" alt="">
                <p>Ei has veniam liberavisse, omnes utinam docendi eos at, id usu eligendi deleniti.</p>
                <span>364 jobs</span>
                <a href="#" class="careerfy-modren-service-link"><i class="careerfy-icon careerfy-arrows22"></i></a>
            </div>
        </li>
    </ul>
</div>
    

Parallax Style One

<div class="careerfy-main-section careerfy-parallex-full">
    <div class="container">
        <div class="row">

            <aside class="col-md-6 careerfy-typo-wrap">
                <div class="careerfy-parallex-text">
                    <h2>Millions of jobs. <br> Find the one that’s right for you.</h2>
                    <p>Search all the open positions on the web. Get your own personalized salary estimate. Read reviews on over 600,000 companies worldwide. The right job is out there.</p>
                    <a href="#" class="careerfy-static-btn careerfy-bgcolor"><span>Search Jobs</span></a>
                </div>
            </aside>
            <aside class="col-md-6 careerfy-typo-wrap"> <div class="careerfy-right"><img src="extra-images/parallex-thumb-1.png" alt=""></div> </aside>

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

Contact Us

<div class="careerfy-main-content">
    
    <!-- Main Section -->
    <div class="careerfy-main-section map-full">
        <div class="container-fluid">
            <div class="row">

                <div id="map"></div>

            </div>
        </div>
    </div>
    <!-- Main Section -->

    <!-- Main Section -->
    <div class="careerfy-main-section careerfy-contact-form-full-section">
        <div class="container">
            <div class="row">

                <div class="col-md-12">
                    <div class="careerfy-contact-info-sec">
                        <h2>Contact Information</h2>
                        <p>Ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos...</p>
                        <ul class="careerfy-contact-info-list">
                            <li><i class="careerfy-icon careerfy-placeholder"></i> International Noel Nawab Street Los Alamitos CA 90720, USA</li>
                            <li><i class="careerfy-icon careerfy-mail"></i> <a href="#">Email: Info@Website.Com</a></li>
                            <li><i class="careerfy-icon careerfy-technology"></i> Call: 123.456.78910</li>
                            <li><i class="careerfy-icon careerfy-fax"></i> Fax: (800) 123 4567 89</li>
                        </ul>
                        <div class="careerfy-contact-media">
                            <a href="#" class="careerfy-icon careerfy-facebook-logo"></a>
                            <a href="#" class="careerfy-icon careerfy-twitter-logo"></a>
                            <a href="#" class="careerfy-icon careerfy-linkedin-button"></a>
                            <a href="#" class="careerfy-icon careerfy-dribbble-logo"></a>
                        </div>
                    </div>
                    <div class="careerfy-contact-form">
                        <h2>We want to hear form you!</h2>
                        <form>
                            <ul>
                                <li>
                                    <input value="Enter Your Name" onblur="if(this.value == '') { this.value ='Enter Your Name'; }" onfocus="if(this.value =='Enter Your Name') { this.value = ''; }" type="text">
                                    <i class="careerfy-icon careerfy-user"></i>
                                </li>
                                <li>
                                    <input value="Subject" onblur="if(this.value == '') { this.value ='Subject'; }" onfocus="if(this.value =='Subject') { this.value = ''; }" type="text">
                                    <i class="careerfy-icon careerfy-user"></i>
                                </li>
                                <li>
                                    <input value="Enter Your Email Address" onblur="if(this.value == '') { this.value ='Enter Your Email Address'; }" onfocus="if(this.value =='Enter Your Email Address') { this.value = ''; }" type="text">
                                    <i class="careerfy-icon careerfy-mail"></i>
                                </li>
                                <li>
                                    <input value="Enter Your Phone Number" onblur="if(this.value == '') { this.value ='Enter Your Phone Number'; }" onfocus="if(this.value =='Enter Your Phone Number') { this.value = ''; }" type="text">
                                    <i class="careerfy-icon careerfy-technology"></i>
                                </li>
                                <li class="careerfy-contact-form-full">
                                    <textarea>Track your results on the local or global market , depending on your needs. You can track everything in the most popular search engines - Google, Bing, Yahoo and Yandex. Improve your search performance and increase traffic with our turn-key. Positionly is the only solution on the market that provides a simple and transparent way to monitor.the effectiveness.</textarea>
                                </li>
                                <li><input type="submit" value="Submit"></li>
                            </ul>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Main Section -->

    <!-- Main Section -->
    <div class="careerfy-main-section careerfy-partner-slider-full">
        <div class="container">
            <div class="row">

                <div class="col-md-12">
                    <!-- Fancy Title -->
                    <section class="careerfy-fancy-title">
                        <h2>Find the one that’s right for you.</h2>
                        <p>A better career is out there. We'll help you find it. We're your first step to becoming everything you want to be.</p>
                    </section>
                    <div class="careerfy-partner-slider">
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-1.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-2.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-3.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-4.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-5.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-6.png" alt=""></a></div>
                        <div class="careerfy-partner-slider-layer"><a href="#"><img src="extra-images/partner-logo-3.png" alt=""></a></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Main Section -->

    <!-- Main Section -->
    <div class="careerfy-main-section contact-service-full">
        <div class="container">
            <div class="row">

                <div class="col-md-12">
                    <div class="contact-service">
                        <ul class="row">
                            <li class="col-md-4">
                                <h2>Want to join us?</h2>
                                <i class="careerfy-icon careerfy-user-2"></i>
                                <a href="#">Careers</a>
                            </li>
                            <li class="col-md-4">
                                <h2>Read our latest news</h2>
                                <i class="careerfy-icon careerfy-newspaper"></i>
                                <a href="#">Our Blog</a>
                            </li>
                            <li class="col-md-4">
                                <h2>Have questions?</h2>
                                <i class="careerfy-icon careerfy-discuss-issue"></i>
                                <a href="#">Our FAQ</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- Main Section -->

</div>
    

Job Grid

<div class="careerfy-job careerfy-job-grid">
    <ul class="careerfy-row">
        <li class="careerfy-column-3">
            <div class="careerfy-job-grid-wrap">
                <figure>
                    <span class="careerfy-jobtype-label">Freelance</span>
                    <a href="#"><img src="extra-images/job-grid-logo-1.png" alt=""></a>
                    <span class="careerfy-featured-label">Featured</span>
                </figure>
                <div class="careerfy-jobgrid-text">
                    <div class="careerfy-job-tag"><a href="#">@ Massimo Artemisis</a></div>
                    <h2><a href="#">PHP Web Software Developer (HTML, CSS)</a></h2>
                    <ul class="careerfy-job-time">
                        <li><a href="#">Sales &amp; Marketing</a></li>
                        <li>3 days ago</li>
                    </ul>
                    <span class="careerfy-job-location"><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</span>
                    <a href="#" class="careerfy-job-like"><i class="fa fa-heart"></i></a>
                </div>
            </div>
        </li>
        <li class="careerfy-column-3">
            <div class="careerfy-job-grid-wrap">
                <figure>
                    <span class="careerfy-jobtype-label jobtype-label-green">Part Time</span>
                    <a href="#"><img src="extra-images/job-grid-logo-2.png" alt=""></a>
                </figure>
                <div class="careerfy-jobgrid-text">
                    <div class="careerfy-job-tag"><a href="#">@ Massimo Artemisis</a></div>
                    <h2><a href="#">Maths Teacher – Second in Department – KS3 &amp; Ks</a></h2>
                    <ul class="careerfy-job-time">
                        <li><a href="#">Sales &amp; Marketing</a></li>
                        <li>3 days ago</li>
                    </ul>
                    <span class="careerfy-job-location"><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</span>
                    <a href="#" class="careerfy-job-like"><i class="fa fa-heart"></i></a>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Employer Grid

<div class="careerfy-employer careerfy-employer-grid">
    <ul class="careerfy-row">
        <li class="careerfy-column-4">
            <div class="careerfy-employer-grid-wrap">
                <figure>
                    <a href="#" class="careerfy-employer-grid-image"><img src="extra-images/employer-01.png" alt=""></a>
                    <figcaption>
                        <small>Banking</small>
                        <h2><a href="#">Zeeva Hiring Co.</a></h2>
                        <span>London, United Kingdom </span>
                    </figcaption>
                </figure>
                <ul class="careerfy-employer-thumblist">
                    <li><a href="#"><img src="extra-images/employer-list-thumb-1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-4.jpg" alt=""></a></li>
                </ul>
                <a href="#" class="careerfy-employer-thumblist-size">+3 team size</a>
            </div>
            <a href="#" class="careerfy-employer-grid-btn">10 Vacancies</a>
        </li>
        <li class="careerfy-column-4">
            <div class="careerfy-employer-grid-wrap">
                <figure>
                    <a href="#" class="careerfy-employer-grid-image"><img src="extra-images/employer-02.png" alt=""></a>
                    <figcaption>
                        <small>Marketing &amp; PR</small>
                        <h2><a href="#">Veniam Recruitrs</a></h2>
                        <span>London, United Kingdom </span>
                    </figcaption>
                </figure>
                <ul class="careerfy-employer-thumblist">
                    <li><a href="#"><img src="extra-images/employer-list-thumb-1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="extra-images/employer-list-thumb-4.jpg" alt=""></a></li>
                </ul>
                <a href="#" class="careerfy-employer-thumblist-size">+6 team size</a>
            </div>
            <a href="#" class="careerfy-employer-grid-btn">5 Vacancies</a>
        </li>
    </ul>
</div>

Parallax Style Two

<div class="careerfy-main-section">
    <div class="container-fluid">
        <div class="row">

            <div class="col-md-6 careerfy-parallex-box">
                <div class="careerfy-parallex-box-wrap">
                    <h2>Start your Career Today by Singing Up Now!</h2>
                    <p>HireRight Wordpress Theme is a complete solution is loaded with options, both for recruiter and for candidates. Recruiters and companies can post, edit and manage job offers and company profiles and candidates can do the same things with their resumes.</p>
                    <a href="#" class="careerfy-parallex-box-btn">Sing Up Now</a>
                </div>
            </div>
            <div class="col-md-6 careerfy-media-player">
                <span class="mejs__offscreen">Video Player</span><div id="mep_0" class="mejs__container mejs__container-keyboard-inactive mejs__video" tabindex="0" role="application" aria-label="Video Player" style="width: 480px; height: 270px; min-width: 0px;"><div class="mejs__inner"><div class="mejs__mediaelement"><mediaelementwrapper id="mejs_9483649264513684"><video src="file:///E:/WebMarce/Html/JobSearch/For%20Live%20Html/Main/careerfy-html/build/echo-hereweare.mp4" poster="build/parallex-video-box-img.jpg" preload="none" id="mejs_9483649264513684_html5"></video></mediaelementwrapper></div><div class="mejs__layers"><div class="mejs__poster mejs__layer" style="background-image: url(&quot;build/parallex-video-box-img.jpg&quot;); width: 480px; height: 270px;"><img class="mejs__poster-img" src="build/parallex-video-box-img.jpg" width="0" height="0"></div><div style="display: none; width: 480px; height: 270px;" class="mejs__overlay mejs__layer"><div class="mejs__overlay-loading"><span class="mejs__overlay-loading-bg-img"></span></div></div><div style="display: none; width: 480px; height: 270px;" class="mejs__overlay mejs__layer"><div class="mejs__overlay-error"></div></div><div class="mejs__overlay mejs__layer mejs__overlay-play" style="width: 480px; height: 270px;"><div class="mejs__overlay-button" role="button" tabindex="0" aria-label="Play" aria-pressed="false"></div></div></div><div class="mejs__controls"><div class="mejs__button mejs__playpause-button mejs__play"><button type="button" aria-controls="mep_0" title="Play" aria-label="Play" tabindex="0"></button></div><div class="mejs__time mejs__currenttime-container" role="timer" aria-live="off"><span class="mejs__currenttime">00:00</span></div><div class="mejs__time-rail"><span class="mejs__time-total mejs__time-slider"><span class="mejs__time-buffering" style="display: none;"></span><span class="mejs__time-loaded"></span><span class="mejs__time-current"></span><span class="mejs__time-hovered no-hover"></span><span class="mejs__time-handle"><span class="mejs__time-handle-content"></span></span><span class="mejs__time-float"><span class="mejs__time-float-current">00:00</span><span class="mejs__time-float-corner"></span></span></span></div><div class="mejs__time mejs__duration-container"><span class="mejs__duration">00:00</span></div><div class="mejs__button mejs__volume-button mejs__mute"><button type="button" aria-controls="mep_0" title="Mute" aria-label="Mute" tabindex="0"></button><a href="javascript:void(0);" class="mejs__volume-slider" aria-label="Volume Slider" aria-valuemin="0" aria-valuemax="100" role="slider" aria-orientation="vertical"><span class="mejs__offscreen">Use Up/Down Arrow keys to increase or decrease volume.</span><div class="mejs__volume-total"><div class="mejs__volume-current"></div><div class="mejs__volume-handle"></div></div></a></div><div class="mejs__button mejs__fullscreen-button"><button type="button" aria-controls="mep_0" title="Fullscreen" aria-label="Fullscreen" tabindex="0"></button></div></div></div></div>
            </div>

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

Job List

<div class="careerfy-job careerfy-joblisting-classic">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <div class="careerfy-joblisting-classic-wrap">
                <figure><a href="#"><img src="extra-images/job-listing-logo-1.png" alt=""></a></figure>
                <div class="careerfy-joblisting-text">
                    <div class="careerfy-list-option">
                        <h2><a href="#">Need Senior Rolling Stock Technician</a> <span>Featured</span></h2>
                        <ul>
                            <li><a href="#">@ Massimo Artemisis</a></li>
                            <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> Sales &amp; Marketing</li>
                        </ul>
                    </div>
                    <div class="careerfy-job-userlist">
                        <a href="#" class="careerfy-option-btn">Freelance</a>
                        <a href="#" class="careerfy-job-like"><i class="fa fa-heart"></i></a>
                    </div>
                <div class="clearfix"></div>
                </div>
            </div>
        </li>
        <li class="careerfy-column-12">
            <div class="careerfy-joblisting-classic-wrap">
                <figure><a href="#"><img src="extra-images/job-listing-logo-2.png" alt=""></a></figure>
                <div class="careerfy-joblisting-text">
                    <div class="careerfy-list-option">
                        <h2><a href="#">Job in Computer Information Tech</a></h2>
                        <ul>
                            <li><a href="#">@ Sapient</a></li>
                            <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> Development</li>
                        </ul>
                    </div>
                    <div class="careerfy-job-userlist">
                        <a href="#" class="careerfy-option-btn careerfy-blue">Full time</a>
                        <a href="#" class="careerfy-job-like"><i class="fa fa-heart"></i></a>
                    </div>
                <div class="clearfix"></div>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Employer Manage jobs

<div class="careerfy-managejobs-list">
    <!-- Manage Jobs Header -->
    <div class="careerfy-table-layer careerfy-managejobs-thead">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">Job Title</div>
            <div class="careerfy-table-cell">Applications</div>
            <div class="careerfy-table-cell">Featured</div>
            <div class="careerfy-table-cell">Status</div>
            <div class="careerfy-table-cell"></div>
        </div>
    </div>
    <!-- Manage Jobs Body -->
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Computer and Information Tech</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">4 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option">Pending</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Praca przy produkcji</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">6 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option active">Active</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Lorem ipsum dolor sit amet consectetur</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">2 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option expired">Expired</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Graduate Inside Sales Representatives</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">25 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option">Pending</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Java Developer Scala Spring Linux Java</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">150 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option expired">Expired</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="careerfy-table-layer careerfy-managejobs-tbody">
        <div class="careerfy-table-row">
            <div class="careerfy-table-cell">
                <h6><a href="#">Overdue Accounts Officer for Audit</a></h6>
                <ul>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Created: <span>Sep 14, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-calendar"></i> Expiry: <span>Dec 9, 2017</span></li>
                    <li><i class="careerfy-icon careerfy-maps-and-flags"></i> Netherlands, Rotterdam</li>
                    <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Web Developer</a></li>
                </ul>
            </div>
            <div class="careerfy-table-cell"><a href="#" class="careerfy-managejobs-appli">30 Application(s)</a></div>
            <div class="careerfy-table-cell"><i class="fa fa-star-o"></i></div>
            <div class="careerfy-table-cell"><span class="careerfy-managejobs-option">Pending</span></div>
            <div class="careerfy-table-cell">
                <div class="careerfy-managejobs-links">
                    <a href="#" class="careerfy-icon careerfy-view"></a>
                    <a href="#" class="careerfy-icon careerfy-edit"></a>
                    <a href="#" class="careerfy-icon careerfy-rubbish"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Manage Jobs Body -->
</div>
    

Service View Three

<div class="careerfy-plain-services">
    <ul class="row">
        <li class="col-md-4">
            <i class="careerfy-icon careerfy-curriculum"></i>
            <h2>CV Search</h2>
            <p>Amet, consectetur adipiscing elit. Sed eu ante eget nisl convallis tempus. Phasellus ante lectus, tincidunt tincidunt dui a, rhoncus interdum est.</p>
        </li>
        <li class="col-md-4">
            <i class="careerfy-icon careerfy-building"></i>
            <h2>Recruiter Profiles</h2>
            <p>Adipiscing elit sed eu ante eget nisl convallis tempus. Phasellus ante lectus, tincidunt tincidunt dui a, rhoncus interdum est.</p>
        </li>
        <li class="col-md-4">
            <i class="careerfy-icon careerfy-briefcase-1"></i>
            <h2>Advertise a Job</h2>
            <p>Sit amet consectetur adipiscing elit. Sed eu ante eget nisl convallis tempus. Phasellus ante lectus, tincidunt tincidunt dui a, rhoncus interdum est.</p>
        </li>
    </ul>
</div>
    

Job Listing Style One

<div class="careerfy-job-listing careerfy-featured-listing">
    <ul class="careerfy-row">
        <li class="careerfy-column-6">
            <div class="careerfy-table-layer">
                <div class="careerfy-table-row">
                    <figure><a href="#"><img src="extra-images/featured-listing-1.jpg" alt=""></a></figure>
                    <div class="careerfy-featured-listing-text">
                        <h2><a href="#">Dropbox -- UX designer</a></h2>
                        <a href="#" class="careerfy-like-list"><i class="careerfy-icon careerfy-heart"></i></a>
                        <time datetime="2008-02-14 20:00">September 15, 2017</time>
                        <div class="careerfy-featured-listing-options">
                            <ul>
                                <li><i class="careerfy-icon careerfy-maps-and-flags"></i> <a href="#">Rennes,</a> <a href="#">France</a></li>
                                <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Accountancy</a></li>
                            </ul>
                            <a href="#" class="careerfy-option-btn">Freelance</a>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        <li class="careerfy-column-6">
            <div class="careerfy-table-layer">
                <div class="careerfy-table-row">
                    <figure><a href="#"><img src="extra-images/featured-listing-2.jpg" alt=""></a></figure>
                    <div class="careerfy-featured-listing-text">
                        <h2><a href="#">Dropbox -- UX designer</a></h2>
                        <a href="#" class="careerfy-like-list"><i class="careerfy-icon careerfy-heart"></i></a>
                        <time datetime="2008-02-14 20:00">September 15, 2017</time>
                        <div class="careerfy-featured-listing-options">
                            <ul>
                                <li><i class="careerfy-icon careerfy-maps-and-flags"></i> <a href="#">Derry,</a> <a href="#">United Kingdom</a></li>
                                <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> <a href="#">Automotive</a></li>
                            </ul>
                            <a href="#" class="careerfy-option-btn careerfy-blue">Full time</a>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Job Listing View two

<div class="careerfy-job careerfy-joblisting-plain">
    <ul class="row">
        <li class="col-md-12">
            <div class="careerfy-joblisting-plain-wrap">
                <figure><a href="#"><img src="extra-images/joblisting-plain-1.png" alt=""></a></figure>
                <div class="careerfy-joblisting-plain-text">
                    <div class="careerfy-joblisting-plain-left">
                        <h2><a href="#">Need Senior Rolling Stock Technician</a> <span>Featured</span> </h2>
                        <ul>
                            <li><span>@ Rose Clinic</span></li>
                            <li><i class="careerfy-icon careerfy-filter-tool-black-shape"></i> Healthcare</li>
                            <li><i class="careerfy-icon careerfy-money"></i> $70000</li>
                        </ul>
                    </div>
                    <div class="careerfy-joblisting-plain-right">
                        <small><i class="careerfy-icon careerfy-maps-and-flags"></i>  Netherlands, Rotterdam</small>
                        <a href="#" class="careerfy-job-like"><i class="fa fa-heart"></i></a>
                        <span class="careerfy-joblisting-plain-status">Freelance</span>
                    </div>
                <div class="clearfix"></div>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Job Packages

<div class="col-md-4">
    <div class="careerfy-additional-priceplane">
        <h2>Basic Jobs</h2>
        <span><strong>$</strong>30 <small>Per month</small></span>
        <ul>
            <li>1 job posting</li>
            <li>Featured On Demand</li>
            <li>Job displayed for 20 days</li>
            <li>Premium Support 24/7</li>
        </ul>
        <div class="clearfix"></div>
        <a href="#" class="careerfy-additional-priceplane-btn">Proceed <i class="careerfy-icon careerfy-right-arrow-1"></i></a>
    </div>
</div>
<div class="col-md-4">
    <div class="careerfy-additional-priceplane active">
        <h2>Standard Jobs</h2>
        <span><strong>$</strong>80 <small>Per month</small></span>
        <ul>
            <li>1 job posting</li>
            <li>Featured On Demand</li>
            <li>Job displayed for 20 days</li>
            <li>Premium Support 24/7</li>
        </ul>
        <div class="clearfix"></div>
        <a href="#" class="careerfy-additional-priceplane-btn">Proceed <i class="careerfy-icon careerfy-right-arrow-1"></i></a>
    </div>
</div>
    

Candidate List

<div class="careerfy-candidate careerfy-candidate-default">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <div class="careerfy-candidate-default-wrap">
                <figure><a href="#"><img src="extra-images/candidate-listing-thumb-1.jpg" alt=""></a></figure>
                <div class="careerfy-candidate-default-text">
                    <div class="careerfy-candidate-default-left">
                        <h2><a href="#">Hoang Nguyen</a> <i class="careerfy-icon careerfy-check-mark"></i></h2>
                        <ul>
                            <li>Fashion Designer at <a href="#" class="careerfy-candidate-default-studio">Yup Studio</a></li>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-envelope"></i> <a href="#">hoang@gmail.com</a></li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-candidate-default-btn"><i class="careerfy-icon careerfy-add-list"></i> Shortlist</a>
                </div>
            </div>
        </li>
        <li class="careerfy-column-12">
            <div class="careerfy-candidate-default-wrap">
                <figure><a href="#"><img src="extra-images/candidate-listing-thumb-2.jpg" alt=""></a></figure>
                <div class="careerfy-candidate-default-text">
                    <div class="careerfy-candidate-default-left">
                        <h2><a href="#">Minh Pham</a></h2>
                        <ul>
                            <li>Product Designer at <a href="#" class="careerfy-candidate-default-studio">InteractiveLabs</a></li>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-envelope"></i> <a href="#">hoang@gmail.com</a></li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-candidate-default-btn"><i class="careerfy-icon careerfy-add-list"></i> Shortlist</a>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Reviews

<div class="careerfy-company-review">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <figure>
                <a href="#" class="company-review-thumb"><img src="extra-images/company-review-1.jpg" alt=""></a>
                <figcaption>
                    <div class="careerfy-company-review-left">
                        <h6><a href="#">Gloria E. Larsen</a></h6>
                        <div class="careerfy-company-rating"><span class="careerfy-company-rating-box" style="width: 80%;"></span></div>
                        <small>4.0</small>
                    </div>
                    <time datetime="2008-02-14 20:00">September 25, 2017</time>
                </figcaption>
            </figure>
            <div class="careerfy-company-review-text">
                <h6><a href="#">“Color sit amet, consectetur adipiscing elit”</a></h6>
                <p>Goodness some froze the sullen much connected bat wonderfully on instantaneously eel valiantly petted this along across highhandedly much neutral lazy reset.</p>
            </div>
        </li>
        <li class="careerfy-column-12">
            <figure>
                <a href="#" class="company-review-thumb"><img src="extra-images/company-review-2.jpg" alt=""></a>
                <figcaption>
                    <div class="careerfy-company-review-left">
                        <h6><a href="#">Gloria E. Larsen</a></h6>
                        <div class="careerfy-company-rating"><span class="careerfy-company-rating-box" style="width: 80%;"></span></div>
                        <small>4.0</small>
                    </div>
                    <time datetime="2008-02-14 20:00">September 25, 2017</time>
                </figcaption>
            </figure>
            <div class="careerfy-company-review-text">
                <h6><a href="#">“Color sit amet, consectetur adipiscing elit”</a></h6>
                <p>Goodness some froze the sullen much connected bat wonderfully on instantaneously eel valiantly petted this along across highhandedly much neutral lazy reset.</p>
            </div>
        </li>
        <li class="careerfy-column-12">
            <figure>
                <a href="#" class="company-review-thumb"><img src="extra-images/company-review-3.jpg" alt=""></a>
                <figcaption>
                    <div class="careerfy-company-review-left">
                        <h6><a href="#">Gloria E. Larsen</a></h6>
                        <div class="careerfy-company-rating"><span class="careerfy-company-rating-box" style="width: 80%;"></span></div>
                        <small>4.0</small>
                    </div>
                    <time datetime="2008-02-14 20:00">September 25, 2017</time>
                </figcaption>
            </figure>
            <div class="careerfy-company-review-text">
                <h6><a href="#">“Color sit amet, consectetur adipiscing elit”</a></h6>
                <p>Goodness some froze the sullen much connected bat wonderfully on instantaneously eel valiantly petted this along across highhandedly much neutral lazy reset.</p>
            </div>
        </li>
    </ul>
</div>

Cv Manager

<div class="careerfy-cv-manager-list">
    <ul class="careerfy-row">
        <li class="careerfy-column-12">
            <div class="careerfy-cv-manager-wrap">
                <a href="#" class="careerfy-cv-manager-thumb"><img src="extra-images/candidate-01.jpg" alt=""></a>
                <div class="careerfy-cv-manager-text">
                    <div class="careerfy-cv-manager-left">
                        <h2><a href="#">Hoang Nguyen</a></h2>
                        <ul>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-envelope"></i> <a href="#">hoang@gmail.com</a></li>
                            <li><i class="careerfy-icon careerfy-technology"></i> +639061398548</li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-cv-manager-link"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-cv-manager-link"><i class="careerfy-icon careerfy-download-arrow"></i></a>
                </div>
            </div>
        </li>
        <li class="careerfy-column-12">
            <div class="careerfy-cv-manager-wrap">
                <a href="#" class="careerfy-cv-manager-thumb"><img src="extra-images/candidate-02.jpg" alt=""></a>
                <div class="careerfy-cv-manager-text">
                    <div class="careerfy-cv-manager-left">
                        <h2><a href="#">Minh Pham</a></h2>
                        <ul>
                            <li><i class="fa fa-map-marker"></i> Netherlands, Rotterdam</li>
                            <li><i class="careerfy-icon careerfy-envelope"></i> <a href="#">minh-pham@gmail.com</a></li>
                            <li><i class="careerfy-icon careerfy-technology"></i> +639061398548</li>
                        </ul>
                    </div>
                    <a href="#" class="careerfy-cv-manager-link"><i class="careerfy-icon careerfy-rubbish"></i></a>
                    <a href="#" class="careerfy-cv-manager-link"><i class="careerfy-icon careerfy-download-arrow"></i></a>
                </div>
            </div>
        </li>
    </ul>
</div>
    

Employer Packages

<div class="careerfy-column-9">
    <div class="careerfy-typo-wrap">
        <div class="careerfy-employer-dasboard">
            <div class="careerfy-employer-box-section">
                <!-- Profile Title -->
                <div class="careerfy-profile-title">
                    <h2>Post a New Job</h2>
                </div>
                <!-- New Job -->
                <nav class="careerfy-employer-jobnav">
                    <ul>
                        <li><a href="employer-dashboard-newjob.html"><i class="careerfy-icon careerfy-briefcase-1"></i> <span>Job Detail</span></a></li>
                        <li class="active"><a href="employer-dashboard-pkgpayment.html"><i class="careerfy-icon careerfy-credit-card"></i> <span>Package &amp; Payments</span></a></li>
                        <li><a href="employer-dashboard-confitmation.html"><i class="careerfy-icon careerfy-checked"></i> <span>Confirmation</span></a></li>
                    </ul>
                </nav>
                <!-- PayMent Package -->
                <div class="careerfy-employer-payments">
                    <h2>Your packages</h2>
                     <table>
                        <thead>
                            <tr>
                                <th>Select</th>
                                <th>Title</th>
                                <th>Jobs Remaning</th>
                                <th>Features Remaning</th>
                                <th>Renew Remaning</th>
                                <th>Job Duration</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="careerfy-payments-checkbox">
                                        <input id="p1" name="rr" type="checkbox">
                                        <label for="p1"><span></span></label>
                                    </div>
                                </td>
                                <td><span>Premium</span></td>
                                <td>125</td>
                                <td>5</td>
                                <td>10</td>
                                <td>30 days</td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="careerfy-payments-checkbox">
                                        <input id="p2" name="rr" type="checkbox">
                                        <label for="p2"><span></span></label>
                                    </div>
                                </td>
                                <td><span>Advanced</span></td>
                                <td>200</td>
                                <td>1</td>
                                <td>5</td>
                                <td>30 days</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="careerfy-employer-payments">
                    <h2>Select Package</h2>
                     <table>
                        <thead>
                            <tr>
                                <th>Select</th>
                                <th>Title</th>
                                <th>Price</th>
                                <th>Jobs Posting</th>
                                <th>Feature Jobs</th>
                                <th>Renew Jobs</th>
                                <th>Job Duration</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="careerfy-payments-checkbox">
                                        <input id="p3" name="rr" type="checkbox">
                                        <label for="p3"><span></span></label>
                                    </div>
                                </td>
                                <td><span>Premium</span></td>
                                <td>$10</td>
                                <td>10</td>
                                <td>5</td>
                                <td>2</td>
                                <td>30 days</td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="careerfy-payments-checkbox">
                                        <input id="p4" name="rr" type="checkbox">
                                        <label for="p4"><span></span></label>
                                    </div>
                                </td>
                                <td><span>Advanced</span></td>
                                <td>$20</td>
                                <td>2</td>
                                <td>10</td>
                                <td>6</td>
                                <td>30 days</td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="careerfy-payments-checkbox">
                                        <input id="p5" name="rr" type="checkbox">
                                        <label for="p5"><span></span></label>
                                    </div>
                                </td>
                                <td><span>Simple</span></td>
                                <td>$5</td>
                                <td>5</td>
                                <td>2</td>
                                <td>10</td>
                                <td>15 days</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="careerfy-employer-payments">
                    <h2>Payment method</h2>
                     <div class="careerfy-payment-method-wrap">
                        <a href="#"><img src="images/payment-method-card-1.jpg" alt=""></a>
                        <a href="#"><img src="images/payment-method-card-2.jpg" alt=""></a>
                        <a href="#"><img src="images/payment-method-card-3.jpg" alt=""></a>
                        <a href="#"><img src="images/payment-method-card-4.jpg" alt=""></a>
                        <i class="careerfy-icon careerfy-checked"></i>
                     </div>
                     <div class="careerfy-payment-method-wrap careerfy-light">
                        <a href="#"><img src="extra-images/payment-method-card-5.jpg" alt=""></a>
                        <i class="careerfy-icon careerfy-checked"></i>
                     </div>
                </div>
                <ul class="careerfy-row careerfy-employer-profile-form">
                    <li class="careerfy-column-6">
                        <label>Card Number</label>
                        <input value="1234 4567 7891 1234" onblur="if(this.value == '') { this.value ='1234 4567 7891 1234'; }" onfocus="if(this.value =='1234 4567 7891 1234') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Expiration Date</label>
                        <input value="09/18" onblur="if(this.value == '') { this.value ='09/18'; }" onfocus="if(this.value =='09/18') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>Card Holder’s Name</label>
                        <input value="Victoria Kolomie" onblur="if(this.value == '') { this.value ='Victoria Kolomie'; }" onfocus="if(this.value =='Victoria Kolomie') { this.value = ''; }" type="text">
                    </li>
                    <li class="careerfy-column-6">
                        <label>CVV</label>
                        <input value="CVV" onblur="if(this.value == '') { this.value ='CVV'; }" onfocus="if(this.value =='CVV') { this.value = ''; }" type="text">
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

Resour & Cescredit

Credits :- Jquery.js
Credits :- bootstrap.min.js
Credits :- slick.slider.min.js
Credits :- Counter.js
Credits :- fancybox.pack.js
Credits :- isotope.min.js
Credits :- progressbar.js

Photo Credits

StyleSheet Css Credits

Credits :- FontAwsome.css