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="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> <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 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> <div class="container fluid"> <div class="row"> <div class="col-lg-12"> <div class="inner-header"> <h3>Blog</h3> </div> </div> </div> </div> </div> </section> <section> <div class="block"> <div class="container"> <div class="row"> <div class="col-lg-9 column"> <div class="blog-single"> <div class="bs-thumb"><img src="http://placehold.it/834x340" alt="" /></div> <ul class="post-metas"><li><a href="#" title=""><img src="http://placehold.it/40x40" alt="" />Mai Ngoc Chau</a></li><li><a href="#" title=""><i class="la la-calendar-o"></i>November 23, 2017</a></li><li><a class="metascomment" href="#" title=""><i class="la la-comments"></i>4 comments</a></li><li><a href="#" title=""><i class="la la-file-text"></i>Travel, Skill, Jobs</a></li></ul> <h2>11 Tips to Help You Get New Clients Through Cold Calling</h2> <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> <h3>About Business Network</h3> <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> <blockquote><p><i>“</i><span>You might remember the Dell computer commercials in which a youth reports this exciting news to his friends that youth reports this exciting news to his friends that<i>”</i></span></p><strong>Mai Ngoc Chau</strong></blockquote> <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> <div class="tags-share"> <div class="tags_widget"> <span>Tags</span> <a href="#" title="">Adwords</a> <a href="#" title="">Sales</a> <a href="#" title="">Travel</a> </div> <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 class="post-navigation "> <div class="post-hist prev"> <a href="#" title=""><i class="la la-arrow-left"></i><span class="post-histext">Prev Post<i>Hey Job Seeker, It’s Time</i></span></a> </div> <div class="post-hist next"> <a href="#" title=""><span class="post-histext">Next Post<i>11 Tips to Help You Get New</i></span><i class="la la-arrow-right"></i></a> </div> </div> <div class="comment-sec"> <h3>4 Comments</h3> <ul> <li> <div class="comment"> <div class="comment-avatar"> <img src="http://placehold.it/90x90" alt="" /> </div> <div class="comment-detail"> <h3>Mai Ngoc Chau</h3> <div class="date-comment"><a href="#" title=""><i class="la la-calendar-o"></i>Jan 16, 2016 07:48 am</a></div> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement tantaneously eel valiantly petted this along across highhandedly much. </p> <a href="#" title=""><i class="la la-reply"></i>Reply</a> </div> </div> <ul class="comment-child"> <li> <div class="comment"> <div class="comment-avatar"> <img src="http://placehold.it/90x90" alt="" /> </div> <div class="comment-detail"> <h3>Rachel LOIS</h3> <div class="date-comment"><a href="#" title=""><i class="la la-calendar-o"></i>Jan 16, 2016 07:48 am</a></div> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement tantaneously eel valiantly petted this along across highhandedly much. </p> <a href="#" title=""><i class="la la-reply"></i>Reply</a> </div> </div> </li> </ul> </li> <li> <div class="comment"> <div class="comment-avatar"> <img src="http://placehold.it/90x90" alt="" /> </div> <div class="comment-detail"> <h3>Kate ROSELINE</h3> <div class="date-comment"><a href="#" title=""><i class="la la-calendar-o"></i>Jan 16, 2016 07:48 am</a></div> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement tantaneously eel valiantly petted this along across highhandedly much. </p> <a href="#" title=""><i class="la la-reply"></i>Reply</a> </div> </div> </li> <li> <div class="comment"> <div class="comment-avatar"> <img src="http://placehold.it/90x90" alt="" /> </div> <div class="comment-detail"> <h3>Luis DANIEL</h3> <div class="date-comment"><a href="#" title=""><i class="la la-calendar-o"></i>Jan 16, 2016 07:48 am</a></div> <p>Far much that one rank beheld bluebird after outside ignobly allegedly more when oh arrogantly vehement tantaneously eel valiantly petted this along across highhandedly much. </p> <a href="#" title=""><i class="la la-reply"></i>Reply</a> </div> </div> </li> </ul> </div> <div class="commentform-sec"> <h3>Leave a Reply</h3> <form> <div class="row"> <div class="col-lg-12"> <span class="pf-title">Description</span> <div class="pf-field"> <textarea></textarea> </div> </div> <div class="col-lg-8"> <span class="pf-title">Full Name</span> <div class="pf-field"> <input type="text" placeholder="ALi TUFAN" /> </div> </div> <div class="col-lg-8"> <span class="pf-title">Email</span> <div class="pf-field"> <input type="text" placeholder="" /> </div> </div> <div class="col-lg-8"> <span class="pf-title">Phone</span> <div class="pf-field"> <input type="text" placeholder="" /> </div> </div> <div class="col-lg-12"> <button type="submit">Post Comment</button> </div> </div> </form> </div> </div> </div> <aside class="col-lg-3 column"> <div class="widget"> <div class="search_widget_job no-margin"> <div class="field_w_search"> <input placeholder="Search Keywords" type="text"> <i class="la la-search"></i> </div> </div> </div> <div class="widget"> <h3>Categories</h3> <div class="sidebar-links"> <a href="#" title=""><i class="la la-angle-right"></i>Education</a> <a href="#" title=""><i class="la la-angle-right"></i>Information</a> <a href="#" title=""><i class="la la-angle-right"></i>Jobs</a> <a href="#" title=""><i class="la la-angle-right"></i>Learn</a> <a href="#" title=""><i class="la la-angle-right"></i>Skill</a> </div> </div> <div class="widget"> <h3>Recent Posts</h3> <div class="post_widget"> <div class="mini-blog"> <span><a href="#" title=""><img src="http://placehold.it/74x64" alt="" /></a></span> <div class="mb-info"> <h3><a href="#" title="">Canada adds 12,500 jobs in modest July rebound</a></h3> <span>October 25, 2017</span> </div> </div> <div class="mini-blog"> <span><a href="#" title=""><img src="http://placehold.it/74x64" alt="" /></a></span> <div class="mb-info"> <h3><a href="#" title="">How to “Woo” a Recruiter and Land Your Dream Job</a></h3> <span>October 25, 2017</span> </div> </div> <div class="mini-blog"> <span><a href="#" title=""><img src="http://placehold.it/74x64" alt="" /></a></span> <div class="mb-info"> <h3><a href="#" title="">Hey Job Seeker, It’s Time To Get Up And Get Hired</a></h3> <span>October 25, 2017</span> </div> </div> </div> </div> <div class="widget"> <h3>Archives</h3> <div class="sidebar-links"> <a href="#" title=""><i class="la la-angle-right"></i>April 2017</a> <a href="#" title=""><i class="la la-angle-right"></i>March 2016</a> <a href="#" title=""><i class="la la-angle-right"></i>February 2015</a> <a href="#" title=""><i class="la la-angle-right"></i>July 2013</a> </div> </div> <div class="widget"> <h3>Meta</h3> <div class="sidebar-links"> <a href="#" title=""><i class="la la-angle-right"></i>Log in</a> <a href="#" title=""><i class="la la-angle-right"></i>Entries RSS</a> <a href="#" title=""><i class="la la-angle-right"></i>Comments RSS</a> <a href="#" title=""><i class="la la-angle-right"></i>WordPress.org</a> </div> </div> <div class="widget"> <h3>Our Photo</h3> <div class="photo-widget"> <div class="row"> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-6"> <a href="#" title=""><img src="http://placehold.it/79x57" alt="" /></a> </div> </div> </div> </div> <div class="widget"> <h3>Tags</h3> <div class="tags_widget"> <a href="#" title="">Adwords</a> <a href="#" title="">Sales</a> <a href="#" title="">Travel</a> <a href="#" title="">Our Blog</a> <a href="#" title="">Trade</a> <a href="#" title="">Traffic</a> </div> </div> </aside> </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>