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

<!-- !TODO: Trouver des icônes-->
<!DOCTYPE html>
<head>
	<title>Martial Simon</title>
	<meta content="text/html; charset='utf-8'" http-equiv="content-type">
	<meta name="description" content="Mon site portfolio">
	<meta name="author" content="Martial Simon">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header>
		<h1><a href="#">Martial Simon</a></h1>
		<nav>
			<sep>&nbsp;~&nbsp;</sep>
			<a href="#skills"><h2>Compétences</h2></a>
			<sep>&nbsp;~&nbsp;</sep>
			<a href="#contact"><h2>Contact</h2></a>
			<sep>&nbsp;~&nbsp;</sep>
		</nav>
	</header>
	<div id="content">
	<section id="presentation">
		<div>
			<h2>Qui donc ?</h2>
			<p>Féru d'informatique, je suis étudiant en classe préparatoire à l’Ecole Pour l’Informatique et les
	Techniques Avancées (EPITA) à Lyon. Consciencieux et travailleur, je me sers de ces compétences
	pour mes études mais aussi dans mes loisirs que sont la pratique de la musique (guitare
	et basse) et du sport (escalade, cyclisme).<br>J’aime également le travail en équipe comme j’ai pu
	l’expérimenter dès le lycée avec un projet collaboratif de ballon sonde stratosphérique, puis au cours de projets de groupe au sein de mes études supérieures (réalisation d'un jeu vidéo et logiciel d'OCR), ou encore en étant
	membre actif actuellement d’un groupe de musique (voir le <a class="text-link" style="color: #400080" href="lesrunninggags.marcellus.cc">site du groupe</a>).<br>Fort de plusieurs expériences internationales, je communique aisément en anglais et suis capable de comprendre assez globalement l'allemand.</p>
		</div>
		<img id="id-pic" src="img/PI.png" alt="photo de moi">
</section>
	<section>
		<h2 id="formation">Mon parcours</h2>
		<div id="timeline">
			<div id="labels">
				<span class="work">Expériences professionnelles</span><br>
				<span class="studies">Études</style><br>
				<span class="degree">Diplômes</span>
			</div>
			<div class="timestamp">2019</div>
			<div class="events">
				<div class="event work">
					<h4>Stage d'observation</h4>
										<p>Service <abbr title="Innovation Conception et Accompagnement à la Pédagogie">ICAP</abbr> de l'université Lyon 1.</p>
					<p>1 semaine.<p/>
				</div>
			</div>
			<div class="timestamp">2020</div>
			<div class="events">
				<div class="event degree">
					<h4>Brevet d'initiation à l'aéronautique</h4>
										<p>Formation réalisée pendant mon année de 2nde.</p>
					<p>Mention <i>Très Bien</i>.</p>
				</div>
				<div class="event work">
					<h4>Pet Sitter</h4>
										<p>Job d'été chez un particulier.</p>
					<p>2 semaines.</p>
				</div>
			</div>
			<div class="timestamp">2022</div>
			<div class="events">
				<div class="event degree">
					<h4>Diplôme du Baccalauréat général</h4>
										<p>Spécialités: Mathématiques, <abbr title="Numérique et Sciences de l'Informatique">NSI</abbr>.</p>
					<p>Options: Musique, Maths Expertes, <abbr title="Discipline Non Linguistique">DNL</abbr> Physique, Grec ancien (jusqu'en classe de 1<sup>ère</sup>).</p>
					<p>Mention <i>Très Bien</i>.</p>
				</div>
				<div class="event studies">
					<h4>1<sup>ère</sup> année à l'<abbr title="École pour l'Informatique et les Techniques Avancées"><a href="https://epita.fr">EPITA</a></abbr> (Info SUP)</h4>
										<p>Année validée (2023-2024).</p>
				</div>
			</div>
			<div class="timestamp">2023</div>
			<div class="events">
				<div class="event work">
					<h4>Stage ouvrier</h4>
										<p>Service Innovation Informatique des <abbr title="Hospices Civils de Lyon">HCL</abbr>.</p>
					<p>Stage d'été (7 semaines).</p>
				</div>
				<div class="event studies">
					<h4>2<sup>ème</sup> année à l'<abbr title="École pour l'Informatique et les Techniques Avancées"><a href="https://epita.fr">EPITA</a></abbr> (Info SPE)</h4>
										<p>Semestre d'automne 2023.</p>
					<p>Semestre validé.</p>
				</div>
			</div>
			<div class="timestamp">2024</div>
			<div class="events">
				<div class="event degree">
					<h4>Mobilité académique Erasmus à <abbr title="Centria University of Applied Sciences">Centria UAS</abbr></h4>
										<p>Semestre de printemps 2024 effectué à Kokkola en Finlande.</p>
					<p>Validée par equivalence de crédits <abbr title="European Credits Transfer & Accumulation System">ECTS</abbr>.</p>
				</div>
			</div>
		</div>
	</section>
	<section>
		<h2 id="skills">Compétences</h2>
		<p>Permis B</p>
	</section>
	</div>
	<footer>Site réalisé à la <span style="color: beige;">󱠡</span> &nbsp; et avec <span style="color: red">󰩖</span> &nbsp; par <a href="marcellus.cc">Martial</a><br>
		<a href="http://www.wtfpl.net/"><img
       src="http://www.wtfpl.net/wp-content/uploads/2012/12/wtfpl-badge-4.png"
       width="80" height="15" alt="WTFPL" /></a></footer>
</body>