Current path: home/webdevt/cryptoimpot.fr/module/Application/view/application/accueil/
?? Go up: /home/webdevt/cryptoimpot.fr/module/Application/view/application
<?php
//$this->headScript()
//->appendFile('/dist/js/jquery.easing.js')
//->appendFile('/dist/js/qcm.js');
$this->form->get('q1')->setAttributes([
'class' => 'with-font',
]);
?>
<style>
@import url(//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css);
/*** basic styles ***/
body { margin: 30px; }
h1 { font-size: 1.5em; }
label { font-size: 24px; }
container {
width: 175px;
margin-left: 20px;
}
input[type=radio].with-font,
input[type=checkbox].with-font {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
font-family: FontAwesome;
display: inline-block;
content: "\f1db";
letter-spacing: 10px;
font-size: 1.2em;
color: #535353;
width: 1.4em;
}
input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before {
content: "\f00c";
font-size: 1.2em;
color: darkgreen;
letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {
content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
content: "\f046";
color: darkgreen;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{
color: green;
}
/*custom font*/
</style>
<!-- MultiStep Form -->
<div class="container">
<div style="position:relative;">
<div class="row">
<div class="col-md-4">
<div id="list-example" class="list-group">
<a class="list-group-item list-group-item-action" href="#list-item-1">Exercez-vous une activité professionnelle en dehors des crypto-monnaies ?</a>
<a class="list-group-item list-group-item-action" href="#list-item-2">Mon activité professionnelle et/ou mes études me rendent familier de l'investissement en crypto-monnaies (informatique, finance…)</a>
<a class="list-group-item list-group-item-action" href="#list-item-3">Item 3</a>
<a class="list-group-item list-group-item-action" href="#list-item-4">Item 4</a>
</div>
</div>
<div class="col-md-8" style="position:relative; height: 400px; overflow-y: scroll;">
<div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example">
<form id="msform">
<!-- progressbar -->
<!-- <ul id="progressbar">
<li class="active">Activité professionnelle</li>
<li>Social Profiles</li>
<li>Account Setup</li>
</ul>-->
<!-- fieldsets -->
<?php //for ($i=1;$i<4;$i++): ?>
<!--<h4 id="list-item-<?php // $i ?>">Item 1</h4>-->
<h4 id="list-item-1">Exercez-vous une activité professionnelle en dehors des crypto-monnaies ?</h4>
<!--<fieldset>-->
<!-- <h2 class="fs-title"><?php // $this->formLabel($form->get('q'.$i)); ?></h2>
<div><?php // $this->formRadio($form->get('q'.$i)); ?></div>-->
<div>
<input id="q1" type="radio" name="q1" class="with-font" value="1"><label class="qcm-choix" for="q1">Oui, je suis salarié à temps partiel.</label>
</div>
<div>
<input id="q2" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q2">Oui, je suis salarié à temps plein.</label>
</div>
<div>
<input id="q3" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q3">Oui, je suis fonctionnaire.</label>
</div>
<div>
<input id="q4" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q4">Oui, je suis étudiant.</label>
</div>
<div>
<input id="q5" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q5">Oui, je suis à mon compte, je dispose d'un numéro Siret, et mon chiffre d'affaire réalisé chaque année est supérieur à 15000€.</label>
</div>
<div>
<input id="q5" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q5">Oui, je suis à mon compte, je dispose d'un numéro Siret, et mon chiffre d'affaire réalisé chaque année est supérieur à 15000€.</label>
</div>
<div>
<input id="q6" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q6">Oui, je suis à mon compte, je dispose d'un numéro Siret, mais mon chiffre d'affaire réalisé chaque année est inférieur à 15000€.</label>
</div>
<div>
<input id="q7" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q7">Je suis en recherche de travail, indemnisé par Pôle Emploi.</label>
</div>
<div>
<input id="q8" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q8">Je suis en recherche de travail, non indemnisé par Pôle Emploi.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<h4 id="list-item-2">Mon activité professionnelle et/ou mes études me rendent familier de l'investissement en crypto-monnaies (informatique, finance…)</h4>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<div>
<input id="q9" type="radio" name="q1" class="with-font" value="2"><label class="qcm-choix" for="q9">Non.</label>
</div>
<!--</fieldset>-->
<?php //endfor; ?>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- /.MultiStep Form -->
<!--<div class="row justify-content-center align-items-center h-100">
<div class="col col-sm-12 col-md-4 col-md-offset-4">
<?php //echo $this->form()->openTag($form) ?>
Email
<div class="form-group <?php //echo ($this->formElementErrors($email)) ? ' has-error' : '' ?>">
</div>
./ Email
Csrf
<?php //echo $this->formHidden($csrf) ?>
<?php // $this->formElement($form->get('csrf')) ?>
./ Csrf
<div class="form-group">
<?php //echo $this->formButton($formButton) ?>
<button class="btn btn-lg btn-primary btn-block" type="submit">Envoyer</button>
</div>
<?php //echo $this->form()->closeTag() ?>
</div>
</div>
-->