raphael.lacote
/
portfolio_v2
generated from Templates_CodeFirst/templateHtmlCss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Nombreux ajouts

Browse Source
master
Raphael LACOTE 1 year ago
parent 99ebcb2131
commit 82c8476363
11 changed files with 184 additions and 35 deletions
Show Stats Download Patch File Download Diff File

53
contact.html
Unescape View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>À propos de moi</h1>
<nav>
<ul>
<li class="navbar"><a class="lien" href="index.html">À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html" style="color: gold;">Contact</a></li>
</ul>
</nav>
</header>
<section class="very_high_margin">
<div class="image-container">
<div class="image-wrapper">
<img src="./resources/mail.png" alt="mai">
<h4>ADRESSE MAIL</h4>
<p>rlacote1@gmail.com</p>
</div>
<div class="image-wrapper">
<img src="./resources/telephone.png" alt="tel">
<h4>TELEPHONE</h4>
<p>07 67 03 40 30</p>
</div>
<div class="image-wrapper">
<img src="./resources/linkedin.png" alt="lin">
<h4>LINKEDIN</h4>
<p>Raphaël Lacote</p>
</div>
</div>
</section>
</body>
</html>

11
cv.html
Unescape View File

@ -17,21 +17,18 @@
<li class="navbar"><a class="lien" href="index.html">À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html" style="color: gold;">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<section class="high_margin">
<iframe src="./resources/CV.pdf" width="100%" height="600px" style="border: none;"></iframe>
</section>
<footer>
<p>Lien Linkedin : https://www.linkedin.com/in/rapha%C3%ABl-lacote-9181b7253</p>
</footer>
</body>
</html>

55
hyperset.html
Unescape View File

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mes réalisations</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Réalisations</h1>
<nav>
<ul>
<li class="navbar"><a class="lien" href="index.html" >À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html" style="color: gold;">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" >Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<div class="sidebar">
<ul>
<li><a href="Hyperset.html" style="color: gold;">Projet SOMAB</a></li>
<li><a href="realisation.html">Projet Réseau Alica</a></li>
</ul>
</div>
<div class="content">
<h2>Projet LOGICIEL DE COMMANDE DE MACHINE-OUTILS</h2>
<p> Ce Projet a été commencé lors d'un stage de 10 semaines en 2023 puis continuer lors de mon alternance en 2023 - 2024. <br>
Il m'a permit de remettre en cause mon travail et de réfléchir à obtenir à la meilleure optimisation possible afin de rendre un travail de qualité.<br>
J'ai pu lors de ce projet chercher à utiliser les patrons de conceptions lorsque cela était bénéfique et à bien réfléchir à mon code sur papier avant de coder.<br>
J'ai pu en plus développer ma rigeur de travail et mon autonomie, ce projet étant réalisé tout seul.</p>
<a href="./resources/rapport.pdf" download>Télécharger le compte rendu de stage</a>
</div>
</section>
</body>
</html>

12
index.html
Unescape View File

@ -18,16 +18,19 @@
<li class="navbar"><a class="lien" href="cv.html">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<section class="very_high_margin">
<div class="container">
<div class="texte">
<p>Je m'appelle LACOTE Raphaël, je suis actuellement alternant pour à l'IUT Informatique d'Aubière pour l'entreprise SOMAB à Moulin-sur-Allier. Je suis en train de réalisé une application c# WPF pour mon entreprise. <br> Je suis fortement intéréssé par les intelligences artificiels et les défis que cela représentent au niveau de la protection des données et aimerait en développer mes conaissances sur ce sujet. </p>
<h2>LACOTE RAPHAËL</h2>
<p>Je suis actuellement alternant pour à l'IUT Informatique d'Aubière pour l'entreprise SOMAB à Moulin-sur-Allier. Je suis en train de réalisé une application c# WPF pour mon entreprise. <br> Je suis fortement intéréssé par les intelligences artificiels et les défis que cela représentent au niveau de la protection des données et aimerait en développer mes conaissances sur ce sujet. </p>
</div>
<div class="image">
<img src="./resources/photo_profil.jpg" alt=".photo-profil" width="220">
@ -36,9 +39,6 @@
</section>
<footer>
<p>Lien Linkedin : https://www.linkedin.com/in/rapha%C3%ABl-lacote-9181b7253/</p>
</footer>
</body>

12
projet_personnel.html
Unescape View File

@ -17,25 +17,23 @@
<li class="navbar"><a class="lien" href="index.html" >À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" style="color: gold;">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" style="color: gold;">Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<section>
<section class="pp">
<p>
Mon projet est tout d'abord de terminer l'alternance dans mon entreprise SOMAB qui se déroule très bien. <br>
Terminer ce projet est quelque chose qui me tient particulièrement à coeur étant donné qu'il s'agit de mon premier projet réalisé en entreprise.<br>
Je souhaite une fois mon iut terminé trouver une école d'ingenieur afin de compléter mes compétences acquises en BUT.
Je souhaite une fois mon iut terminé trouver une école d'ingenieur afin de compléter mes compétences acquises en BUT.<br>
Dans ce cadre, je chercherai une nouvelle alternance dans une esn afin de découvrir une entreprise purement informatique et pouvoir continuer à monter en compétences.
</p>
</section>
<footer>
<p>Lien Linkedin : https://www.linkedin.com/in/rapha%C3%ABl-lacote-9181b7253</p>
</footer>
</body>

19
realisation.html
Unescape View File

@ -17,7 +17,8 @@
<li class="navbar"><a class="lien" href="index.html" >À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html">CV</a></li>
<li class="navbar"><a class="lien" href="realisation.html" style="color: gold;">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" >Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" >Projet Personnel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul>
</nav>
@ -29,9 +30,8 @@
<div class="sidebar">
<ul>
<li><a href="#Conseco">Projet Cons'eco</a></li>
<li><a href="#Hyperset">Projet Hyperset</a></li>
<li><a href="#Réseau Alica">Projet Réseau Alica</a></li>
<li><a href="Hyperset.html">Projet SOMAB</a></li>
<li><a href="realisation.html" style="color: gold;">Projet Réseau Alica</a></li>
</ul>
</div>
<div class="content">
@ -47,16 +47,13 @@
<div>
<img src="./resources/diag_alica.png" alt="diag" width="220">
</div>
<p>
Les groupes n'étant pas choisi et ayant du travailler en distanciel, cela m'a permi dans ces conditions de travail complexe de grandement améliorer ma capacité
de travail de groupe et de chercher une
<p>Les groupes n'étant pas choisi et ayant du travailler en distanciel durant une grande partie du projet avec les autres membres du groupe, cela m'a permi dans ces conditions de travail complexe de grandement améliorer ma communication et ma capacité à m'organiser avec d'autres personnes.</p>
<div></div>
<p> La méthode scrum a été utilisé pour coordoné les différents membres du groupes. Les outils tel que le kanban ou les gantt ont été utilisé. Des outils organisationnels tel que des daily meetings et des réunions avec le product owner ont pu être testé me permettant de mettre en pratique cette organisation. </p>
<p> La méthode scrum a été utilisé pour coordoner les différents membres. Les outils tel que le kanban ou les gantt ont été utilisé. Des outils organisationnels tel que des daily meetings et des réunions avec le product owner ont pu être testé me permettant de mettre en pratique cette méthode organisation. </p>
</div>
<footer>
<p>Lien Linkedin : https://www.linkedin.com/in/rapha%C3%ABl-lacote-9181b7253</p>
</footer>
</section>
</body>

BIN
resources/Rapport.pdf
View File

Binary file not shown.

BIN
resources/linkedin.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 KiB

BIN
resources/mail.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
resources/telephone.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

57
styles.css
Unescape View File

@ -24,17 +24,30 @@
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
background-color: #F5f5dc;
padding: 20px;
}
/*header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}*/
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
position: fixed; /* Position fixe pour rester en haut */
top: 0; /* Positionné en haut de la fenêtre */
width: 100%; /* Prend toute la largeur */
z-index: 1000; /* Assurez-vous qu'il est au-dessus d'autres éléments */
}
header h1 {
margin-bottom: 10px;
}
@ -63,7 +76,16 @@ nav ul li {
}*/
section {
margin-top: 20px;
margin-top: 100px;
margin-bottom: 50px;
}
.high_margin{
margin-top: 120px;
}
.very_high_margin{
margin-top: 200px;
}
footer {
@ -81,10 +103,11 @@ footer {
.sidebar {
position: fixed;
left: 28px;
top: 178px;
top: 148px;
width: 200px;
height: 100%;
background-color: #333;
background-color: #606060;
}
.sidebar ul {
@ -111,3 +134,29 @@ footer {
margin-left: 200px; /* Largeur de la barre latérale */
padding: 20px;
}
.pp {
margin-right: 50px;
margin-left: 50px;
margin-top: 200px;
}
.image-container {
display: flex; /* Utilisation de flexbox pour aligner les images horizontalement */
justify-content: space-between; /* Espacement égal entre les images */
margin: 0 auto; /* Marge à gauche et à droite pour centrer le conteneur */
max-width: 1200px; /* Largeur maximale du conteneur */
padding: 0 20px;
}
.image-wrapper {
text-align: center; /* Centrer le texte */
margin-bottom: 20px; /* Espacement en dessous de chaque image */
}
.image-wrapper img {
width: 100%; /* Largeur maximale de l'image */
max-width: 130px; /* Largeur maximale définie */
}
Write Preview
Loading…
Cancel
Save