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

Ajustement
continuous-integration/drone/push Build is passing Details

Browse Source
master
Raphael LACOTE 2 weeks ago
parent 5bb1c12f95
commit e39c68fe0f
8 changed files with 162 additions and 113 deletions
Show Stats Download Patch File Download Diff File

5
Hyperset.html
Unescape View File

@ -16,10 +16,7 @@
<ul> <ul>
<li class="navbar"><a class="lien" href="index.html" >À propos de moi</a></li> <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="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="realisation.html" style="color: gold;">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" >Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul> </ul>
</nav> </nav>

1
contact.html
Unescape View File

@ -17,7 +17,6 @@
<li class="navbar"><a class="lien" href="index.html">À propos de moi</a></li> <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="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="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html" style="color: gold;">Contact</a></li> <li class="navbar"><a class="lien" href="contact.html" style="color: gold;">Contact</a></li>
</ul> </ul>

31
cv.html
Unescape View File

@ -16,18 +16,37 @@
<ul> <ul>
<li class="navbar"><a class="lien" href="index.html">À propos de moi</a></li> <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="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="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
<section class="high_margin"> <iframe src="./resources/CV.pdf" width="80%" height="500px" style="display: block; margin: 20px auto; border: none;"></iframe>
<footer>
<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>
</footer>
<!--<section class="high_margin">
<iframe src="./resources/CV.pdf" width="100%" height="600px" style="border: none;"></iframe> <iframe src="./resources/CV.pdf" width="100%" height="600px" style="border: none;"></iframe>
</section> </section>-->
</body> </body>

18
footer.html
Unescape View File

@ -1,7 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<footer> <footer>
<p>Lien Linkedin : A REMPLIR</p> <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>
</footer> </footer>
</html> </html>

42
index.html
Unescape View File

@ -17,28 +17,54 @@
<li class="navbar"><a class="lien" href="index.html" style="color: gold;">À propos de moi</a></li> <li class="navbar"><a class="lien" href="index.html" style="color: gold;">À propos de moi</a></li>
<li class="navbar"><a class="lien" href="cv.html">CV</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="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
<section class="very_high_margin"> <section class="high_margin">
<div class="container"> <div class="container">
<div class="texte"> <div class="texte">
<h2>LACOTE RAPHAËL</h2> <h2>LACOTE RAPHAËL</h2>
<p>Je suis actuellement alternant en dernière année d'IUT Informatique d'Aubière pour l'entreprise SOMAB à Moulins-sur-Allier. Je viens de réaliser 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>
<p>
Mon objectif est de développer des applications performantes, évolutives et adaptées aux besoins réels des utilisateurs. Grâce à mes années d'alternance et de stage, j'ai déjà acquis une première expérience concrète de la vie en entreprise et du travail en équipe.
Je souhaite aujourd'hui poursuivre mes études en master afin de renforcer mes compétences d'optimisation des performances ce qui me paraît indispensable étant donné les impératifs climatiques. Ma priorité est de proposer des solutions de qualité, en combinant rigueur technique, sens de l'organisation et esprit d'équipe.
Mon portfolio a pour but de vous présenter mes réalisations concrètes afin de prouver mon engagement et mes capacités de programmation.<br><br><br><br><br><br><br><br><br><br>
</p>
<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>
<section class="pp">
</section>
<div class="image"> <div class="image">
<img src="./resources/photo_profil.jpg" alt=".photo-profil" width="220"> <img src="./resources/photo_profil.jpg" alt=".photo-profil" width="220">
</div> </div>
</div> </div>
</section> </section>
<footer>
<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>
</footer>
</body> </body>

22
projet_personnel.html
Unescape View File

@ -18,7 +18,7 @@
<li class="navbar"><a class="lien" href="cv.html">CV</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="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" style="color: gold;">Projet Professionel</a></li> <li class="navbar"><a class="lien" href="projet_personnel.html" style="color: gold;">Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li> <li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul> </ul>
</nav> </nav>
@ -34,6 +34,26 @@
</p> </p>
</section> </section>
<footer>
<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>
</footer>
</body> </body>

2
realisation.html
Unescape View File

@ -17,8 +17,6 @@
<li class="navbar"><a class="lien" href="index.html" >À propos de moi</a></li> <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="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="realisation.html" style="color: gold;">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html" >Projet Professionel</a></li>
<li class="navbar"><a class="lien" href="contact.html">Contact</a></li>
</ul> </ul>
</nav> </nav>

154
styles.css
Unescape View File

@ -1,105 +1,89 @@
.container { .container {
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
} }
.texte { .texte {
width: 50%; width: 50%;
float: left; float: left;
margin-top: 70px; margin-top: 70px;
}
.image {
width: 35%;
float: right;
margin-top: 20px;
} }
{ .image {
margin: 0; width: 35%;
padding: 0; float: right;
box-sizing: border-box; margin-top: 20px;
} }
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
line-height: 1.6; line-height: 1.6;
background-color: #F5f5dc; background-color: #f5f5dc;
padding: 20px;
padding: 20px; padding-bottom: 50px; /* Ajout d'un padding pour laisser de l'espace au footer */
margin-bottom: 50px;
} }
/*header { footer {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
padding: 10px 0; text-align: center;
text-align: center; padding: 5px 0;
}*/ font-size: 0.75em;
position: fixed;
bottom: 0;
width: 100%;
left: 0;
}
header { header {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
padding: 10px 0; padding: 10px 0;
text-align: center; text-align: center;
position: fixed; /* Position fixe pour rester en haut */ position: fixed;
top: 0; /* Positionné en haut de la fenêtre */ top: 0;
width: 100%; /* Prend toute la largeur */ width: 100%;
z-index: 1000; /* Assurez-vous qu'il est au-dessus d'autres éléments */ z-index: 1000;
} }
header h1 { header h1 {
margin-bottom: 10px; margin-bottom: 10px;
} }
nav ul { .navbar {
list-style: none; display: inline;
margin-right: 20px;
} }
/*
nav ul li {
display: inline;
margin-right: 20px;
}*/
.navbar { .lien {
display: inline; color: #fff;
margin-right: 20px; text-decoration: none;
} }
.lien{ nav ul {
color: #fff; list-style: none;
text-decoration: none;
} }
/*nav ul li a {
color: #fff;
text-decoration: none;
}*/
section { section {
margin-top: 100px; margin-top: 100px;
margin-bottom: 50px; margin-bottom: 50px;
} }
.high_margin{ .high_margin {
margin-top: 120px; margin-top: 120px;
} }
.very_high_margin{ .very_high_margin {
margin-top: 200px; margin-top: 150px;
} }
footer { .pp {
background-color: #333; margin-right: 50px;
color: #fff; margin-left: 50px;
text-align: center; margin-top: 200px;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
} }
.sidebar { .sidebar {
position: fixed; position: fixed;
left: 28px; left: 28px;
@ -107,7 +91,6 @@ footer {
width: 200px; width: 200px;
height: 100%; height: 100%;
background-color: #606060; background-color: #606060;
} }
.sidebar ul { .sidebar ul {
@ -131,33 +114,24 @@ footer {
} }
.content { .content {
margin-left: 200px; /* Largeur de la barre latérale */ margin-left: 200px;
padding: 20px; padding: 20px;
} }
.pp {
margin-right: 50px;
margin-left: 50px;
margin-top: 200px;
}
.image-container { .image-container {
display: flex; /* Utilisation de flexbox pour aligner les images horizontalement */ display: flex;
justify-content: space-between; /* Espacement égal entre les images */ justify-content: space-between;
margin: 0 auto; /* Marge à gauche et à droite pour centrer le conteneur */ margin: 0 auto;
max-width: 1200px; /* Largeur maximale du conteneur */ max-width: 1200px;
padding: 0 20px; padding: 0 20px;
} }
.image-wrapper { .image-wrapper {
text-align: center; /* Centrer le texte */ text-align: center;
margin-bottom: 20px; /* Espacement en dessous de chaque image */ margin-bottom: 10px;
} }
.image-wrapper img { .image-wrapper img {
width: 100%; /* Largeur maximale de l'image */ max-width: 40px;
max-width: 130px; /* Largeur maximale définie */ height: auto;
} }

Write Preview
Loading…
Cancel
Save