thibaud.la_riviere-gillet
/
portfolio
generated from Templates_CodeFirst/templateHtmlCss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

new repo
continuous-integration/drone/push Build is passing Details

Browse Source
master
Thibaud LA RIVIERE-GILLET 8 months ago
parent c1651cea5b
commit 1709d905e0
31 changed files with 1490 additions and 36 deletions
Show Stats Download Patch File Download Diff File

16
README.md
Unescape View File

@ -1,5 +1,15 @@
[![Build Status](https://codefirst.iut.uca.fr/api/badges/thibaud.la_riviere-gillet/portfolio/status.svg)](https://codefirst.iut.uca.fr/thibaud.la_riviere-gillet/portfolio)
[![Build Status](https://codefirst.iut.uca.fr/api/badges/thibaud.la_riviere-gillet/portfoli/status.svg)](https://codefirst.iut.uca.fr/thibaud.la_riviere-gillet/portfoli)
# portfolio
# portfoli
A simple template for a web site.
# Mon Portfolio
Cette répository a pour but final de contenir et mettre a jour mon Portfolio. Pour l'instant vous ne pourrez acceder uniquement aux contexte, personnas, user story, maquettes et diagrammes de flux.
## Utilisation
Je vous conseille de commencer par lire le home du wiki, il explique les specifitées de ce rendu. Puis a regarder dans l'ordre le contexte, les personnas ainsi que les user story de 1 a 3, regarder le diaramme de flux Pour prendre conscience de la demarche suivit. Puis finir par regarder l'interpretation graphique que j'ai eu de ce portfolio avec la maquette.
## Auteurs
Thibaud La Riviere

56
css/About/main_about.css
Unescape View File

@ -0,0 +1,56 @@
#files_about
{
display: flex;
}
#About
{
background-color: #173964;
}
#About:hover #files_about
{
display: flex;
}
.repertory-box:hover #About
{
background-color: rgba(36, 36, 36, 0.80);
}
.repertory-box:hover #files_about{
display: none;
}
.cv a
{
color: rgb(215, 130, 100, 1.0);
}
.cv p
{
padding-left: 15%;
}
.cv h1, .cv h3
{
color: rgb(227, 140, 98, 1.0);
}
.cv mark, date
{
color: rgb(157, 241, 240, 1.0);
}
date
{
position: absolute;
font-weight: bold;
right: 10%;
}
.cv
{
background-image: url('../../pictures/back_md.jpg');
}

0
css/About/style_cv.css.css
Unescape View File

5
css/About/style_img.jpg.css
Unescape View File

@ -0,0 +1,5 @@
.cv img
{
float: right;
width: 19%;
}

0
css/Contact/style_Plus.html.css
Unescape View File

0
css/Contact/style_me.md.css
Unescape View File

30
css/Projects/main_projects.css
Unescape View File

@ -0,0 +1,30 @@
#files_projects
{
display: flex;
}
#Projects
{
background-color: #173964;
}
#Projects:hover #files_projects
{
display: flex;
}
.repertory-box:hover #Projects
{
background-color: rgba(36, 36, 36, 0.80);
}
.repertory-box:hover #files_projects{
display: none;
}
.mont_blanc img, .forty-two img
{
float: right;
padding-right: 10%;
width: 30%;
}

30
css/Projects/style_Maquette.html.css
Unescape View File

@ -0,0 +1,30 @@
.Maquette mark
{
color: indianred;
}
.indentation0
{
padding-left: 0px;
}
.indentation1
{
padding-left: 60px;
}
.indentation2
{
padding-left: 120px;
}
.indentation3
{
padding-left: 180px;
}
.Maquette
{
background-image: url('../../pictures/back_md.jpg');
}

13
css/Projects/style_Mont-blanc_LDA.css
Unescape View File

@ -0,0 +1,13 @@
.mont_blanc
{
background-color: black;
}
@media screen and (min-width: 900px)
{
.mont_blanc
{
height: auto;
bottom: auto;
}
}

31
css/Projects/style_ft_42.c.css
Unescape View File

@ -0,0 +1,31 @@
.forty-two h1, .forty-two h2, .forty-two strong, .forty-two em
{
opacity: 80%;
}
.forty-two h3
{
color: rgb(150, 190, 150, 1.0);
}
.forty-two mark
{
color: rgb(157, 241, 240, 1.0);
}
function
{
color: #A73964;
font-weight: bold;
}
.forty-two img
{
opacity: 80%;
}
.forty-two
{
background-image: url('../../pictures/back_c.jpg');
}

22
css/fonts.css
Unescape View File

@ -0,0 +1,22 @@
.readme a, .readme em
{
color: rgb(215, 130, 100, 1.0);
}
.readme p
{
padding-left: 15%;
}
.readme strong
{
color: rgb(195, 155, 100, 1.0);
}
.readme mark
{
color: rgb(100, 135, 200, 1.0);
}

229
css/style.css
Unescape View File

@ -0,0 +1,229 @@
body
{
background: #011C2D;
margin: 0;
min-height: 100vh
}
.container
{
color: #FFF;
padding-left: 5%;
}
a
{
text-decoration: none;
}
mark
{
background: transparent;
}
#pion_container
{
display: none;
}
#pion_repertory
{
width: 50px;
}
.pictures
{
position: absolute;
bottom: 0px;
padding-left: 1%;
width: 64%;
z-index: 0;
}
.pictures_files:after
{
content: attr(title);
color: #FFF;
}
.readme
{
background-image: url('../pictures/back_md.jpg');
}
header nav
{
display: flex;
height: 250px;
width: 600px;
position: relative;
top: 50px;
left: 60px;
background: #173964;
border-radius: 10px;
overflow: hidden;
border-style: groove;
border-width: 2px;
}
header .repertory-box
{
flex: 0 0 170;
height: 100%;
border-radius: 10px;
background-color: rgba(36, 36, 36, 0.80);
}
header .repertory-box ul
{
list-style: none;
padding: 0;
margin: 0;
}
header .repertory-box a
{
display: block;
padding: 8px;
padding-right: 40px;
padding-left: 40px;
text-decoration: none;
color: #FFF;
transition: background-color 0.3s ease;
}
header .repertory-box a:hover
{
background: #173964;
}
header .files-box a:hover
{
background-color: rgba(36, 36, 36, 0.80);
}
header .pictures_files
{
max-width: 80px;
}
header .pictures_files
{
display: flex;
flex-direction: column;
align-items: flex-start;
}
header .repertory-box .files-box
{
position: absolute;
top: 0;
left: 22%;
height: 90%;
padding-top: 10px;
text-align: center;
font-size: 15px;
display: none;
overflow: auto;
}
header .repertory-box ul.files li
{
width: 200px;
margin: 0px;
}
header .repertory-box .files-box ul.files
{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.repertory:hover .files-box {
display: flex;
}
.cv, .forty-two, .Maquette, .mont_blanc, .readme
{
background-size: cover;
overflow: auto;
position: fixed;
border-radius: 10px;
width: 50%;
height: 75%;
right: 10%;
bottom: 0px;
border-style: solid;
border-color: black;
border-width: 2px;
z-index: 2;
}
@media screen and (max-width: 900px)
{
header nav
{
display: flex;
height: 140px;
width: 100%;
position: relative;
top: 0px;
left: 0px;
background: #173964;
border-radius: 10px;
overflow: hidden;
border-style: none;
}
.cv, .forty-two, .Maquette, .mont_blanc, .readme
{
position: fixed;
border-radius: 10px;
width: 100%;
height: calc(100vh - 140px);
right: 0px;
bottom: 0px;
}
.pictures
{
display: none;
}
#pion_container
{
display: flex;
position: absolute;
right: 0px;
bottom: 0px;
width: 50px;
}
}
@media screen and (max-width: 550px)
{
header .repertory-box .files-box ul.files
{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
}
@media screen and (max-height: 700px)
{
.pictures
{
display: none;
}
#pion_container
{
display: flex;
position: absolute;
right: 0px;
bottom: 0px;
width: 50px;
}
}

166
html/CV.css.html
Unescape View File

@ -0,0 +1,166 @@
<!--
File: CV.css.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title> It's me </title>
<meta charset="UTF-8">
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="../css/style.css">
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
<link type="text/css" rel="stylesheet" href="../css/About/main_about.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="CV.css.html" class="pictures_files" title="CV.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
<img src="../pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="../index.html" class="pictures_files" title="Portfolio.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="me.md.html" class="pictures_files" title="Me.md">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="../index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="../pictures/pion.jpg" id="pion_container"
target="_blank" alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="ft_42.c.html">ft_42 </a></em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<div class="cv container">
<h1> <mark>&lt;</mark>CV<mark>&gt;</mark></h1>
<h2> Thibaud La Riviere-Gillet </h2>
<p> Étudiant en informatique </p>
<h3> <mark>.</mark> a propos de moi </h3>
<p>Etant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation de qui me permettra
de consolider mes connaissances et mes compétances dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h3> <mark>.</mark> diplomes </h3>
<p> Bac Général : Mathématiques/ Physique-Chimie <br>
<em> Iscles, Manosque </em> <date> mars 2023 </date> </p>
<p> Brevet des collèges <br>
<em> Pierre-Girardot, St Tulle </em> <date> mars 2020 </date> </p>
<h3> <mark>.</mark> experience professionnelle </h3>
<p> AGENT D'ENTRETIEN <br>
<em> Thermes de, Gréoux-les-Bains </em> <date> 2022 et 2023 </date> </p>
<p> Patissier / Chocolatier <br>
<em> Challes-les-Eaux </em> <date> 2020 </date> </p>
<h3> <mark>.</mark> competitions</h3>
<p> <strong> Tescia</strong> 2023 <br>
<strong> Piscine de 42 </strong> 2023 <br>
<strong> Echecs</strong> 2021 / 2022 / 2023 <br>
<strong> Concour ITER-ROBOT</strong> 2020 </p>
<h1> <mark>&lt;</mark>CV<mark>&gt;</mark></h1>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

253
html/Maquette.html.html
Unescape View File

@ -0,0 +1,253 @@
<!--
File: Maquette.html.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> It's me </title>
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="../css/style.css">
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/main_projects.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/style_Maquette.html.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="CV.css.html" class="pictures_files" title="CV.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
<img src="../pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="../index.html" class="pictures_files" title="Portfolio.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="me.md.html" class="pictures_files" title="Me.md">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="../index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="../pictures/pion.jpg" id="pion_container" target="_blank"
alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="ft_42.c.html">ft_42 </a>
</em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<div class="Maquette container">
<p>
<div class="indentation0">
<mark><</mark> !DOCTYPE html <mark>></mark> <br>
<mark><</mark> html lang="fr" <mark>></mark> <br>
</div>
<div class="indentation1">
<mark><</mark> head <mark>></mark> <br>
</div>
<div class="indentation2">
<mark><</mark> meta charset="UTF-8" <mark>></mark> <br>
<mark><</mark> title <mark>></mark> Conception d'un Portfolio
<mark><</mark> /title <mark>></mark> <br>
</div>
<div class="indentation1">
<mark><</mark> /head <mark>></mark> <br>
<mark><</mark> body <mark>></mark> <br>
</div>
<div class="indentation2">
<mark><</mark> header <mark>></mark> <br>
</div>
<div class="indentation3">
<mark><</mark> h1 <mark>></mark> Conception d'un Portfolio Explorer
<mark><</mark> /h1 <mark>></mark> <br>
</div>
<div class="indentation2">
<mark><</mark> /header <mark>></mark> <br>
<mark><</mark> section <mark>></mark> <br>
</div>
<div class="indentation3">
<mark><</mark> h2 <mark>></mark> 1. Organisation Intuitive des Contenus
<mark><</mark> /h2 <mark>></mark> <br>
<mark><</mark> pre <mark>></mark> <br>
</div>
</p>
<div class="indentation3">
<pre>
La conception de mon Portfolio Explorer a débuté
par une organisation logique des informations. En
utilisantune structure familière basée sur un
explorateur de fichiers que tout le monde utilise
au quotidien, j'ai créé un environnement où les
visiteurs se sentent instantanément à l'aise.
Les catégories claires ("About", "Projects",
"Contact") assurent une navigation intuitive.</pre>
</div>
<p>
<div class="indentation3">
<mark><</mark> /pre <mark>></mark> <br>
<mark><</mark> h2 <mark>></mark> 2. Navigation Simplifiée
<mark><</mark> /h2 <mark>></mark> <br>
<mark><</mark> pre <mark>></mark> <br>
</div>
</p>
<div class="indentation3">
<pre>
Les liens ont été soigneusement structurés pour
simplifier la navigation. Chaque section du portfolio
est accessible en un clic. L'utilisation de liens
relatifs permet une compréhension facile, même pour
ceux qui ne sont pas familiers avec les technologies web.</pre>
</div>
<p>
<div class="indentation3">
<mark><</mark> /pre <mark>></mark> <br>
<mark><</mark> h2 <mark>></mark>
3. Icônes Visuelles pour une Identification Instantanée
<mark><</mark> /h2 <mark>></mark> <br>
<mark><</mark> pre <mark>></mark> <br>
</div>
</p>
<div class="indentation3">
<pre>
L'ajout d'icônes de dossiers apporte une dimension
visuelle sympathique à chaque catégorie. Ces petites
touches graphiques facilitent l'identification
instantanée des sections, créant ainsi une expérience
utilisateur plus intuitive. </pre>
</div>
<p>
<div class="indentation3">
<mark><</mark> /pre <mark>></mark> <br>
<mark><</mark> h2 <mark>></mark>
4. Accessibilité Universelle
<mark><</mark> /h2> <mark>></mark> <br>
<mark><</mark> pre <mark>></mark> <br>
</div>
</p>
<div class="indentation3">
<pre>
L'objectif principal était de rendre mon portfolio
explorer accessible à tous. En utilisant un modèle
familier et une navigation simplifiée, j'ai créé un
espace où chacun peut explorer mon travail aisément.
L'interface conviviale assure une expérience agréable,
que l'on soit technophile ou non. </pre>
</div>
<p>
<div class="indentation3">
<mark><</mark> /pre <mark>></mark> <br>
</div>
<div class="indentation2">
<mark><</mark> /section <mark>></mark> <br>
</div>
<div class="indentation1">
<mark><</mark> /body <mark>></mark> <br>
</div>
<div class="indentation0">
<mark><</mark> /html> <br>
</div>
</p>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

163
html/Mont-blanc_LDA.html
Unescape View File

@ -0,0 +1,163 @@
<!--
File: Mont-blanc_LDA.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> It's me </title>
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="../css/style.css">
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/main_projects.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/style_Mont-blanc_LDA.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="CV.css.html" class="pictures_files" title="CV.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
<img src="../pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="../index.html" class="pictures_files" title="Portfolio.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="me.md.html" class="pictures_files" title="Me.md">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="../index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="../pictures/pion.jpg" id="pion_container" target="_blank"
alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="ft_42.c.html">ft_42 </a>
</em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<div class="mont_blanc container">
<p>
<img src="../pictures/mont_blanc.jpg" alt="Mont-blanc pastry" width="auto" height="auto">
Début du Programme : Recette du Mont Blanc <br> <br>
// Ingrédients <br>
purée_de_marrons <- 500g <br>
crème_liquide <- 250ml <br>
sucre_en_poudre <- 2 cuillères_à_soupe <br>
extrait_de_vanille <- 1 cuillère_à_café <br>
meringues <- 200g <br>
chantilly <- quantité_suffisante <br>
marrons_glacés <- en_option <br><br>
// Étapes <br>
créer_crème_de_marrons(purée_de_marrons, extrait_de_vanille) <br>
préparer_chantilly(crème_liquide, sucre_en_poudre) <br>
écraser_meringues (meringues) <br>
assembler_mont_blanc(crème_de_marrons, meringues, chantilly) <br>
décorer_avec_marrons_glacés (marrons_glacés) <br> <br>
Servir_Mont_Blanc(froid) <br> <br>
Fin du Programme <br>
</p>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

0
html/Plus.html.html
Unescape View File

171
html/ft_42.c.html
Unescape View File

@ -0,0 +1,171 @@
<!--
File: ft_42.c.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> It's me </title>
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="../css/style.css">
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/main_projects.css">
<link type="text/css" rel="stylesheet" href="../css/Projects/style_ft_42.c.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="CV.css.html" class="pictures_files" title="CV.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
<img src="../pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="auto">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="../index.html" class="pictures_files" title="Portfolio.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="me.md.html" class="pictures_files" title="Me.md">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="../index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="../pictures/pion.jpg" id="pion_container" target="_blank"
alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="ft_42.c.html">ft_42 </a>
</em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<div class="forty-two container">
<img src="../pictures/42.jpg" alt="42 logo" width="auto" height="auto">
<h1> <mark>#</mark> include <mark><</mark> unistd.h <mark>></mark> </h1>
<h3> <function> printf </function>
(" L'École 42 : Une Aventure Éducative Exceptionnelle "); </h3>
<p> /<mark>*</mark> <br>
L'école 42 offre une expérience éducative exceptionnelle,
repoussant les frontières de l'apprentissage traditionnel.
Ici, les étudiants sont immergés dans le monde de la programmation et de la technologie,
résolvant des défis complexes et collaborant sur des projets innovants.
<br><mark>*</mark>/
</p>
<h3> <function> printf </function> (" Approche Pédagogique Unique "); </h3>
<p> /<mark>*</mark> <br>
Cette approche pédagogique unique permet aux apprenants de développer
leurs compétences techniques tout en encourageant la créativité et le travail d'équipe.
L'école 42 favorise également un environnement inclusif où la diversité est célébrée.
<br><mark>*</mark>/
</p>
<h3> <function> printf </function> (" Cultiver l'Innovation et l'Inclusivité "); </h3>
<p> /<mark>*</mark> <br>
Les étudiants sont encouragés à explorer, à échouer et à réussir,
cultivant ainsi des compétences essentielles pour
l'industrie technologique en constante évolution.
C'est un lieu où l'éducation devient une aventure stimulante
et où les futurs innovateurs trouvent l'inspiration pour façonner
le monde numérique de demain.
<br><mark>*</mark>/
</p>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

170
html/img.jpg.html
Unescape View File

@ -0,0 +1,170 @@
<!--
File: img.jpg.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> It's me </title>
<link rel="shortcut icon" href="../pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="../css/style.css">
<link type="text/css" rel="stylesheet" href="../css/fonts.css">
<link type="text/css" rel="stylesheet" href="../css/About/main_about.css">
<link type="text/css" rel="stylesheet" href="../css/About/style_cv.css.css">
<link type="text/css" rel="stylesheet" href="../css/About/style_img.jpg.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="CV.css.html" class="pictures_files" title="CV.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="img.jpg.html" class="pictures_files" title="img.jpg">
<img src="../pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="../index.html" class="pictures_files" title="Portfolio.css">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="me.md.html" class="pictures_files" title="Me.md">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="Plus.html.html" class="pictures_files" title="Plus.html">
<img src="../pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="../index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="../pictures/pion.jpg" id="pion_container" target="_blank"
alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="ft_42.c.html">ft_42 </a>
</em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="Maquette.html.html">Maquette du Portfoliol </a>
</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="../index.html"> larivieregillet12@gmail.com </a>
</em>] <br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<div class="cv container">
<img src="../pictures/its_me.jpg" alt="my picture" width="auto" height="auto">
<h1> <mark>&lt;</mark>CV<mark>&gt;</mark></h1>
<h2> Thibaud La Riviere-Gillet </h2>
<p> Étudiant en informatique </p>
<h3> <mark>.</mark> a propos de moi </h3>
<p>Etant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation de qui me permettra
de consolider mes connaissances et mes compétances dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h3> <mark>.</mark> diplomes </h3>
<p> Bac Général : Mathématiques/ Physique-Chimie <br>
<em> Iscles, Manosque </em> <date> mars 2023 </date> </p>
<p> Brevet des collèges <br>
<em> Pierre-Girardot, St Tulle </em> <date> mars 2020 </date> </p>
<h3> <mark>.</mark> experience professionnelle </h3>
<p> AGENT D'ENTRETIEN <br>
<em> Thermes de, Gréoux-les-Bains </em> <date> 2022 et 2023 </date> </p>
<p> Patissier / Chocolatier <br>
<em> Challes-les-Eaux </em> <date> 2020 </date> </p>
<h3> <mark>.</mark> competitions</h3>
<p> <strong> Tescia</strong> 2023 <br>
<strong> Piscine de 42 </strong> 2023 <br>
<strong> Echecs</strong> 2021 / 2022 / 2023 <br>
<strong> Concour ITER-ROBOT</strong> 2020 </p>
<h1> <mark>&lt;</mark>CV<mark>&gt;</mark></h1>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="../pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

0
html/me.md.html
Unescape View File

171
index.html
Unescape View File

@ -1,34 +1,139 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>portfolio - One incredible styled html page</title>
<link rel="stylesheet" href="mycoolstyle.css">
</head>
<body>
<!-- Navigation menu -->
<ul class="navbar">
<li><a href="https://codefirst.iut.uca.fr/home">Code#0</a>
<li><a href="http://iut.uca.fr">IUT</a>
<li><a href="https://neilyoungarchives.com/">Very good music</a>
<li><a href="https://www.youtube.com/watch?v=CY5dTBhRxOA">Very good music too!</a>
</ul>
<!-- Main Content -->
<h1>portfolio is my first page, and it has got style!</h1>
<p>Welcome on this template html/css project
<p>Very simple, some links, some menu... make it your own
&hellip;
<p>I have nothing more to say
<!-- my footer -->
<address>Template made in 2022<br>
with Code#0 <a href="https://codefirst.iut.uca.fr/home"><img src="images/CodeFirstLogo.png" alt="Code#0" align="middle" border="0" height="40px"/>
</a></address>
</body>
<!--
File: index.html
Owner: Thibaud La Riviere
License: MIT License
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> It's me </title>
<link rel="shortcut icon" href="pictures/files.jpg" type="image/x-icon">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/fonts.css">
</head>
<header>
<nav>
<div class="repertory-box">
<ul id="repertory">
<li class="repertory" id="About">
<a> About </a>
<div id="files_about" class="files-box">
<ul class="files">
<li>
<a href="html/CV.css.html" class="pictures_files" title="CV.css">
<img src="pictures/files.jpg" class="pictures_files"
alt="CV.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="html/img.jpg.html" class="pictures_files" title="img.jpg">
<img src="pictures/files.jpg" class="pictures_files"
alt="img.css" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Projects">
<a> Projects </a>
<div class="files-box" id="files_projects">
<ul class="files">
<li>
<a href="html/ft_42.c.html" class="pictures_files" title="ft_42.css">
<img src="pictures/files.jpg" class="pictures_files"
alt="ft_42.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="html/Maquette.html.html" class="pictures_files" title="Maquette.html">
<img src="pictures/files.jpg" class="pictures_files"
alt="Maquette.html" width="80px" height="65px">
</a>
</li>
<li>
<a href="index.html" class="pictures_files" title="Portfolio.css">
<img src="pictures/files.jpg" class="pictures_files"
alt="Portfolio.css" width="80px" height="65px">
</a>
</li>
<li>
<a href="html/Mont-Blanc_LDA.html" class="pictures_files" title="Mont-blanc (LDA)">
<img src="pictures/files.jpg" class="pictures_files"
alt="Mont-blanc (LDA)" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Contact">
<a> Contact </a>
<div class="files-box" id="files_contact">
<ul class="files">
<li>
<a href="html/me.md.html" class="pictures_files" title="Me.md">
<img src="pictures/files.jpg" class="pictures_files"
alt="Me.md" width="80px" height="65px">
</a>
</li>
<li>
<a href="html/Plus.html.html" class="pictures_files" title="Plus.html">
<img src="pictures/files.jpg" class="pictures_files"
alt="Plus.html" width="80px" height="65px">
</a>
</li>
</ul>
</div>
</li>
<li class="repertory" id="Readme">
<a href="index.html"> Readme </a>
</li>
</ul>
</div>
<a href="www.chess.com/" >
<img src="pictures/pion.jpg" id="pion_container" target="_blank"
alt="Plus.html" width="50px" height="72px">
</a>
</nav>
</header>
<body>
<div class="readme container">
<h1> <strong> # </strong> Bienvenue sur Mon Portfolio ! </h1>
<p>
Je suis <strong> ** </strong> Thibaud La Riviere <strong> ** </strong>,
un étudiant en première année d'informatique passionné par le monde du développement et de la cuisine.
Ce portfolio est une vitrine de mes compétences et de mes projets.
N'hésitez pas à explorer et me contacter
si vous avez des questions ou des opportunités de collaboration !
</p>
<h2> <strong> ## </strong> A propos de moi </h2>
<p>
Étant doté d'un fort intérêt pour les technologies informatiques,
je suis à la recherche d'une formation qui me permettra
de consolider mes connaissances et mes compétences dans ce domaine.
Mon objectif est d'acquérir une solide formation pour être prêt à relever les défis de demain.
</p>
<h2> <strong> ## </strong> Projets </h2>
<p> - [<em> <a href="html/ft_42.c.html">ft_42 </a>
</em>](<strong> ./Projects/ft_42.c </strong>) : </p>
<p>
Il s'agit d'un concours d'informatique permettant d'accéder à l'école 42.
</p>
<p> - [<em> <a href="html/Maquette.html.html">Maquette du Portfoliol </a>
\</em>](<strong> ./projects/ft_/.//maquette.jpg </strong>) : </p>
<p>
Il s'agit de la maquette du portfolio que vous êtes en train de lire.
</p>
<p> - Et pleins d'autres </p>
<h2> <strong> ## </strong> Contact </h2>
<p> Pour me contacter, vous pouvez m'envoyer un e-mail à </p>
<p>
[ <em> <a href="index.html"> larivieregillet12@gmail.com </a> </em>]
<br> (<mark> mailto:larivieregillet12@gmail.com </mark>)
</p>
</div>
<a href="www.chess.com/" class="pictures" target="_blank" title="Rencontrons nous autrement :">
<img src="pictures/chessboard.jpg" class="pictures" alt="chessboard" width="auto" height="auto">
</a>
</body>
</html>

BIN
pictures/42.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
pictures/Diagramme_de_Flux2-min.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 KiB

BIN
pictures/Diagrammes_de_Flux-min.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 KiB

BIN
pictures/Portfolio-min.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
pictures/back_c.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
pictures/back_md.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
pictures/chessboard.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
pictures/files.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
pictures/its_me.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
pictures/mont_Blanc.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 312 KiB

BIN
pictures/pion.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

Write Preview
Loading…
Cancel
Save