/
index.html
134 lines (112 loc) · 5.58 KB
/
index.html
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
133
134
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/contact.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900'
rel='stylesheet' type='text/css'>
<!-- Text email numero de tél, checkbox, radio select date de naissance -->
</head>
<body>
<container>
<header>
<img src="img/avatar19a.png" alt="avatar">
</header>
<h1>Frédéric BRODAR</h1>
<h2 id="po1">Mes objectifs</h2>
<ol>
<li>Créé mon projet professionnel « webmaster »
</li>
<li>Avoir le plus d'atouts possibles, pour chercher un emploi.
</li>
<li>Acquérir d'autres compétences, à l'aide d'un stage en alternance ou d'un contrat de professionnalisation.
</li>
</ol>
<h2>Formation</h2>
<ul class="a">
<li>2018 → Développeur Web - Aformac BOURGES (18)</li>
<li>2018 : Azure et Microsoft 365 - Microsoft Tech Summit Paris (75) 2016-2017
</li>
<li>2016-2017 : Projet Webmaster – Bourges (18)
</li>
<li>2015 : Compétences transverses – Les Aix d'Angillon (18)
</li>
<li>2007-2010 : Formation continue animateur - Bourges (18) 1984-1985 : Formation Dessinateur industriel - AFPA Stains (93)
</li>
</ul>
<h2>Expérience</h2>
<div class="tab">
<table>
<tr>
<th>Année</th>
<th>Poste</th>
<th>Résumé</th>
</tr>
<tr>
<td class="col1">2016-2017</td>
<td class="col2">Webmaster – Intégrateur web</td>
<td class="col3">Webmaster freelance - Création de site internet – Association Exonet3i – 20 Av. de la Prospective Bourges (18)</td>
</tr>
<tr>
<td class="col1">2012-2018</td>
<td class="col2">Chauffeur</td>
<td class="col3">Transport de personnes handicapées (Enfants) J.L.International - 1 Rue Paul Henri Spaak ZAE J.Monnet - 77240 VERT St DENIS</td>
</tr>
<tr>
<td class="col1">2007-2010</td>
<td class="col2">Animateur</td>
<td class="col3">Enseignement scientifique (Sciences et développement durable) Les Petits Débrouillards Bourges)</td>
</tr>
<tr>
<td class="col1">2005</td>
<td class="col2">Technicien de maintenance câbles nucléaires.</td>
<td class="col3">Nexans - 41 Rue Maurice Gorse, 18500 Mehun-sur-Yèvre.</td>
</tr>
<tr>
<td class="col1">1989-2005</td>
<td class="col2">Artisan - Affûteur industriel.</td>
<td class="col3">(Mécanique générale).Affûtage, conception et réalisation d’outils coupants. Ets. BRODAR Frédéric, Marcoussis (91)</td>
</tr>
<tr>
<td class="col1">1985-1989</td>
<td class="col2">Affûteur industriel.</td>
<td class="col3">Affûtage et réalisation d’outils coupants ( Affûtage de précision ) Ets. BRODAR André - Marcoussis (91)</td>
</tr>
</table>
</div>
<div class="contact">
<!---contact form -------------------------->
<form action="/action_page.php">
<input type="text" id="fname" name="fname" placeholder="NOM*">
<input type="text" id="lname" name="lname" placeholder="PRENOM*"><br>
<input type="checkbox" name="ent" value="Masculin" checked="checked"> Particulier<br>
<input type="checkbox" name="ent" value="Feminin" > Entreprise<br><br>
<label for="date">DATE DE NAISSANCE</label><br>
<input id="date" type="date" value="2017-06-01"><br>
<input type="radio" name="gender" value="male"> Masculin<br>
<input type="radio" name="gender" value="female"> Feminin<br>
<input type="radio" name="gender" value="other"> Autre<br>
<input type="tel" id="phone" name="lphone" placeholder="TELEPHONE*">
<input type="email" id="email" name="email" placeholder="EMAIL*">
<input type="text" id="zipcode" name="zipcode" placeholder="CODE POSTAL*">
<input type="text" id="ville" name="ville" placeholder="VILLE*"><br>
<label for="message">MESSAGE*</label><br><br>
<textarea type="box" id="message" name="message" cols="30" rows="10"></textarea><br><br>
<input type="submit" id="button" class="button" value="Envoyer">
</form>
<!---end contact -------------------------------->
</div>
<footer>
<h2>Ma phrase fétiche</h2>
<p>
Juste parce que <strong>ce n'est pas là</strong> où l'on s'y attend, ne <em>signifie pas</em> qu'il n'est pas ailleurs...
</p>
<h3>Crée par BRODAR Frédéric</h3>
</footer>
</container>
</body>
</html>