blocklancer.git
Version:
Freelancer React Job Board using Bot and Blockchain Technology
744 lines (728 loc) • 31.5 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="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 -->
<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 Tera Planer</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="#mp" title="">My Profile</a></li>
<li><a href="#sn" title="">Social Network</a></li>
<li><a href="#ci" 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>
</aside>
<div class="col-lg-9 column">
<div class="padding-left">
<div class="profile-title" id="mp">
<h3>My Profile</h3>
<div class="upload-img-bar">
<span><img src="http://placehold.it/160x138" 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><img src="http://placehold.it/160x138" 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">Company Name</span>
<div class="pf-field">
<input type="text" placeholder="Tera Planer" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Allow In Search</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-3">
<span class="pf-title">Since</span>
<div class="pf-field">
<input type="text" placeholder="1991" />
</div>
</div>
<div class="col-lg-3">
<span class="pf-title">Team Size</span>
<div class="pf-field">
<input type="text" placeholder="100 - 201" />
</div>
</div>
<div class="col-lg-6">
<span class="pf-title">Allow In Search</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-12">
<span class="pf-title">Categories</span>
<div class="pf-field no-margin">
<ul class="tags">
<li class="addedTag">Web Deisgn<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="Web Deisgn"></li>
<li class="addedTag">Web Develop<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="Web Develop"></li>
<li class="addedTag">SEO<span onclick="$(this).parent().remove();" class="tagRemove">x</span><input type="hidden" name="tags[]" value="SEO"></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" id="sn">
<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" id="ci">
<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="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/jquery.scrollbar.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>