-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (107 loc) · 3.45 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!-- index.html -->
<!DOCTYPE html>
<!-- le document est en HTML -->
<html lang="en" dir="ltr">
<!-- ############ HEAD DU DOCUMENT ############ -->
<head>
<meta charset="utf-8">
<!-- utf-8 est le meilleur encodeur pour unicode si on veut
créer du contenu international -->
<title>Nicolas's Personal Site</title>
<!-- titre de l'onglet dans le navigateur web -->
</head>
<!-- ############ CORPS DU DOCUMENT ############ -->
<body>
<table cellspacing="20"> <!-- 20px entre chaque cellule -->
<tr>
<td>
<img src="avatar.gif" alt="Nicolas profile picture">
<!-- Photo de Profil avant le titre -->
</td>
<td>
<h1>Nicolas M.Bronner</h1> <!-- Titre du document -->
<p>‼ Ce CV est factice et a été créé dans un but
éducationnel ‼</p> <!-- Comme c'est Public... -->
<p><em>Fondateur et designer de l'app <strong>
<a href="https://mynoise.net/">Atmo-Sphere</a></strong>
</em></p> <!-- bio -->
<p>Je suis développeur Web. J'aime la pizza, et la
reliure de livres.</p> <!-- about me -->
</td>
</tr>
</table>
<!----------------------------------------------->
<hr>
<!-- SECTION 1 - MON EDUCATION -->
<h3>Education</h3>
<!-- à la suite, on a une master list, comprenant deux parents
en liste non ordonnée, et chacun d'eux comprend deux enfants
en liste non ordonnée également. -->
<ul>
<li>Cours en ligne sur le site Udemy</li>
<ul>
<li>The Complete 2022 Web Development Bootcamp, par
Dr.Angela Yu</li>
<li>Formation complète développeur Front-End, par
Enzo Ustariz</li>
</ul>
<li>Cours en ligne sur le site GameDev.tv</li>
<ul>
<li>Complete C# Unity Game Developer 2D Online Course</li>
<li>Complete C# Unity Game Developer 3D Online Course</li>
</ul>
</ul>
<!----------------------------------------------->
<hr>
<!-- SECTION 2 - MON EXPERIENCE PRO -->
<h3>Work Experience</h3>
<!-- Tableau pour organiser l'experience pro. Ce tableau
affiche en header une colonne pour les années, et une pour
le poste tenu. Il y a deux postes affichés sur deux lignes
avec chacun son année et le fameux poste tenu -->
<table cellspacing="10">
<thead>
<tr>
<th>Années</th>
<th>Poste</th>
</tr>
</thead>
<tbody>
<tr>
<td>2012-2014</td>
<td>Programmeur à l'Institut de la S.U</td>
</tr>
<tr>
<td>2016-2017</td>
<td>Lead Programmer à l'Institut de la S.U</td>
</tr>
</tbody>
</table>
<!----------------------------------------------->
<hr>
<!-- SECTION 3 - MES CAPACITES -->
<h3>Skills</h3>
<!-- A la suite, un tableau listant : colonne 1 = chaque
talent ; colonne 2 = des étoiles (5 max) indiquant le degré
de maîtrise -->
<table cellspacing="10">
<tr>
<td>Unity Game Engine</td>
<td>⭐⭐⭐⭐⭐</td>
</tr>
<tr>
<td>Sketching & Painting</td>
<td>⭐⭐⭐⭐</td>
</tr>
<tr>
<td>Sound Effects Design</td>
<td>⭐⭐⭐</td>
</tr>
</table>
<!----------------------------------------------->
<hr>
<!-- LIEN VERS LES HOBBIES -->
<a href="hobbies.html">Mes Hobbies</a><br>
<a href="contact.html">Contactez-Moi</a>
</body>
</html>