blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
833 lines (811 loc) • 35 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 five">
<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="style5">
<div class="menu-sec">
<div class="container fluid">
<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 class="logo">
<a href="#" title=""><img src="http://placehold.it/112x31" alt="" /></a>
</div><!-- Logo -->
<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 -->
</div>
</div>
</header>
<section>
<div class="block double-gap-top double-gap-bottom">
<div data-velocity="-.1" style="background: url(http://placehold.it/1920x612) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible layer blackish"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="form-location-sec">
<h3><strong>Great Job & Greater Talent</strong> </h3>
<form>
<div class="field-lct">
<input type="text" placeholder="Search Keywords" />
</div>
<div class="field-lct sl">
<input type="text" placeholder="Location" />
<i class="la la-location-arrow"></i>
</div>
<button type="submit"><i class="la la-search"></i></button>
<a href="#" title="">+ Advance Search</a>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading">
<h2>Popular Categories</h2>
</div><!-- Heading -->
<div class="cat-sec style2">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="p-category style2 gray">
<a href="#" title="">
<i class="la la-bullhorn"></i>
<span>Design, Art & Multimedia</span>
<p>(22 open positions)</p>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="p-category style2 gray">
<a href="#" title="">
<i class="la la-graduation-cap"></i>
<span>Education Training</span>
<p>(6 open positions)</p>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="p-category style2 gray">
<a href="#" title="">
<i class="la la-line-chart "></i>
<span>Accounting / Finance</span>
<p>(3 open positions)</p>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
<div class="p-category style2 gray">
<a href="#" title="">
<i class="la la-users"></i>
<span>Human Resource</span>
<p>(3 open positions)</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block remove-top">
<div class="container">
<div class="row">
<div class="col-lg-9 column">
<div class="heading left">
<h2>Recent Jobs</h2>
</div><!-- Heading -->
<div class="job-listings-sec style2">
<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>
<span class="job-lctn">California</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is ft">FULL TIME</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
<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>
<span class="job-lctn">Rennes, France</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is pt">PART TIME</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
<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>
<span class="job-lctn">United Kingdom</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is ft">FULL TIME</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
<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="">Application Developer</a></h3>
<span>Altes Bank</span>
<span class="job-lctn">Turkey</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is fl">FREELANCE</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
<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="">Regional Sales Manager</a></h3>
<span class="job-lctn">Ontario</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is tp">TEMPORARY</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
<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="">Social Media and Public</a></h3>
<span>MediaLab</span>
<span class="job-lctn">Turkey</span>
</div>
<a href="#" title="" class="aply-btn">Appy Now</a>
<span class="job-is ft">FULL TIME</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div><!-- Job -->
</div>
</div>
<div class="col-lg-3 column">
<div class="heading left">
<h2>Featured Jobs</h2>
</div><!-- Heading -->
<div class="job-grid-sec">
<div class="row">
<div class="col-lg-12 col-md-6 col-sm-6 col-xs-12">
<div class="job-grid style2">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/235x115" alt="" /> </div>
<h3><a href="#" title="">Web Designer / Developer</a></h3>
<span>Massimo Artemisis</span>
</div>
<span class="job-lctn">Sacramento, California</span>
<p>Offer strategic and technical health and nutrition advice to headquarters and field staff, as well as training</p>
<div class="grid-info-box">
<span class="job-is">Full Time</span>
<a href="#" title="">APPLY NOW</a>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- JOB Grid -->
</div>
<div class="col-lg-12 col-md-6 col-sm-6 col-xs-12">
<div class="job-grid style2">
<div class="job-title-sec">
<div class="c-logo"> <img src="http://placehold.it/235x115" alt="" /> </div>
<h3><a href="#" title="">Marketing Director</a></h3>
<span>MediaLab</span>
</div>
<span class="job-lctn">Sacramento, California</span>
<p>Offer strategic and technical health and nutrition advice to headquarters and field staff, as well as training</p>
<div class="grid-info-box">
<span class="job-is">Full Time</span>
<a href="#" title="">APPLY NOW</a>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- JOB Grid -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block no-padding">
<div class="container fluid">
<div class="row">
<div class="col-lg-6">
<div data-velocity="-.1" style="background: url(http://placehold.it/1920x1000) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible layer blackish"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="who-am">
<h3>I'M RECRUITER!</h3>
<p>One of our One of our jobs has some kind of flexibility jobs has some kind of flexibility option such as telecommuting, a part-time schedule or a flexible or flextime.</p>
<a href="#" title="">Post new job</a>
</div>
</div>
<div class="col-lg-6">
<div data-velocity="-.1" style="background: url(http://placehold.it/1920x1000) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible layer color green2"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="who-am flip">
<h3>I'M JOBSEEKER!</h3>
<p>One of our One of our jobs has some kind of flexibility jobs has some kind of flexibility option such as telecommuting, a part-time schedule or a flexible or flextime.</p>
<a href="#" title="">Browse Jobs</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading">
<h2>How It Works</h2>
<span>Each month, more than 7 million Freelancer turn to website in their search for work, making over <br />160,000 applications every day.
</span>
</div><!-- Heading -->
<div class="how-to-sec style2 lines">
<div class="how-to">
<span class="how-icon"><i class="la la-user"></i></span>
<h3>Register an account</h3>
<p>Post a job to tell us about your project. We'll quickly match you with the right freelancers.</p>
</div>
<div class="how-to">
<span class="how-icon"><i class="la la-file-archive-o"></i></span>
<h3>Specify & search your job</h3>
<p>Browse profiles, reviews, and proposals then interview top candidates. </p>
</div>
<div class="how-to">
<span class="how-icon"><i class="la la-list"></i></span>
<h3>Apply for job</h3>
<p>Use the Upwork platform to chat, share files, and collaborate from your desktop or on the go.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block gray">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading">
<h2>Projob Site Stats</h2>
<span>Here we list our site stats and how many people we’ve helped find a job and companies have found <br />recruits. It's a pretty awesome stats area!</span>
</div><!-- Heading -->
<div class="stats-sec style2">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="stats">
<span>18</span>
<h5>Jobs Posted</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="stats">
<span>38</span>
<h5>Jobs Filled</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="stats">
<span>67</span>
<h5>Companies</h5>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="stats">
<span>92</span>
<h5>Members</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block">
<div class="container">
<div class="row">
<div class="col-lg-8 column">
<div class="heading left">
<h2>Frequently Asked Questions?</h2>
</div><!-- Heading -->
<div id="toggle-widget" class="experties">
<h2>How We Share Information?</h2>
<div class="content">
<p>Book your car, all you need is a credit or debit card. When you pick the car up, you’ll need Different car hire companies have different requirements, so please make sure you check the car’s terms and conditions as well.</p>
</div>
<h2>In Which We Explain How And With Whom We Share Your Information?</h2>
<div class="content">
<p>Book your car, all you need is a credit or debit card. When you pick the car up, you’ll need Different car hire companies have different requirements, so please make sure you check the car’s terms and conditions as well.</p>
</div>
<h2>Special Provisions Applicable To Employer?</h2>
<div class="content">
<p>Book your car, all you need is a credit or debit card. When you pick the car up, you’ll need Different car hire companies have different requirements, so please make sure you check the car’s terms and conditions as well.</p>
</div>
<h2>How Do I Find Contact Information For Harvard Students, Faculty?</h2>
<div class="content">
<p>Book your car, all you need is a credit or debit card. When you pick the car up, you’ll need Different car hire companies have different requirements, so please make sure you check the car’s terms and conditions as well.</p>
</div>
</div>
</div>
<div class="col-lg-4 column">
<div class="reviews-sec" id="reviews">
<div class="col-lg-6">
<div class="reviews style2">
<img src="http://placehold.it/101x101" alt="" />
<h3>Augusta Silva <span>Web designer</span></h3>
<p>Without Freelancer i’d be homeless, they found me a job and got me sorted out quickly with everything! Can’t quite believe the service level that they offer!</p>
</div><!-- Reviews -->
</div>
<div class="col-lg-6">
<div class="reviews style2">
<img src="http://placehold.it/101x101" alt="" />
<h3>Ali Tufan <span>Web designer</span></h3>
<p>Without Freelancer i’d be homeless, they found me a job and got me sorted out quickly with everything! Can’t quite believe the service level that they offer!</p>
</div><!-- Reviews -->
</div>
<div class="col-lg-6">
<div class="reviews style2">
<img src="http://placehold.it/101x101" alt="" />
<h3>Augusta Silva <span>Web designer</span></h3>
<p>Without Freelancer i’d be homeless, they found me a job and got me sorted out quickly with everything! Can’t quite believe the service level that they offer!</p>
</div><!-- Reviews -->
</div>
<div class="col-lg-6">
<div class="reviews style2">
<img src="http://placehold.it/101x101" alt="" />
<h3>Ali Tufan <span>Web designer</span></h3>
<p>Without Freelancer i’d be homeless, they found me a job and got me sorted out quickly with everything! Can’t quite believe the service level that they offer!</p>
</div><!-- Reviews -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block no-padding">
<div data-velocity="-.1" style="background: url(http://placehold.it/1920x1000) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible layer color green2"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="container">
<div class="row">
<div class="col-lg-8 column">
<div class="detailbar">
<h3>Are You Hiring?</h3>
<p>Find everything you need to post a job and receive the best candidates by visiting our Empl oyer website. We offer small business and enterprise options.</p>
</div>
</div>
<div class="col-lg-4 column">
<div class="detalbr-mkp">
<img src="http://placehold.it/274x314" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="style3">
<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="http://placehold.it/112x31" 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 style3">
<div class="container">
<span>© 2018 Freelancer All rights reserved.</span>
<a class="back-top" href="#scrollup" title=""><i class="la la-long-arrow-up"></i></a>
</div>
</div>
</footer>
</div>
<div class="account-popup-area signin-popup-box">
<div class="account-popup">
<span class="close-popup"><i class="la la-close"></i></span>
<h3>User Login</h3>
<span>Click To Login With Demo User</span>
<div class="select-user">
<span>Candidate</span>
<span>Employer</span>
</div>
<form>
<div class="cfield">
<input type="text" placeholder="Username" />
<i class="la la-user"></i>
</div>
<div class="cfield">
<input type="password" placeholder="********" />
<i class="la la-key"></i>
</div>
<p class="remember-label">
<input type="checkbox" name="cb" id="cb1"><label for="cb1">Remember me</label>
</p>
<a href="#" title="">Forgot Password?</a>
<button type="submit">Login</button>
</form>
<div class="extra-login">
<span>Or</span>
<div class="login-social">
<a class="fb-login" href="#" title=""><i class="fa fa-facebook"></i></a>
<a class="tw-login" href="#" title=""><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div><!-- LOGIN POPUP -->
<div class="account-popup-area signup-popup-box">
<div class="account-popup">
<span class="close-popup"><i class="la la-close"></i></span>
<h3>Sign Up</h3>
<div class="select-user">
<span>Candidate</span>
<span>Employer</span>
</div>
<form>
<div class="cfield">
<input type="text" placeholder="Username" />
<i class="la la-user"></i>
</div>
<div class="cfield">
<input type="password" placeholder="********" />
<i class="la la-key"></i>
</div>
<div class="cfield">
<input type="text" placeholder="Email" />
<i class="la la-envelope-o"></i>
</div>
<div class="dropdown-field">
<select data-placeholder="Please Select Specialism" class="chosen">
<option>Web Development</option>
<option>Web Designing</option>
<option>Art & Culture</option>
<option>Reading & Writing</option>
</select>
</div>
<div class="cfield">
<input type="text" placeholder="Phone Number" />
<i class="la la-phone"></i>
</div>
<button type="submit">Signup</button>
</form>
<div class="extra-login">
<span>Or</span>
<div class="login-social">
<a class="fb-login" href="#" title=""><i class="fa fa-facebook"></i></a>
<a class="tw-login" href="#" title=""><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div><!-- SIGNUP POPUP -->
<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/counter.js" type="text/javascript"></script>
</body>
</html>