Stilex-Huminex.github.io/metier3.html at main · Stilex-Huminex/Stilex-Huminex.github.io · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="fr">
    <head>
      <meta charset="utf-8">
      <title>Stilex-Huminex - Architecte de Visualtion</title>
	  <link rel="stylesheet" type="text/css" href="css/styles.css"/>
	  <link rel="stylesheet" type="text/css" href="css/stylesContact.css">
	  <link rel="stylesheet" type="text/css" href="css/stylesmétier.css"/>
      <link rel="icon" type="image/ico" href="images/favicon.ico"/>
      <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body id="top_page">
        <header>
            <a href="./index.html" id="accueil"><img src="images/Logo.png" alt="Logo" id="logo"></a>
            <nav>
                <div><a href="./index.html">Accueil</a></div>
                <div><a href="./produit.html" class="surmenu">Produit</a>
                    <div class="submenu">
                        <div><a href="./achat.html">Acheter</a></div>
                    </div>
                </div>
                <div><a href="./contact.html">Contact</a></div>
                <div><a href="./presse.html">Presse</a></div>
                <div><a href="./equipe.html">Equipe</a></div>
                <div><a href="./faq.html">FAQ</a></div>
                <div><a href="./rejoindre.html" class="surmenu">Rejoindre</a>
                    <div class="submenu">
                        <div><a href="./metier1.html">Ingénieur</a></div>
                        <div><a href="./metier2.html">Technicien</a></div>
                        <div><a href="./metier3.html">Architecte</a></div>
                    </div>
                </div>
            </nav>
            <div class="burger">
                <img src="images/burger.png" alt="burger">
                <div id="menu2">
                    <div><a href="./index.html">Accueil</a></div>
                    <div><a href="./produit.html">Produit</a></div>
                    <div><a href="./contact.html">Contact</a></div>
                    <div><a href="./presse.html">Presse</a></div>
                    <div><a href="./equipe.html">Equipe</a></div>
                    <div><a href="./faq.html">FAQ</a></div>
                    <div><a href="./rejoindre.html">Rejoindre</a></div>
               </div>
              </div>
        </header>
        <div id="animation">
        <a href="https://webinfo.iutmontp.univ-montp2.fr/~bessonnaudr/Produit.html"><img src="images/pubs/moto.gif" alt="Stilex-Huminex powered ad5"></a>
		</div>
    		<main >


	    		<form action="rejoindreDone.html" method="get">
	    		<h1>Candidature Architecte de Visualisation</h1>


	    		<article class="mainTexte">
	    				<h2>Informations personnelles</h2>
			    		<fieldset class="F1">

								<div class="input">
									<label for="NomFamille" class="input-objet">Nom * : </label>
									<input  class="input-champ" id="NomFamille" name="firstname" type="text"  maxlength="25"  placeholder= "Entrez votre nom ici" required>
								</div>

								<div class="input">
									<label class="input-objet" for="Prenom">Prénom * : </label>
									<input class="input-champ" id="Prenom" name="secodnname" type="text"  placeholder= "Entrez votre prénom ici" maxlength="25" required>
								</div>
								<div class="radio">
									<label class="input-objet" for="homme">Homme</label>
									<input  type="radio" id="homme" name="sexe" value="homme" checked>

									<label  class="input-objet" for="femme">Femme</label>
									<input  type="radio" id="femme" name="sexe" value="femme">

									<label class="input-objet" for="Autre">Autre</label>
									<input type="radio" id="Autre" name="sexe" value="femme">
								</div>


						</fieldset>


						<h2 class="responsive">Écrire votre lettre de motivation</h2>
						<fieldset class="F2">


							<div class="input2">
							<label class="input-objet" for="lettremotivation">Lettre de motivation :</label>
							<textarea  class="input-champ"  name="message" id = "lettremotivation" rows="15" cols="50" placeholder="Veuillez écrire votre lettre de motivation" tabindex="15"></textarea>
						</div>
						</fieldset>


						<h2>Envoyez nous votre CV </h2>
						<fieldset class="F3">

							<div class="input">
							<label class="input-objet" for="cv"> Joindre votre CV *</label>
							<input class="input-objet responsive" id="cv" name="monCv" type="file" required>
							</div>

							<div class="input">
							<label class="input-objet" for="motiv"> Joindre votre Lettre de motivation<span class="responsive"> (si non présenté en texte)</span></label>
							<input class="input-objet responsive" id="motiv" name="monmotiv" type="file" >
							</div>
						</fieldset>


						<input class="envoyer" type="submit" value="Envoyer" size="20">


				</article>
			</form>


		</main>
    	<footer>
            <div class="footerTexte">
                <p>Stilex Huminex est une entreprise indépendante qui ne répond en rien des actions du Protectorat.</p>
                <p>Pour un quelconque retour, veuillez utiliser notre page contact dédiée à cet effet.</p>
            </div>
            <a href="metier3.html#top_page">Retour au début</a>
        </footer>
    </body>
</html>