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

Ajout des fichiers

Browse Source
master
Raphael LACOTE 8 months ago
parent eb1c819a8f
commit aad6304ee1
10 changed files with 306 additions and 53 deletions
Show Stats Download Patch File Download Diff File

37
cv.html
Unescape View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>CV</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" 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>
</ul>
</nav>
</header>
<section>
<iframe src="./resources/CV.pdf" width="100%" height="600px" style="border: none;"></iframe>
</section>
<footer>
<p>Lien Linkedin : A REMPLIR</p>
</footer>
</body>
</html>

7
footer.html
Unescape View File

@ -0,0 +1,7 @@
<!DOCTYPE html>
<footer>
<p>Lien Linkedin : A REMPLIR</p>
</footer>
</html>

13
header.html
Unescape View File

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="fr">
<nav>
<ul>
<li><a href="index.php">À propos de moi</a></li>
<li><a href="cv.php">CV</a></li>
<li><a href="realisation.php">Réalisations techniques</a></li>
<li><a href="projet_personnel.php">Projet Personnel</a></li>
</ul>
</nav>
</html>

57
index.html
Unescape View File

@ -1,34 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Portfolio_v2 - One incredible styled html page</title>
<link rel="stylesheet" href="mycoolstyle.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>À propos de moi</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" 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="realisation.html">Réalisations techniques</a></li>
<li class="navbar"><a class="lien" href="projet_personnel.html">Projet Personnel</a></li>
</ul>
</nav>
<!-- 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>
</header>
<!-- Main Content -->
<h1>Portfolio_v2 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
<section>
<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>
</div>
<div class="image">
<img src="./resources/photo_profil.jpg" alt=".photo-profil" width="220">
</div>
</div>
</section>
<footer>
<p>Lien Linkedin : A REMPLIR</p>
</footer>
<!-- 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>
</html>

32
mycoolstyle.css
Unescape View File

@ -1,32 +0,0 @@
body {
padding-left: 11em;
font-family: Georgia, 'Georgia', "Times New Roman",
Times, serif;
color: darksalmon;
background-color: rgb(39, 39, 84) }
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }
h1 {
font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid darksalmon }
ul.navbar a {
text-decoration: none }
a:link {
color: blue }
a:visited {
color: darkblue }
address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }

42
projet_personnel.html
Unescape View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projet Professionel</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Projet Professionel</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" style="color: gold;">Projet Personnel</a></li>
</ul>
</nav>
</header>
<section>
<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.
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 : A REMPLIR</p>
</footer>
</body>
</html>

58
realisation.html
Unescape View File

@ -0,0 +1,58 @@
<!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>
</ul>
</nav>
</header>
<section>
<div class="sidebar">
<ul>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#a-propos">À propos</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="content">
<h2>Projet Réseau ALICA</h2>
<p>Ce projet a été réalisé durant l'année 2023 - 2024. Il a pour but de créer un réseau social entre les anciens et nouveaux étudiants à l'IUT afin de permettre des échanges de conseils, l'organisations d'évènements ou encore d'aider à trouver stage ou alternance. Ce projet m'a permit de développer mes compétences dans un grand nombre de domaine informatique tel que : <br>
- Le développement d'application mobile (réalisé en Android)<br>
- La création de tests (réalisé en PHP)<br>
- Le développement d'application WEB (réalisé en PHP/HTML)<br>
- La réalisation de base de données (MySQL)<br>
- La création d'une API REST afin de permettre au modèle de communiquer avec la base de données (Springboot / Java)<br>
De plus il m'a permi d'améliorer ma communication et mon esprit d'équipe étant donné que je me trouvais dans une équipe de 6 personnes.
Le recueil de besoin était également une étape très importante pour répondre correctement au besoin client.</p>
<p>INSERER IMAGE CODEFIRST</p>
</div>
<footer>
<p>Lien Linkedin : A REMPLIR</p>
</footer>
</body>
</html>

BIN
resources/CV.pdf
View File

Binary file not shown.

BIN
resources/photo_profil.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

113
styles.css
Unescape View File

@ -0,0 +1,113 @@
.container {
width: 80%;
margin: 0 auto;
}
.texte {
width: 50%;
float: left;
margin-top: 70px;
}
.image {
width: 35%;
float: right;
margin-top: 20px;
}
{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #f4f4f4;
padding: 20px;
}
header {
background-color: #333;
color: #fff;
padding: 10px 0;
text-align: center;
}
header h1 {
margin-bottom: 10px;
}
nav ul {
list-style: none;
}
/*
nav ul li {
display: inline;
margin-right: 20px;
}*/
.navbar {
display: inline;
margin-right: 20px;
}
.lien{
color: #fff;
text-decoration: none;
}
/*nav ul li a {
color: #fff;
text-decoration: none;
}*/
section {
margin-top: 100px;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
position: fixed;
bottom: 0;
width: 100%;
}
.sidebar {
position: fixed;
left: 28px;
top: 178px;
width: 200px;
height: 100%;
background-color: #333;
}
.sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.sidebar ul li {
padding: 10px;
}
.sidebar ul li a {
display: block;
color: #fff;
text-decoration: none;
}
.sidebar ul li a:hover {
background-color: #555;
}
.content {
margin-left: 200px; /* Largeur de la barre latérale */
padding: 20px;
}
Write Preview
Loading…
Cancel
Save