"fiche d'inscription à une formation "
Bootstrap 4.1.1 Snippet by letymdb

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<head>
<title>Fiche d'inscription</title>
<link rel="stylesheet" type="text/css" href="../css/formulairebyme.css">
</head>
<body>
<p><img src="https://www.biblond.com/wp-content/uploads/2019/05/formation-1.jpg" alt="images logo formation" width="300"></div></p>
<header>
<h1>Fiche d'inscription</h1>
</header>
<form>
<fieldset>
<legend>Vos coordonnées :</legend>
<label for="nm">Nom et Prénom:</label>
<input type="text" name="nom" id="nm" placeholder="Prénom">
<input type="text" name="prn" id="nm" placeholder="Nom">
<br>
<label for="ag">Age:</label>
<input type="number" name="age" id="ag" min="14" max="70">
<br>
<label for="sx">Sexe:</label>
<select name="jsp" id="sx" style="width:200px;">
<option value="Femme">Femme</option>
<option value="Homme">Homme</option>
<option value="Non Définie">Non Définie</option>
</select>
<br>
<label for="Dn">Date de naissance</label>
<input type="date" name="daten" id="Dn">
<label for="ln">lieu de naissance</label>
<input type="text" name="lieun" id="ln" placeholder="Pays , ville">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body{
background-color: #b991bc;
}
p{
text-align: center;
}
header{
background-color: #022a5e;
}
h1{
padding: 15px;
color: white;
text-align: center;
text-shadow:2px 2px 4px black;
animation-name: titre;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes titre{
from{
color: white;
}
25%{
color: #7ab51c;
}
50%{
color: #f6a800;
}
75%{
color: #0099a1;
}
to{
color: #ef7e01;
}
}
form{
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Full Calendar

Questions / Comments: