blocklancer.git

<!DOCTYPE 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">  <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> <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="white"> <div class="menu-sec"> <div class="container"> <div class="logo"> <a href="index.html" title=""><img src="images/logo.png" alt="" /></a> </div> <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> <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> </div> </div> </header> <section> <div class="block no-padding gray"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="inner2"> <div class="inner-title2"> <h3>About Us</h3> <span>Keep up to date with the latest news</span> </div> <div class="page-breacrumbs"> <ul class="breadcrumbs"> <li><a href="#" title="">Home</a></li> <li><a href="#" title="">Pages</a></li> <li><a href="#" title="">About Us</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <section> <div class="block"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="about-us"> <div class="row"> <div class="col-lg-12"> <h3>About Job Hunt</h3> </div> <div class="col-lg-7"> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement irresistibly fussy penguin insect additionally wow absolutely crud meretriciously hastily dalmatian a glowered inset one echidna cassowary some parrot and much as goodness some froze the sullen much connected bat wonderfully on instantaneously eel valiantly petted this along across highhandedly much. </p> <p>Repeatedly dreamed alas opossum but dramatically despite expeditiously that jeepers loosely yikes that as or eel underneath kept and slept compactly far purred sure abidingly up above fitting to strident wiped set waywardly far the and pangolin horse approving paid chuckled cassowary oh above a much opposite far much hypnotically more therefore wasp less that hey apart well like while superbly orca and far hence one.Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement irresistibly fussy.</p> </div> <div class="col-lg-5"> <img src="http://placehold.it/432x280" alt="" /> </div> <div class="col-lg-12"> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement irresistibly fussy penguin insect additionally wow absolutely crud meretriciously hastily dalmatian a glowered inset one echidna cassowary some parrot and much as goodness some froze the sullen much connected bat wonderfully on instantaneously eel valiantly petted this along across highhandedly much. </p> <p>Repeatedly dreamed alas opossum but dramatically despite expeditiously that jeepers loosely yikes that as or eel underneath kept and slept compactly far purred sure abidingly up above fitting to strident wiped set waywardly far the and pangolin horse approving paid chuckled cassowary oh above a much opposite far much hypnotically more therefore wasp less that hey apart well like while superbly orca and far hence one.Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement irresistibly fussy.</p> </div> </div> <div class="tags-share"> <div class="share-bar"> <a href="#" title="" class="share-fb"><i class="fa fa-facebook"></i></a><a href="#" title="" class="share-twitter"><i class="fa fa-twitter"></i></a><a href="#" title="" class="share-google"><i class="la la-google"></i></a><span>Share</span> </div> </div> </div> </div> </div> </div> </div> </section> <section> <div class="block remove-top"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="our-services"> <div class="row"> <div class="col-lg-12"><h2>Our Service</h2></div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-clock-o"></i><div class="service-info"><h3>Advertise A Job</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-search"></i><div class="service-info"><h3>CV Search</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-user"></i><div class="service-info"><h3>Recruiter Profiles</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-codepen"></i><div class="service-info"><h3>Temp Search</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-tv"></i><div class="service-info"><h3>Display Jobs</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12"> <div class="service"> <i class="la la-diamond"></i><div class="service-info"><h3>For Agencies</h3><p>Duis a tristique lacus. Donec vehicula ante id lorem venenatis posuere. Morbi in lectus.</p></div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section> <div class="block"> <div data-velocity="-.1" style="background: url(http://placehold.it/1920x1000) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible layer color light"></div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="heading light"> <h2>Kind Words From Happy Candidates</h2> <span>What other people thought about the service provided by Freelancer</span> </div> <div class="reviews-sec" id="reviews-carousel"> <div class="col-lg-6"> <div class="reviews"> <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</p> </div> </div> <div class="col-lg-6"> <div class="reviews"> <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</p> </div> </div> <div class="col-lg-6"> <div class="reviews"> <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</p> </div> </div> <div class="col-lg-6"> <div class="reviews"> <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</p> </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="stats-sec style2"> <div class="row"> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <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-6"> <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-6"> <div class="stats"> <span>67</span> <h5>Companies</h5> </div> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div class="stats"> <span>92</span> <h5>Members</h5> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section> <div class="block"> <div data-velocity="-.1" style="background: url(http://placehold.it/1920x655) repeat scroll 50% 422.28px transparent;" class="parallax scrolly-invisible no-parallax"></div> <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> <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>Companies We've Helped</h2> <span>Some of the companies we've helped recruit excellent applicants over the years.</span> </div> <div class="comp-sec"> <div class="company-img"> <a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a> </div> <div class="company-img"> <a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a> </div> <div class="company-img"> <a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a> </div> <div class="company-img"> <a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a> </div> <div class="company-img"> <a href="#" title=""><img src="http://placehold.it/180x80" alt="" /></a> </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> </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> <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> <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> </body> </html>