blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
992 lines (970 loc) • 41.1 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 four">
<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/icon5.png" alt="" /> Menu
</div>
<div class="res-closemenu">
<img src="images/icon6.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="style4">
<div class="topbar">
<div class="container">
<ul class="h-social">
<li><a href="#" title=""><i class="fa fa-facebook"></i></a></li>
<li><a href="#" title=""><i class="fa fa-twitter"></i></a></li>
<li><a href="#" title=""><i class="la la-linkedin"></i></a></li>
<li><a href="#" title=""><i class="la la-pinterest"></i></a></li>
<li><a href="#" title=""><i class="la la-behance"></i></a></li>
</ul>
<div class="h-contact">
<span><i class="la la-phone"></i>Call us 0850 3256 98 65 </span>
<span><i class="la la-envelope-o"></i>info@freelancer.com </span>
</div>
</div>
</div>
<div class="menu-sec">
<div class="container">
<div class="logo">
<a href="#" title=""><img src="http://placehold.it/163x31" alt="" /></a>
</div><!-- Logo -->
<div class="btn-extars">
<ul class="account-btns">
<li class="signup-popup"><a title="">Sign Up</a></li>
<li class="signin-popup"><a title="">Login</a></li>
</ul>
</div><!-- Btn Extras -->
<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>
<div class="block no-padding overlape">
<div class="container fluid">
<div class="row">
<div class="col-lg-12">
<div class="main-featured-sec style3">
<ul class="main-slider-sec style3 text-arrows">
<li><img src="http://placehold.it/1920x675" alt="" /></li>
<li><img src="http://placehold.it/1920x675" alt="" /></li>
<li><img src="http://placehold.it/1920x675" alt="" /></li>
</ul>
<div class="job-search-sec style3">
<div class="job-search style2">
<h3>Find the career you deserve</h3>
<span>Your job search starts and ends with us.</span>
<div class="search-job2 style2">
<form>
<div class="row no-gape">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="job-field">
<label>Search Keywords</label>
<input type="text" placeholder="Search keywords e.g. web design" />
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<div class="job-field">
<label>All specialisms</label>
<select data-placeholder="Filter by specialisms e.g. developer, designer" class="chosen-city">
<option>Ho Chi Minh</option>
<option>New York</option>
<option>London</option>
<option>Russia</option>
</select>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
<div class="job-field with-icon nolbel">
<input type="text" placeholder="Search keywords e.g. web design" />
<i class="la la-map-marker"></i>
</div>
</div>
<div class="col-lg-2 col-md-12 col-sm-12 col-xs-12">
<button type="submit"><i class="la la-search"></i> FIND JOB</button>
</div>
</div>
</form>
</div><!-- Job Search 2 -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block gray double-gap-top">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="heading">
<h2>Popular Categories</h2>
<span>37 jobs live - 0 added today.</span>
</div><!-- Heading -->
<div class="cat-sec style2">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="p-category style2">
<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-3 col-sm-6 col-xs-12">
<div class="p-category style2">
<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-3 col-sm-6 col-xs-12">
<div class="p-category style2">
<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-3 col-sm-6 col-xs-12">
<div class="p-category style2">
<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 class="col-lg-12">
<div class="browse-all-cat">
<a href="#" title="" class="style2 noradius">Browse All Categories</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tab-sec">
<ul class="nav nav-tabs">
<li><a class="current" data-tab="fjobs">Featured Jobs</a></li>
<li><a data-tab="rjobs">Recent Jobs</a></li>
</ul>
<div id="fjobs" class="tab-content current">
<div class="job-listings-tabs">
<div class="row">
<div class="col-lg-6">
<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"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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>
<div class="job-style-bx">
<span class="job-is pt fill">Part time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Regional Sales Manager South</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- Job -->
</div>
<div class="col-lg-6">
<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="">Marketing Dairector</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Application Developer</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is pt fill">Part time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Social Media and Public</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is fl fill">Freelance</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- Job -->
</div>
</div>
</div>
</div>
<div id="rjobs" class="tab-content">
<div class="job-listings-tabs">
<div class="row">
<div class="col-lg-6">
<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="">Marketing Dairector</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Application Developer</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is pt fill">Part time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Social Media and Public</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is fl fill">Freelance</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- Job -->
</div>
<div class="col-lg-6">
<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"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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>
<div class="job-style-bx">
<span class="job-is pt fill">Part time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</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="">Regional Sales Manager South</a></h3>
<span>Massimo Artemisis</span>
<div class="job-lctn"><i class="la la-map-marker"></i>Sacramento, California</div>
</div>
<div class="job-style-bx">
<span class="job-is ft fill">Full time</span>
<span class="fav-job"><i class="la la-heart-o"></i></span>
</div>
</div><!-- Job -->
</div>
</div>
</div>
</div>
<div class="browse-all-cat">
<a href="#" title="" class="style2">Load more listings</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="block no-padding">
<div data-velocity="-.2" style="background: url(http://placehold.it/1920x1000) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible"></div><!-- PARALLAX BACKGROUND IMAGE -->
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="download-sec">
<div class="download-text">
<h3>Download & Enjoy</h3>
<p>Search, find and apply for jobs directly on your mobile device or desktop Manage all of the jobs you have applied to from a convenience secure dashboard.</p>
<ul>
<li>
<a href="#" title="">
<i class="la la-apple"></i>
<span>App Store</span>
<p>Available now on the</p>
</a>
</li>
<li>
<a href="#" title="">
<i class="la la-android"></i>
<span>Google Play</span>
<p>Get in on</p>
</a>
</li>
</ul>
</div>
<div class="download-img">
<img src="http://placehold.it/460x480" alt="" />
</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>Featured Candidates</h2>
<span>Every single one of our jobs has some kind of flexibility option</span>
</div><!-- Heading -->
<div class="team-sec">
<div class="row" id="team-carousel">
<div class="col-lg-3">
<div class="team">
<div class="team-img"><img src="http://placehold.it/121x121" alt="" /></div>
<div class="team-detail">
<h3><a href="#" title="">Amanda Cook</a></h3>
<span>I Knew You Were Trouble</span>
<p>The Random Name Generator is a simple fiction writing tool…</p>
<a href="#" title="">View Resume <i class="la la-long-arrow-right"></i></a>
</div>
</div><!-- Team -->
</div>
<div class="col-lg-3">
<div class="team">
<div class="team-img"><img src="http://placehold.it/121x121" alt="" /></div>
<div class="team-detail">
<h3><a href="#" title="">İbrahim Agay</a></h3>
<span>Developer</span>
<p>The Random Name Generator is a simple fiction writing tool…</p>
<a href="#" title="">View Resume <i class="la la-long-arrow-right"></i></a>
</div>
</div><!-- Team -->
</div>
<div class="col-lg-3">
<div class="team">
<div class="team-img"><img src="http://placehold.it/121x121" alt="" /></div>
<div class="team-detail">
<h3><a href="#" title="">Ali Tufan</a></h3>
<span>Senior UI / UX Designer</span>
<p>The Random Name Generator is a simple fiction writing tool…</p>
<a href="#" title="">View Resume <i class="la la-long-arrow-right"></i></a>
</div>
</div><!-- Team -->
</div>
<div class="col-lg-3">
<div class="team">
<div class="team-img"><img src="http://placehold.it/121x121" alt="" /></div>
<div class="team-detail">
<h3><a href="#" title="">Juan Suso</a></h3>
<span>IT Outsource Company</span>
<p>The Random Name Generator is a simple fiction writing tool…</p>
<a href="#" title="">View Resume <i class="la la-long-arrow-right"></i></a>
</div>
</div><!-- Team -->
</div>
<div class="col-lg-3">
<div class="team">
<div class="team-img"><img src="http://placehold.it/121x121" alt="" /></div>
<div class="team-detail">
<h3><a href="#" title="">Senimae Zuis</a></h3>
<span>Web Designer</span>
<p>The Random Name Generator is a simple fiction writing tool…</p>
<a href="#" title="">View Resume <i class="la la-long-arrow-right"></i></a>
</div>
</div><!-- Team -->
</div>
</div>
</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>Companies We've Helped</h2>
<span>Some of the companies we've helped recruit excellent applicants over the years.</span>
</div><!-- Heading -->
<div class="comp-sec">
<div class="company-img">
<a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a>
</div><!-- Client -->
<div class="company-img">
<a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a>
</div><!-- Client -->
<div class="company-img">
<a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a>
</div><!-- Client -->
<div class="company-img">
<a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a>
</div><!-- Client -->
<div class="company-img">
<a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a>
</div><!-- Client -->
</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>Quick Career Tips</h2>
<span>Found by employers communicate directly with hiring managers and recruiters.</span>
</div><!-- Heading -->
<div class="blog-sec">
<div class="row">
<div class="col-lg-4">
<div class="my-blog">
<div class="blog-thumb">
<a href="#" title=""><img src="http://placehold.it/360x200" alt="" /></a>
<div class="blog-metas">
<a href="#" title="">March 29, 2017</a>
<a href="#" title="">0 Comments</a>
</div>
</div>
<div class="blog-details">
<h3><a href="#" title="">Attract More Attention Sales And Profits</a></h3>
<p>A job is a regular activity performed in exchange becoming an employee, volunteering, </p>
<a href="#" title="">Read More <i class="la la-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="my-blog">
<div class="blog-thumb">
<a href="#" title=""><img src="http://placehold.it/360x200" alt="" /></a>
<div class="blog-metas">
<a href="#" title="">March 29, 2017</a>
<a href="#" title="">0 Comments</a>
</div>
</div>
<div class="blog-details">
<h3><a href="#" title="">11 Tips to Help You Get New Clients</a></h3>
<p>A job is a regular activity performed in exchange becoming an employee, volunteering, </p>
<a href="#" title="">Read More <i class="la la-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="my-blog">
<div class="blog-thumb">
<a href="#" title=""><img src="http://placehold.it/360x200" alt="" /></a>
<div class="blog-metas">
<a href="#" title="">March 29, 2017</a>
<a href="#" title="">0 Comments</a>
</div>
</div>
<div class="blog-details">
<h3><a href="#" title="">An Overworked Newspaper Editor</a></h3>
<p>A job is a regular activity performed in exchange becoming an employee, volunteering, </p>
<a href="#" title="">Read More <i class="la la-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</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 no-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>
<footer class="style2">
<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/163x31" alt="" /></a>
</div>
<span>HCMC, VietNam</span>
<span>+84 938203080</span>
<span>info@freelancer.com</span>
</div><!-- About Widget -->
</div>
</div>
<div class="col-lg-2 column">
<div class="widget">
<h3 class="footer-title">About Us</h3>
<div class="link_widgets3 nolines">
<div class="row">
<div class="col-lg-12">
<a href="#" title="">Product </a>
<a href="#" title="">Terms & Policies </a>
<a href="#" title="">FAQ’s </a>
<a href="#" title="">Jobs Packages </a>
<a href="#" title="">CV Packages</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-2 column">
<div class="widget">
<h3 class="footer-title">Follow Us</h3>
<div class="link_widgets3 nolines">
<div class="row">
<div class="col-lg-12">
<a href="#" title=""><i class="fa fa-facebook"></i> Facebook</a>
<a href="#" title=""><i class="fa fa-twitter"></i> Twitter</a>
<a href="#" title=""><i class="la la-instagram"></i> Instagram</a>
<a href="#" title=""><i class="la la-pinterest"></i> Pinterest</a>
<a href="#" title=""><i class="la la-behance"></i> Behance</a>
<a href="#" title=""><i class="la la-google"></i> Google</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5 column">
<div class="widget">
<h3 class="footer-title">Still Need Help ?</h3>
<div class="subscribe_widget">
<p>Let us now about your issue and a Professional will reach you out.</p>
<form>
<input type="text" placeholder="Enter Valid Email Address" />
<button type="submit"><i class="la la-paper-plane"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bottom-line style3">
<div class="container">
<span>© 2018 Freelancer All rights reserved.</span>
<a href="#scrollup" class="back-top" title="">Back to top <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>
<script src="js/mouse.js" type="text/javascript"></script>
</body>
</html>