Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Relf-PP authored May 20, 2017
1 parent 70dd12d commit 895a539
Showing 1 changed file with 2 additions and 208 deletions.
210 changes: 2 additions & 208 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,9 +83,9 @@
<li class="page-scroll">
<a href="#portfolio">Notre Programme</a>
</li>
<li class="page-scroll">
<!--<li class="page-scroll">
<a href="#contact">Soyez Candidat !</a>
</li>
</li>-->
<li class="page-scroll">
<a href="#about">L'équipe</a>
</li>
Expand Down Expand Up @@ -302,212 +302,6 @@ <h3>
</section>


<section id="contact" class="contact-1">
<div class="container">

<div id="response" class="row simply-hidden">
<div class="col-lg-12" data-scrollreveal="enter left over 1s">
<h2>Votre participation a été enregistrée</h2>
<p>Merci pour votre participation, nous gardons précieusement votre proposition de candidature et d'aide pour les législatives 2017 en faveur du Parti Pirate</p>
</div>

<div class="text-center">
<button type="submit" class="ijoinButton btn btn-lg btn-primary btn-square btn-raised">Je veux aussi adhérer</button>
<button type="submit" class="idonateButton btn btn-lg btn-primary btn-square btn-raised">Je veux aussi donner</button>
</div>
</div>

<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-lg-5" data-scrollreveal="enter left over 1s">
<h2>Je veux participer aux législatives 2017</h2>
<p>
Le Parti Pirate est un mouvement politique international ralliant
celles et ceux qui aspirent à une société capable de :<br> <br>
</p>
<ul>
<li>Partager fraternellement les savoirs culturels et scientifiques de l’humanité ;</li>
<li>Protéger l’égalité des droits des citoyens grâce à des institutions humaines et transparentes ;</li>
<li>Défendre les libertés fondamentales sur Internet comme dans la vie quotidienne.</li>
</ul>
</div>
<div class="col-lg-6 col-lg-offset-1" data-scrollreveal="enter right over 1s">
<br>
<input type="text" name="email" class="hidden" value="">

<fieldset>
<legend>
<a href="#identityCollapse" data-toggle="collapse" data-target="#identityCollapse" aria-expanded="true"
aria-controls="identityCollapse" data-parent="form">Vous</a>
</legend>

<div class="collapse in" id="identityCollapse">
<!-- Language input-->
<div class="form-group">
<label class="col-md-2 control-label">Sexe </label>
<div class="col-md-10">
<input id="sexInput" name="sexInput" value="" type="hidden">
<div id="sexButtons" class="btn-group" role="group" aria-label="…">
<button value="male" type="button" class="btn btn-default">Homme</button>
<button value="female" type="button" class="btn btn-default">Femme</button>
</div>
<p class="help-block">
Cette information nous est nécessaire pour respecter le calcul de la parité et seulement pour ça
</p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>Votre prénom</label>
<input type="text" class="form-control" placeholder="Votre prénom" id="firstname" name="firstname" required data-validation-required-message="Veuillez entrer votre prénom.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>Votre nom</label>
<input type="text" class="form-control" placeholder="Votre nom" id="lastname" name="lastname" required data-validation-required-message="Veuillez entrer votre nom.">
<p class="help-block text-danger"></p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>Votre adresse mail …</label>
<input type="text" class="form-control" placeholder="Votre adresse mail …" id="xxx" name="xxx" required data-validation-required-message="Veuillez entrer votre addresse mel.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>… et sa confirmation</label>
<input type="text" class="form-control" placeholder="… et sa confirmation" id="confirmationMail" name="confirmationMail" required data-validation-required-message="Veuillez entrer une confirmation pour votre adresse mel.">
<p class="help-block text-danger"></p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>Votre téléphone</label>
<input type="text" class="form-control" placeholder="Votre téléphone" id="telephone" name="telephone" required data-validation-required-message="Veuillez entrer votre numéro de téléphone au format 0601020304 ou +33 6 01020304.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group col-xs-6 floating-label-form-group controls">
<label>&nbsp;</label>
<span class="form-control" style="border: none; background: none; -webkit-box-shadow: none;">&nbsp;</span>
<p class="help-block text-danger"></p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Votre adresse</label>
<input type="text" class="form-control" placeholder="Votre adresse (première ligne…)" id="line1" name="line1" required data-validation-required-message="Veuillez entrer votre adresse.">
<p class="help-block text-danger"></p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Votre adresse</label>
<input type="text" class="form-control" placeholder="Votre adresse (deuxième ligne…)" id="line2" name="line2" data-validation-required-message="Veuillez entrer votre adresse.">
<p class="help-block text-danger"></p>
</div>
</div>

<div class="form-group has-feedback">
<div class="form-group col-xs-4 floating-label-form-group controls">
<label>Votre code postal</label>
<input type="text" class="form-control" placeholder="Votre CP" id="zipCode" name="zipCode" data-validation-required-message="Veuillez entrer votre code postal.">
<p class="help-block text-danger"></p>
</div>
<div class="form-group col-xs-8 floating-label-form-group controls">
<label>Votre ville</label>
<input type="text" class="form-control" placeholder="Votre ville" id="city" name="city" data-validation-required-message="Veuillez entrer votre ville.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-lg-12" data-scrollreveal="enter left over 1s">

<fieldset>
<legend>
<a href="#candidatureCollapse" data-toggle="collapse" data-target="#candidatureCollapse" aria-expanded="false"
aria-controls="candidatureCollapse" data-parent="form">Candidature</a>
</legend>

<div class="collapse in" id="candidatureCollapse">

<!-- Checkbox input-->
<div class="form-group">
<div class="col-md-2 control-label" style="text-align: right;">
<input id="authorize" name="authorize" value="1" type="checkbox" class="input-md">
</div>
<div class="col-md-10 padding-left-0">
<label class="form-control labelForCheckbox" for="authorize"
style="border: none; background: none; -webkit-box-shadow: none;">J'autorise
le Parti Pirate à communiquer sur mon nom et à communiquer
mes contacts mail et téléphonique à la presse</label>
</div>
</div>

<!-- Candidate input-->
<div class="form-group">
<label class="col-md-2 control-label">Vous voulez être ? </label>
<div class="col-md-10">
<input id="candidateInput" name="candidateInput" value="" type="hidden">
<div id="candidateButtons" class="btn-group" role="group" aria-label="…">
<button value="candidate" type="button" class="btn btn-default">Candidat-e</button>
<button value="substitute" type="button" class="btn btn-default">Suppléant-e</button>
<button value="representative" type="button" class="btn btn-default">Mandataire</button>
</div>
<p class="help-block">
Vous pouvez indiquer plusieurs postes
</p>
</div>
</div>

<div class="form-group has-feedback">
<label class="col-md-2 control-label" for="line1">Circonscriptions</label>
<div class="col-md-10">
<input id="circonscriptions" name="circonscriptions" type="text" class="form-control" placeholder="#Circo7501">
<p class="help-block">
Vous pouvez indiquer plusieurs circonscriptions en les séparant par des virgules.<br>Construisez les circonscriptions avec #circoDépartementN°Circonscription (ex: <em>#Circo7501</em> pour la première circonscription du 75). </p>
</div>
</div>

<div class="form-group has-feedback photo-element otbHidden">
<label class="col-md-2 control-label" for="bodyshotFile">Photo en pied</label>
<div class="col-md-10">
<input id="bodyshotFile" name="bodyshotFile" data-show-upload="false" type="file" class="form-control file input-md" data-show-preview="false">
<p class="help-block">
Veuillez nous fournir, si possible, une photo de vous sur un fond neutre en haute résolution
</p>
</div>
</div>

</div>
</fieldset>

<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button id="icandidateButton" type="submit" class="btn btn-lg btn-primary btn-square btn-raised">Je suis candidat-e</button>
<!--
<button id="ijoinButton" type="submit" class="btn btn-lg btn-primary btn-square btn-raised">Je ne sais pas encore, mais je veux adhérer</button>
<button id="idonateButton" type="submit" class="btn btn-lg btn-primary btn-square btn-raised">Je ne sais pas encore, mais je veux donner</button>
-->
</div>
</div>
</div>
</div>
</form>
</div>
</section>


<aside class="bg-parallax-light nopadding" style="background-image: url(assets/img/demo-bgs/fond.png);" data-stellar-background-ratio="0">
<div class="aside-overlay">
<div class="container">
Expand Down

0 comments on commit 895a539

Please sign in to comment.