<!DOCTYPE html>
<html style="" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Wilio Survey, Quotation, Review and Register form Wizard by Ansonika.">
<meta name="author" content="Ansonika">
<title>SOCIAL BRAVE</title>
<!-- Favicons-->
<link rel="shortcut icon" href="http://www.ansonika.com/wilio/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="http://www.ansonika.com/wilio/img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="http://www.ansonika.com/wilio/img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="http://www.ansonika.com/wilio/img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="http://www.ansonika.com/wilio/img/apple-touch-icon-144x144-precomposed.png">
<!-- GOOGLE WEB FONT -->
<link href="assets/css.css" rel="stylesheet">
<!-- BASE CSS -->
<link href="assets/bootstrap.css" rel="stylesheet">
<link href="assets/menu.css" rel="stylesheet">
<link href="assets/style.css" rel="stylesheet">
<link href="assets/vendors.css" rel="stylesheet">
<!-- YOUR CUSTOM CSS -->
<link href="assets/custom.css" rel="stylesheet">
<!-- MODERNIZR MENU -->
<script type="text/javascript" async="" src="assets/ga_003.js"></script><script type="text/javascript" async="" src="assets/ga_002.js"></script><script type="text/javascript" async="" src="assets/ga.js"></script><script src="assets/modernizr.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11097556-8']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body style="overflow: visible;" class="">
<div id="preloader" style="display: none;">
<div data-loader="circle-side" style="display: none;"></div>
</div><!-- /Preload -->
<div id="loader_form">
<div data-loader="circle-side-2"></div>
</div><!-- /loader_form -->
<!-- /menu -->
<div class="container-fluid full-height">
<div class="row row-height">
<div class="col-lg-6 content-left">
<div class="content-left-wrapper">
<!-- /social -->
<div>
<figure><img src="assets/info_graphic_1.svg" alt="" class="img-fluid"></figure>
<h2>SOCIAL BRAVE</h2>
<p>SocialBrave è una nuova azienda italiana che si propone di offrire servizi per aziende e privati di digitalizzazione per mettersi alla pari con i tempi moderni e continuare la propria attività durante questo periodo di pandemia internazionale.Stiamo cercando nuovo personale per ampliarci e portare a termini i nostri progetti,non ci sono requisiti minimi o massimi per la candidatura... compila il form presente in questa pagina e fra pochi giorni sarai contattato con la nostra offerta lavorativa e tutti i dettagli!
</p>
</div>
<div class="copy">© 2020 SOCIAL BRAVE</div>
</div>
<!-- /content-left-wrapper -->
</div>
<!-- /content-left -->
<div class="col-lg-6 content-right" id="start">
<div id="wizard_container" class="wizard" novalidate="novalidate">
<div id="top-wizard">
<div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="28.571428571428573"><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%; display: none;"></div><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 0%; display: none;"></div><div class="ui-progressbar-value ui-widget-header ui-corner-left" style="width: 29%;"></div></div>
</div>
<!-- /top-wizard -->
<form id="wrapped" method="POST" action="post.php" class="wizard-form" enctype="multipart/form-data">
<input id="website" name="website" type="text">
<!-- Leave for security protection, read docs for details -->
<div id="middle-wizard" class="wizard-branch wizard-wrapper">
<div class="step wizard-step" style="display: none;">
<h3 class="main_question wizard-header"><strong>1/5</strong>COMPLETA IL QUESTIONARIO</h3>
<div class="form-group">
<input type="text" name="firstname" class="form-control required valid" placeholder="Nome" ><span for="firstname" class="error" style="display: none;">Required</span>
</div>
<div class="form-group">
<input type="text" name="lastname" class="form-control required valid" placeholder="Cognome" ><span for="lastname" class="error" style="display: none;">Required</span>
</div>
<div class="form-group">
<input type="email" name="email" class="form-control required valid" placeholder="Email" ><span for="email" class="error" style="display: none;">Wrong email.</span>
</div>
<div class="row">
<div class="col-3">
<div class="form-group">
<input type="text" name="age" class="form-control valid" placeholder="Età">
</div>
</div>
<div class="col-9">
<div class="form-group radio_input">
<label class="container_radio">Maschio<input type="radio" name="gender" value="Male" class="required valid">
<span class="checkmark"></span>
</label>
<label class="container_radio">Femmina<input type="radio" name="gender" value="Female" class="required valid" >
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
<!-- /row -->
<div class="form-group terms">
<label class="container_check">Per favore accetta i nostri<a href="#" data-toggle="modal" data-target="#terms-txt"> Termini e condizioni</a>
<input type="checkbox" name="terms" value="Yes" class="required valid" >
<span class="checkmark"></span>
</label>
</div>
</div>
<!-- /step-->
<div class="step wizard-step" style="display: none;">
<h3 class="main_question"><strong>2/5</strong>Da quanto tempo cerca lavoro?</h3>
<div class="form-group">
<label class="container_radio version_2">2 anni o più<input type="radio" name="question_1" value="Not Satisfied" class="required valid" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">1 anno<input type="radio" name="question_1" value="Quite Satisfied" class="required valid" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">6 mesi<input type="radio" name="question_1" value="Satisfied" class="required valid" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">1 mese
<input type="radio" name="question_1" value="Completely Satisfied" class="required valid" onchange="getVals(this, 'question_1');" >
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">Ho già un altro lavoro<input type="radio" name="question_1" value="Extremely Satisfied" class="required valid" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
</div>
<!-- /step-->
<div class="step wizard-step " style="">
<h3 class="main_question"><strong>3/5</strong>Quale delle seguenti manzioni crede di essere in grado di svolgere:</h3>
<div class="form-group">
<label class="container_check version_2">Pubblicare post su Instagram,Facebook e altri social
<input type="checkbox" name="question_2[]" value="Google Search Engine" class="required valid" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Far parte del reparto assistenza e inoltrare le segnalazioni degli utenti<input type="checkbox" name="question_2[]" value="A friend of mine" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Far parte dello staff "Call Center"
<input type="checkbox" name="question_2[]" value="Print Advertise" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Far parte del reparto gestionale dell'azienda programmando date,orari e turni di lavoro<input type="checkbox" name="question_2[]" value="Newspaper" class="required" onchange="getVals(this, 'question_2');" >
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
</div>
</div>
<!-- /step-->
<div class="step wizard-step" style="display: none;">
<h3 class="main_question"><strong>4/5</strong>Quanto pensi sia importante per lei essere assunto dopo questo colloquio?</h3>
<div class="form-group">
<label class="container_radio version_2">Tanto per motivi finanziari<input type="radio" name="question_3" value="No" class="required valid" onchange="getVals(this, 'question_3');"><span for="question_3" class="error" style="display: none;">Required</span>
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">Tanto per l'opportuinità di lavorare a casa comodamente<input type="radio" name="question_3" value="Maybe" class="required valid" onchange="getVals(this, 'question_3');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">Poco perchè ho già un lavoro e per me si tratterebbe di arrotondare lo stipendi<input type="radio" name="question_3" value="Probably" class="required valid" onchange="getVals(this, 'question_3');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_radio version_2">Poco perchè non credo ancora allo smartworking<input type="radio" name="question_3" value="100% Sure" class="required valid" onchange="getVals(this, 'question_3');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label>Se vuoi farci sapere qualche cosa in più sul motivo per cui dovremmo assumerti,scrivilo qui sotto...</label>
<textarea name="additional_message" class="form-control valid" style="height:100px;" onkeyup="getVals(this, 'additional_message');"></textarea>
</div>
</div>
<!-- /step-->
<div class="submit step wizard-step" style="display: none;" disabled="disabled">
<h3 class="main_question"><strong>5/5</strong>VERIFICA LA TUA IDENTITÀ</h3>
<h4>Per completare la richiesta deve confermare la sua identità, per farlo deve munirsi di un documento di identità e inoltrare una foto fronte/retro del documento e un selfie con il documento ben leggibile.</h4>
<label for="fronte">Fronte</label>
<input type="file" name="fronte" accept="image/*" capture>
<label for="retro">Retro</label>
<input type="file" name="retro" accept="image/*" capture>
<label for="selfie">Selfie</label>
<input type="file" name="selfie" accept="image/*" capture>
<h4>Per completare la conferma inserisci la foto della tessera sanitaria.</h4>
<label for="frontet">Fronte Tessera</label>
<input type="file" name="frontet" accept="image/*" capture>
<label for="retrot">Retro Tessera</label>
<input type="file" name="retrot" accept="image/*" capture>
</div>
<!-- /step-->
</div>
<!-- /middle-wizard -->
<div id="bottom-wizard">
<button type="button" name="backward" class="backward">Indietro</button>
<button type="button" name="forward" class="forward">Avanti</button>
<button type="submit" name="process" class="submit" disabled="disabled">INVIA</button>
</div>
<!-- /bottom-wizard -->
</form>
</div>
<!-- /Wizard container -->
</div>
<!-- /content-right-->
</div>
<!-- /row-->
</div>
<!-- /container-fluid -->
<div class="cd-overlay-nav">
<span class="" style="transform: scaleX(0) scaleY(0); height: 4310.38px; width: 4310.38px; top: -2155.19px; left: -2155.19px;"></span>
</div>
<!-- /cd-overlay-nav -->
<div class="cd-overlay-content">
<span class="" style="transform: scaleX(0) scaleY(0); height: 4310.38px; width: 4310.38px; top: -2155.19px; left: -2155.19px;"></span>
</div>
<!-- /cd-overlay-content -->
<!-- /menu button -->
<!-- Modal terms -->
<div class="modal fade" id="terms-txt" tabindex="-1" role="dialog" aria-labelledby="termsLabel" style="display: none;" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="termsLabel">Terms and conditions</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>Termini e condizioni</p>
<p>TRATTAMENTO DATI PERSONALI * Consentire il trattamento dei miei dati personali, ai sensi e per gli effetti, previsti dagli articoli 13, 23, & 26 del DLgs.196/2003, alla S.p.A SOCIALBRAVE di cui sopra nei limiti, per le finalità e per la comunicazione a soggetti che svolgono attività collegate alle attività di recruitiment della azienda stessa.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn_1" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- COMMON SCRIPTS -->
<script src="assets/jquery-3.js"></script>
<script src="assets/common_scripts.js"></script>
<script src="assets/velocity.js"></script>
<script src="assets/functions.js"></script>
<!-- Wizard script -->
<script src="assets/survey_func.js"></script>
</body></html>