blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
856 lines (840 loc) • 36 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 ALI TUFAN</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="profile-title">
<h3>My Profile</h3>
<div class="upload-img-bar">
<span class="round"><img src="http://placehold.it/140x140" alt="" /><i>x</i></span>
<div class="upload-info">
<a href="#" title="">Browse</a>
<span>Max file size is 1MB, Minimum dimension: 270x210 And Suitable files are .jpg & .png</span>
</div>
</div>
<div class="upload-img-bar">
<span class="round"><img src="http://placehold.it/140x140" alt="" /><i>x</i></span>
<div class="upload-info">
<a href="#" title="">Browse</a>
<span>Max file size is 1MB, Minimum dimension: 270x210 And Suitable files are .jpg & .png</span>
</div>
</div>
</div>
<div class="profile-form-edit">
<form>
<div class="row">
<div class="col-lg-6">
<span class="pf-title">Full Name</span>
<div class="pf-field">
<input type="text" placeholder="Mai Ngoc Chau" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Job Title</span>
<div class="pf-field">
<input type="text" placeholder="UX / UI Designer" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Allow In Search</span>
<div class="pf-field">
<select data-placeholder="Allow In Search" class="chosen">
<option>Yes</option>
<option>No</option>
</select>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Minimum Salary</span>
<div class="pf-field">
<input type="text" placeholder="$4250" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Experience</span>
<div class="pf-field">
<select data-placeholder="Allow In Search" class="chosen">
<option>2-6 Years</option>
<option>6-12 Years</option>
</select>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Age</span>
<div class="pf-field">
<select data-placeholder="Allow In Search" class="chosen">
<option>22-30 Years</option>
<option>30-40 Years</option>
<option>40-50 Years</option>
</select>
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Current Salary($) min</span>
<div class="pf-field">
<input type="text" placeholder="20K" />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Max</span>
<div class="pf-field">
<input type="text" placeholder="30K" />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Expected Salary($) min</span>
<div class="pf-field">
<input type="text" placeholder="30k" />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Max</span>
<div class="pf-field">
<input type="text" placeholder="40K" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Education Levels</span>
<div class="pf-field">
<select data-placeholder="Please Select Specialism" class="chosen">
<option>Diploma</option>
<option>Inter</option>
<option>Bachelor</option>
<option>Graduate</option>
</select>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Languages</span>
<div class="pf-field">
<div class="pf-field">
<select data-placeholder="Please Select Specialism" class="chosen">
<option>English</option>
<option>German</option>
</select>
</div>
</div>
</div>
<div class="col-lg-12">
<span class="pf-title">Categories</span>
<div class="pf-field no-margin">
<ul class="tags">
<li class="addedTag">Photoshop<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="Photoshop"></li>
<li class="addedTag">Digital & Creative<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="Digital"></li>
<li class="addedTag">Agency<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="Agency"></li>
<li class="tagAdd taglist">
<input type="text" id="search-field">
</li>
</ul>
</div>
</div>
<div class="col-lg-12">
<span class="pf-title">Description</span>
<div class="pf-field">
<textarea>Spent several years working on sheep on Wall Street. Had moderate success investing in Yugos on Wall Street. Managed a small team buying and selling pogo sticks for farmers. Spent several years licensing licorice in West Palm Beach, FL. Developed severalnew methods for working with banjos in the aftermarket. Spent a weekend importing banjos in West Palm Beach, FL.In this position, the Software Engineer ollaborates with Evention's Development team to continuously enhance our current software solutions as well as create new solutions to eliminate the back-office operations and management challenges present</textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit">Update</button>
</div>
</div>
</form>
</div>
<div class="social-edit">
<h3>Social Edit</h3>
<form>
<div class="row">
<div class="col-lg-6">
<span class="pf-title">Facebook</span>
<div class="pf-field">
<input type="text" placeholder="www.facebook.com/TeraPlaner" />
<i class="fa fa-facebook"></i>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Twitter</span>
<div class="pf-field">
<input type="text" placeholder="www.twitter.com/TeraPlaner" />
<i class="fa fa-twitter"></i>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Google</span>
<div class="pf-field">
<input type="text" placeholder="www.google-plus.com/TeraPlaner" />
<i class="la la-google"></i>
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Linkedin</span>
<div class="pf-field">
<input type="text" placeholder="www.Linkedin.com/TeraPlaner" />
<i class="la la-linkedin"></i>
</div>
</div>
</div>
</form>
</div>
<div class="contact-edit">
<h3>Contact</h3>
<form>
<div class="row">
<div class="col-lg-4">
<span class="pf-title">Phone Number</span>
<div class="pf-field">
<input type="text" placeholder="+90 538 963 58 96" />
</div>
</div>
<div class="col-lg-4">
<span class="pf-title">Email</span>
<div class="pf-field">
<input type="text" placeholder="demo@freelancer.com" />
</div>
</div>
<div class="col-lg-4">
<span class="pf-title">Website</span>
<div class="pf-field">
<input type="text" placeholder="www.jobhun.com" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Country</span>
<div class="pf-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>
<div class="col-lg-6">
<span class="pf-title">City</span>
<div class="pf-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>
<div class="col-lg-6">
<span class="pf-title">Find On Map</span>
<div class="pf-field">
<input type="text" placeholder="Collins Street West, Victoria 8007, Australia." />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Latitude</span>
<div class="pf-field">
<input type="text" placeholder="41.1589654" />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Longitude</span>
<div class="pf-field">
<input type="text" placeholder="21.1589654" />
</div>
</div>
<div class="col-lg-12">
<a href="#" title="" class="srch-lctn">Search Location</a>
</div>
<div class="col-lg-12">
<span class="pf-title">Maps</span>
<div class="pf-map">
<div id="map_div"></div>
</div>
</div>
<div class="col-lg-12">
<button type="submit">Update</button>
</div>
</div>
</form>
</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 -->
<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>
<script src="js/tag.js" type="text/javascript"></script>
<script src="js/maps3.js" type="text/javascript"></script>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCYc537bQom7ajFpWE5sQaVyz1SQa9_tuY&sensor=true&libraries=places"></script>
</body>
</html>