<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Empleo</title>

        <!-- MetaTags -->
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Favicon -->
        <link rel="icon" type="image/x-icon" href="/favicon.ico" />

        <!-- Fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700">
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

        <!-- CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
        <link rel="stylesheet" href="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/fc-3.2.2/fh-3.1.2/r-2.1.0/datatables.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.css">
        <link rel="stylesheet" href="https://cdn.rawgit.com/noelboss/featherlight/1.7.1/release/featherlight.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" />
        <link rel="stylesheet" href="/vendors/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css">
        <link rel="stylesheet" href="/css/app_design.css">
        <link rel="stylesheet" href="/css/app.css">
        <link rel="stylesheet" href="/css/header.css">
        <link rel="stylesheet" href="/css/datatables.css">
        
        <!-- JavaScript (Top) -->
        <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
    </head>
    <body>
        <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container-fluid">

        <div class="navbar-header">

            
            <div class="pull-left">
                <a class="navbar-brand page-scroll" href="https://www.camaracastellon.com/en/">
                    <img src="/img/logo.png" alt="Cámara Castellón" style="height:61px;">
                </a>
            </div>

        </div>

        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav" style="margin-top: -8px;">
                                                                                                                                                                                                                                                                                    </ul>
        </div>

                                                        
    </div>
</nav>

<section id="page-top" class="sub-menu">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-4"></div>
            <div class="col-xs-4">
                <ul class="list-inline social">
                    <li>
                        <a href="https://www.facebook.com/camaracastellon/" target="_blank">
                            <i class="fa-brands fa-square-facebook"></i>
                        </a>
                    </li>

                    <li>
                        <a href="https://twitter.com/CamaraCastellon" target="_blank">
                            <i class="fa-brands fa-x-twitter"></i>
                        </a>
                    </li>

                    <li>
                        <a href="https://www.linkedin.com/company/camara-de-comercio-de-castellon" target="_blank">
                            <i class="fa-brands fa-linkedin-in"></i>
                        </a>
                    </li>

                    <li>
                        <a href="https://www.youtube.com/user/camaracastellon" target="_blank">
                            <i class="fa-brands fa-youtube"></i>
                        </a>
                    </li>
                </ul>
                                                                                                                                                                                                                                                                                                                                                                            </ul>
            </div>
            <div class="col-xs-4">
                <div class="lang">
                                        
                                            <a href="/es/business/login" class="btn btn-sm btn-link">es</a> /
                        <a href="/en/business/login" class="btn btn-sm btn-link">en</a> /
                        <a href="/va/business/login" class="btn btn-sm btn-link">va</a>
                                    </div>
            </div>
        </div>
    </div>
</section>
                    
    <section class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2>Login</h2>
            </div>
        </div>
    </section>

    <section class="container">
            </section>

    <section class="container content">
        <div class="row">
            <div class="col-md-6">
                <div class="well">

                                                                        <p class="lead"><strong>Business Access</strong></p>
                                                                <form action="/en/business/login" method="post">
                                                    <input type="hidden" name="_csrf_token" value="d1b6e9672b7f53c43987bf832e4b8765._0rnz-gMbTzOysBrDOFCPdflTHilQiLu-1aV_2ufcyU.sD2EiZx6Ag78gIYZX9dyULKsYUvIe1akkGTzpiSmJB22GK2ppEdabYCu8A" />
                        
                        <div class="form-group">
                            <label for="username">User name or Email</label>
                            <input type="text" name="_username" id="username" class="form-control" required="required" placeholder="User name or Email" value="" autofocus>
                        </div>

                        <div class="form-group">
                            <label for="password">Contraseña</label>
                            <input type="password" name="_password" id="password" class="form-control" required="required" placeholder="Contraseña">
                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" name="_remember_me" id="remember_me" value="on"> Remember me
                                    </label>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <p style="padding-top: 12px;"><i class="fa fa-question-circle" aria-hidden="true"></i> <a href="/en/resetting/request">I forgot my password</a></p>
                            </div>
                        </div>

                        <input type="submit" name="_submit" id="_submit" class="btn btn-primary btn-block" value="Log in">

                        <div class="mt-20">
                                                                                                                                                                                                                        </div>
                    </form>
                </div>
            </div>

            <div class="col-md-6 page-title">

                
                    
                        <p class="lead" style="margin-top: 10px;"><strong>Are you new?</strong></p>
                        <ul class="list-unstyled">
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <i class="fa fa-users fa-2x fa-fw colored" aria-hidden="true"></i>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="media-heading">We have the professionals you need</h5>
                                        <p>Find the most suitable candidates for the job positions you need to fill.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="media">
                                    <div class="media-left">
                                        <i class="fa fa-info-circle fa-2x fa-fw colored" aria-hidden="true"></i>
                                    </div>
                                    <div class="media-body">
                                        <h5 class="media-heading">Choose the service you need</h5>
                                        <p>We help you select the service that best suits you (pre-selection, selection, web job posting).</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <a class="btn btn-default btn-block" style="color: #A3000C; font-weight: bold;" href="/en/business/register">Register as a company</a>

                                    
            </div>
        </div>
    </section>



        <!-- JavaScript (Bottom) -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment-with-locales.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.js" charset="UTF-8"></script>
        <script src="https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.12/b-1.2.2/b-colvis-1.2.2/b-flash-1.2.2/b-html5-1.2.2/b-print-1.2.2/fc-3.2.2/fh-3.1.2/r-2.1.0/datatables.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
        <script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.1/release/featherlight.min.js"></script>
        <script src="/bundles/sgdatatables/js/pipeline.js"></script>
        <script src="/bundles/tetranzselect2entity/js/select2entity.js"></script>
        <script src="/vendors/moment/min/moment.min.js"></script>
        <script src="/vendors/moment/locale/es.js"></script>
        <script src="/vendors/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js"></script>
        
        <script src="/bundles/fosjsrouting/js/router.js"></script>
        <script src="/en/js/routing?callback=fos.Router.setData"></script>
        
    

    <script>
    </script>

    </body>
</html>
