blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
780 lines (763 loc) • 31.7 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Freelancer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="CreativeLayers">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-grid.css" />
<link rel="stylesheet" href="css/icons.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />
<link rel="stylesheet" type="text/css" href="css/chosen.css" />
<link rel="stylesheet" type="text/css" href="css/colors/colors.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
</head>
<body>
<div class="page-loading">
<img src="images/loader.gif" alt="" />
<span>Skip Loader</span>
</div>
<div class="theme-layout" id="scrollup">
<div class="responsive-header">
<div class="responsive-menubar">
<div class="res-logo"><a href="index.html" title=""><img src="images/logo.png" alt="" /></a></div>
<div class="menu-resaction">
<div class="res-openmenu">
<img src="images/icon.png" alt="" /> Menu
</div>
<div class="res-closemenu">
<img src="images/icon2.png" alt="" /> Close
</div>
</div>
</div>
<div class="responsive-opensec">
<div class="btn-extars">
<a href="#" title="" class="post-job-btn"><i class="la la-plus"></i>Post Jobs</a>
<ul class="account-btns">
<li class="signup-popup"><a title=""><i class="la la-key"></i> Sign Up</a></li>
<li class="signin-popup"><a title=""><i class="la la-external-link-square"></i> Login</a></li>
</ul>
</div><!-- Btn Extras -->
<form class="res-search">
<input type="text" placeholder="Job title, keywords or company name" />
<button type="submit"><i class="la la-search"></i></button>
</form>
<div class="responsivemenu">
<ul>
<li class="menu-item-has-children">
<a href="#" title="">Home</a>
<ul>
<li><a href="index.html" title="">Home Layout 1</a></li>
<li><a href="index2.html" title="">Home Layout 2</a></li>
<li><a href="index3.html" title="">Home Layout 3</a></li>
<li><a href="index4.html" title="">Home Layout 4</a></li>
<li><a href="index5.html" title="">Home Layout 5</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Employers</a>
<ul>
<li><a href="employer_list1.html" title=""> Employer List 1</a></li>
<li><a href="employer_list2.html" title="">Employer List 2</a></li>
<li><a href="employer_list3.html" title="">Employer List 3</a></li>
<li><a href="employer_list4.html" title="">Employer List 4</a></li>
<li><a href="employer_single1.html" title="">Employer Single 1</a></li>
<li><a href="employer_single2.html" title="">Employer Single 2</a></li>
<li class="menu-item-has-children">
<a href="#" title="">Employer Dashboard</a>
<ul>
<li><a href="employer_manage_jobs.html" title="">Employer Job Manager</a></li>
<li><a href="employer_packages.html" title="">Employer Packages</a></li>
<li><a href="employer_post_new.html" title="">Employer Post New</a></li>
<li><a href="employer_profile.html" title="">Employer Profile</a></li>
<li><a href="employer_resume.html" title="">Employer Resume</a></li>
<li><a href="employer_transactions.html" title="">Employer Transaction</a></li>
<li><a href="employer_job_alert.html" title="">Employer Job Alert</a></li>
<li><a href="employer_change_password.html" title="">Employer Change Password</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Candidates</a>
<ul>
<li><a href="candidates_list.html" title="">Candidates List 1</a></li>
<li><a href="candidates_list2.html" title="">Candidates List 2</a></li>
<li><a href="candidates_list3.html" title="">Candidates List 3</a></li>
<li><a href="candidates_single.html" title="">Candidates Single 1</a></li>
<li><a href="candidates_single2.html" title="">Candidates Single 2</a></li>
<li class="menu-item-has-children">
<a href="#" title="">Candidates Dashboard</a>
<ul>
<li><a href="candidates_my_resume.html" title="">Candidates Resume</a></li>
<li><a href="candidates_my_resume_add_new.html" title="">Candidates Resume new</a></li>
<li><a href="candidates_profile.html" title="">Candidates Profile</a></li>
<li><a href="candidates_shortlist.html" title="">Candidates Shortlist</a></li>
<li><a href="candidates_job_alert.html" title="">Candidates Job Alert</a></li>
<li><a href="candidates_dashboard.html" title="">Candidates Dashboard</a></li>
<li><a href="candidates_cv_cover_letter.html" title="">CV Cover Letter</a></li>
<li><a href="candidates_change_password.html" title="">Change Password</a></li>
<li><a href="candidates_applied_jobs.html" title="">Candidates Applied Jobs</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Blog</a>
<ul>
<li><a href="blog_list.html"> Blog List 1</a></li>
<li><a href="blog_list2.html">Blog List 2</a></li>
<li><a href="blog_list3.html">Blog List 3</a></li>
<li><a href="blog_single.html">Blog Single</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Job</a>
<ul>
<li><a href="job_list_classic.html">Job List Classic</a></li>
<li><a href="job_list_grid.html">Job List Grid</a></li>
<li><a href="job_list_modern.html">Job List Modern</a></li>
<li><a href="job_single1.html">Job Single 1</a></li>
<li><a href="job_single2.html">Job Single 2</a></li>
<li><a href="job-single3.html">Job Single 3</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Pages</a>
<ul>
<li><a href="about.html" title="">About Us</a></li>
<li><a href="404.html" title="">404 Error</a></li>
<li><a href="contact.html" title="">Contact Us 1</a></li>
<li><a href="contact2.html" title="">Contact Us 2</a></li>
<li><a href="faq.html" title="">FAQ's</a></li>
<li><a href="how_it_works.html" title="">How it works</a></li>
<li><a href="login.html" title="">Login</a></li>
<li><a href="pricing.html" title="">Pricing Plans</a></li>
<li><a href="register.html" title="">Register</a></li>
<li><a href="terms_and_condition.html" title="">Terms & Condition</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<header class="stick-top">
<div class="menu-sec">
<div class="container">
<div class="logo">
<a href="index.html" title=""><img src="images/logo.png" alt="" /></a>
</div><!-- Logo -->
<div class="my-profiles-sec">
<span><img src="http://placehold.it/50x50" alt="" /> Mai Ngoc Chau <i class="la la-bars"></i></span>
</div>
<div class="wishlist-dropsec">
<span><i class="la la-heart"></i><strong>3</strong></span>
<div class="wishlist-dropdown">
<ul class="scrollbar">
<li>
<div class="job-listing">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
</div>
</div><!-- Job -->
</li>
<li>
<div class="job-listing">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">C Developer (Senior) C .Net</a></h3>
<span>StarHealth</span>
</div>
</div><!-- Job -->
</li>
<li>
<div class="job-listing">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Marketing Director</a></h3>
<span>Tix Dog</span>
</div>
</div><!-- Job -->
</li>
<li>
<div class="job-listing">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
</div>
</div><!-- Job -->
</li>
<li>
<div class="job-listing">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
</div>
</div><!-- Job -->
</li>
</ul>
</div>
</div>
<nav>
<ul>
<li class="menu-item-has-children">
<a href="#" title="">Home</a>
<ul>
<li><a href="index.html" title="">Home Layout 1</a></li>
<li><a href="index2.html" title="">Home Layout 2</a></li>
<li><a href="index3.html" title="">Home Layout 3</a></li>
<li><a href="index4.html" title="">Home Layout 4</a></li>
<li><a href="index5.html" title="">Home Layout 5</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Employers</a>
<ul>
<li><a href="employer_list1.html" title=""> Employer List 1</a></li>
<li><a href="employer_list2.html" title="">Employer List 2</a></li>
<li><a href="employer_list3.html" title="">Employer List 3</a></li>
<li><a href="employer_list4.html" title="">Employer List 4</a></li>
<li><a href="employer_single1.html" title="">Employer Single 1</a></li>
<li><a href="employer_single2.html" title="">Employer Single 2</a></li>
<li class="menu-item-has-children">
<a href="#" title="">Employer Dashboard</a>
<ul>
<li><a href="employer_manage_jobs.html" title="">Employer Job Manager</a></li>
<li><a href="employer_packages.html" title="">Employer Packages</a></li>
<li><a href="employer_post_new.html" title="">Employer Post New</a></li>
<li><a href="employer_profile.html" title="">Employer Profile</a></li>
<li><a href="employer_resume.html" title="">Employer Resume</a></li>
<li><a href="employer_transactions.html" title="">Employer Transaction</a></li>
<li><a href="employer_job_alert.html" title="">Employer Job Alert</a></li>
<li><a href="employer_change_password.html" title="">Employer Change Password</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Candidates</a>
<ul>
<li><a href="candidates_list.html" title="">Candidates List 1</a></li>
<li><a href="candidates_list2.html" title="">Candidates List 2</a></li>
<li><a href="candidates_list3.html" title="">Candidates List 3</a></li>
<li><a href="candidates_single.html" title="">Candidates Single 1</a></li>
<li><a href="candidates_single2.html" title="">Candidates Single 2</a></li>
<li class="menu-item-has-children">
<a href="#" title="">Candidates Dashboard</a>
<ul>
<li><a href="candidates_my_resume.html" title="">Candidates Resume</a></li>
<li><a href="candidates_my_resume_add_new.html" title="">Candidates Resume new</a></li>
<li><a href="candidates_profile.html" title="">Candidates Profile</a></li>
<li><a href="candidates_shortlist.html" title="">Candidates Shortlist</a></li>
<li><a href="candidates_job_alert.html" title="">Candidates Job Alert</a></li>
<li><a href="candidates_dashboard.html" title="">Candidates Dashboard</a></li>
<li><a href="candidates_cv_cover_letter.html" title="">CV Cover Letter</a></li>
<li><a href="candidates_change_password.html" title="">Change Password</a></li>
<li><a href="candidates_applied_jobs.html" title="">Candidates Applied Jobs</a></li>
</ul>
</li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Blog</a>
<ul>
<li><a href="blog_list.html"> Blog List 1</a></li>
<li><a href="blog_list2.html">Blog List 2</a></li>
<li><a href="blog_list3.html">Blog List 3</a></li>
<li><a href="blog_single.html">Blog Single</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Job</a>
<ul>
<li><a href="job_list_classic.html">Job List Classic</a></li>
<li><a href="job_list_grid.html">Job List Grid</a></li>
<li><a href="job_list_modern.html">Job List Modern</a></li>
<li><a href="job_single1.html">Job Single 1</a></li>
<li><a href="job_single2.html">Job Single 2</a></li>
<li><a href="job-single3.html">Job Single 3</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#" title="">Pages</a>
<ul>
<li><a href="about.html" title="">About Us</a></li>
<li><a href="404.html" title="">404 Error</a></li>
<li><a href="contact.html" title="">Contact Us 1</a></li>
<li><a href="contact2.html" title="">Contact Us 2</a></li>
<li><a href="faq.html" title="">FAQ's</a></li>
<li><a href="how_it_works.html" title="">How it works</a></li>
<li><a href="login.html" title="">Login</a></li>
<li><a href="pricing.html" title="">Pricing Plans</a></li>
<li><a href="register.html" title="">Register</a></li>
<li><a href="terms_and_condition.html" title="">Terms & Condition</a></li>
</ul>
</li>
</ul>
</nav><!-- Menus -->
</div>
</div>
</header>
<section class="overlape">
<div class="block no-padding">
<div data-velocity="-.1" style="background: url(http://placehold.it/1600x800) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible no-parallax"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="container fluid">
<div class="row">
<div class="col-lg-12">
<div class="inner-header">
<h3>Welcome Mai Ngoc Chau</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block no-padding">
<div class="container">
<div class="row no-gape">
<aside class="col-lg-3 column border-right">
<div class="widget">
<div class="tree_widget-sec">
<ul>
<li class="inner-child">
<a href="#" title=""><i class="la la-file-text"></i>Company Profile</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-briefcase"></i>Manage Jobs</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-money"></i>Transactions</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-paper-plane"></i>Resumes</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-user"></i>Packages</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-file-text"></i>Post a New Job</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-flash"></i>Job Alerts</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-lock"></i>Change Password</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li><a href="#" title=""><i class="la la-unlink"></i>Logout</a></li>
</ul>
</div>
</div>
<div class="widget">
<div class="skill-perc">
<h3>Skills Percentage </h3>
<p>Put value for "Cover Image" field to increase your skill up to "15%"</p>
<div class="skills-bar">
<span>85%</span>
<div
class="second circle"
data-size="155"
data-thickness="60">
</div>
</div>
</div>
</div>
</aside>
<div class="col-lg-9 column">
<div class="padding-left">
<div class="manage-jobs-sec">
<h3>Candidates Dashboard</h3>
<div class="cat-sec">
<div class="row no-gape">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category">
<a href="#" title="">
<i class="la la-briefcase"></i>
<span>Applied Job</span>
<p>14 Applications</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category view-resume-list">
<a href="#" title="">
<i class="la la-eye"></i>
<span>View Resume</span>
<p>22 View Statistic</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category">
<a href="#" title="">
<i class="la la-file-text "></i>
<span>My Resume</span>
<p>Create New Resume</p>
</a>
</div>
</div>
</div>
</div>
<div class="cat-sec">
<div class="row no-gape">
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category">
<a href="#" title="">
<i class="la la-check"></i>
<span>Appropriate For Me</span>
<p>(05 Jobs)</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category follow-companies-popup">
<a href="#" title="">
<i class="la la-user"></i>
<span>Follow Companies</span>
<p>56 Companies</p>
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="p-category">
<a href="#" title="">
<i class="la la-file"></i>
<span>My Profile</span>
<p>View Profile</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="block">
<div class="container">
<div class="row">
<div class="col-lg-3 column">
<div class="widget">
<div class="about_widget">
<div class="logo">
<a href="#" title=""><img src="images/logo.png" alt="" /></a>
</div>
<span>HCMC, VietNam</span>
<span>+84 938203080</span>
<span>info@freelancer.com</span>
<div class="social">
<a href="#" title=""><i class="fa fa-facebook"></i></a>
<a href="#" title=""><i class="fa fa-twitter"></i></a>
<a href="#" title=""><i class="fa fa-linkedin"></i></a>
<a href="#" title=""><i class="fa fa-pinterest"></i></a>
<a href="#" title=""><i class="fa fa-behance"></i></a>
</div>
</div><!-- About Widget -->
</div>
</div>
<div class="col-lg-4 column">
<div class="widget">
<h3 class="footer-title">Frequently Asked Questions</h3>
<div class="link_widgets">
<div class="row">
<div class="col-lg-6">
<a href="#" title="">Privacy & Seurty </a>
<a href="#" title="">Terms of Serice</a>
<a href="#" title="">Communications </a>
<a href="#" title="">Referral Terms </a>
<a href="#" title="">Lending Licnses </a>
<a href="#" title="">Disclaimers </a>
</div>
<div class="col-lg-6">
<a href="#" title="">Support </a>
<a href="#" title="">How It Works </a>
<a href="#" title="">For Employers </a>
<a href="#" title="">Underwriting </a>
<a href="#" title="">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 column">
<div class="widget">
<h3 class="footer-title">Find Jobs</h3>
<div class="link_widgets">
<div class="row">
<div class="col-lg-12">
<a href="#" title="">Fulltime Jobs</a>
<a href="#" title="">PartTime Jobs</a>
<a href="#" title="">Freelancer Jobs</a>
<a href="#" title="">Employee Jobs</a>
<a href="#" title="">Management Jobs</a>
<a href="#" title="">C-Level Jobs</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 column">
<div class="widget">
<div class="download_widget">
<a href="#" title=""><img src="http://placehold.it/230x65" alt="" /></a>
<a href="#" title=""><img src="http://placehold.it/230x65" alt="" /></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-line">
<span>© 2018 Freelancer All rights reserved.</span>
<a href="#scrollup" class="scrollup" title=""><i class="la la-arrow-up"></i></a>
</div>
</footer>
</div>
<div class="profile-sidebar">
<span class="close-profile"><i class="la la-close"></i></span>
<div class="can-detail-s">
<div class="cst"><img src="http://placehold.it/145x145" alt="" /></div>
<h3>David CARLOS</h3>
<span><i>UX / UI Designer</i> at Atract Solutions</span>
<p>creativelayers088@gmail.com</p>
<p>Member Since, 2017</p>
<p><i class="la la-map-marker"></i>Ho Chi Minh, VN</p>
</div>
<div class="tree_widget-sec">
<ul>
<li class="inner-child active">
<a href="#" title=""><i class="la la-file-text"></i>My Profile</a>
<ul style="display: block;">
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-briefcase"></i>My Resume</a>
<ul>
<li><a href="#" title="">Education</a></li>
<li><a href="#" title="">Work Experience</a></li>
<li><a href="#" title="">Portfolio</a></li>
<li><a href="#" title="">Professional Skills</a></li>
<li><a href="#" title="">Awards</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-money"></i>Shorlisted Job</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-paper-plane"></i>Applied Job</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-user"></i>Job Alerts</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-file-text"></i>Cv & Cover Letter</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li class="inner-child">
<a href="#" title=""><i class="la la-flash"></i>Change Password</a>
<ul>
<li><a href="#" title="">My Profile</a></li>
<li><a href="#" title="">Social Network</a></li>
<li><a href="#" title="">Contact Information</a></li>
</ul>
</li>
<li><a href="#" title=""><i class="la la-unlink"></i>Logout</a></li>
</ul>
</div>
</div><!-- Profile Sidebar -->
<div class="view-resumesec">
<div class="view-resumes">
<span class="close-resume-popup"><i class="la la-close"></i></span>
<h3>13 Times Viewed By 8 Companies.</h3>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn">Sacramento, California</div>
</div>
<span class="date-resume">11.02.2017</span>
</div><!-- Job -->
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">C Developer (Senior) C .Net</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<span class="date-resume">11.02.2017</span>
</div><!-- Job -->
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn">Sacramento, California</div>
</div>
<span class="date-resume">11.02.2017</span>
</div><!-- Job -->
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn">Sacramento, California</div>
</div>
<span class="date-resume">11.02.2017</span>
</div><!-- Job -->
</div>
</div>
<div class="follow-companiesec">
<div class="follow-companies">
<span class="close-follow-company"><i class="la la-close"></i></span>
<h3>Follow Companies.</h3>
<ul id="scrollbar">
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Tix Dog</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">StarHealth</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Altes Bank</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">StarHealth</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
<li>
<div class="job-listing wtabs">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/98x51" alt="" /> </div>
<h3><a href="#" title="">Altes Bank</a></h3>
<div class="job-lctn">Sacramento, California</div>
</div>
<a href="#" title="" class="go-unfollow">Unfollow</a>
</div><!-- Job -->
</li>
</ul>
</div>
</div>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script src="js/wow.min.js" type="text/javascript"></script>
<script src="js/slick.min.js" type="text/javascript"></script>
<script src="js/parallax.js" type="text/javascript"></script>
<script src="js/select-chosen.js" type="text/javascript"></script>
<script src="js/jquery.scrollbar.min.js" type="text/javascript"></script>
<script src="js/circle-progress.min.js" type="text/javascript"></script>
</body>
</html>