generated from Templates_CodeFirst/templateHtmlCss
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
3.5 KiB
85 lines
3.5 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Portfolio </title>
|
|
<link rel="stylesheet" href="https://codefirst.iut.uca.fr/git/francois.yousse/portfolio/src/branch/master/mycoolstyle.css">
|
|
</head>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction:column;
|
|
|
|
}
|
|
h1, h2, div{
|
|
text-align:center
|
|
}
|
|
|
|
.text{
|
|
width: 80%;
|
|
}
|
|
.centered{
|
|
padding-top: 100px;
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction:column;
|
|
|
|
|
|
}
|
|
.navbar {
|
|
background-color: #333;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
.navbar a {
|
|
float: left;
|
|
display: block;
|
|
color: #f2f2f2;
|
|
text-align: center;
|
|
padding: 14px 20px;
|
|
text-decoration: none;
|
|
}
|
|
.navbar a:hover {
|
|
background-color: #ddd;
|
|
color: black;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="navbar">
|
|
<a class="active" href="#home">Accueil</a>
|
|
<a href="#apropos">A propos</a>
|
|
<a href="#cv">CV</a>
|
|
<a href="#sae">SAE</a>
|
|
</div>
|
|
<div class=centered>
|
|
<div id=home>
|
|
<h1>Portfolio de Yousse François</h1>
|
|
<p>Bienvenue dans mon portfolio </p>
|
|
<p>EN TRAVAUX</p>
|
|
</div>
|
|
<div id=apropos class=text>
|
|
<h1> A propos</h1>
|
|
<div>Etudiant redoublant ma deuxième année, je souhaite me réorienter en info-communication. J'ai déjà réalisé un stage l'année dernière dans l'entreprise Cikaba. Ce stage m'a permi de prendre conscience des avantages et inconvegniants du métier de développeur. J'ai aussi pu découvrir comment fonctionnait le travail en entreprise avec ce stage, ce qui m'a permis de gagner en expérience. L'iut m'a permis d'améliorer ma capacité d'adaptation, et de résolution de problèmes en général. </div>
|
|
</div>
|
|
|
|
<div id=cv>
|
|
<h1>CV</h1>
|
|
<img src="https://codefirst.iut.uca.fr/git/francois.yousse/portfolio/raw/branch/master/cv.png" width="400" height="600">
|
|
</div>
|
|
<div id=sae class=text>
|
|
<h1>SAE</h1>
|
|
<div> Mon projet de SAE cette année était Timeline. L'objectif était de reproduire le jeu timeline sous un format numérique. Nous avons ainsi crée un jeu multijoueur jouable sur pc.</div>
|
|
<div>Cependant, ce n'est pas la partie où j'ai le plus fournis le plus d'effort. </div>
|
|
<div> Au début de la SAE, avec l'expérience accumulée avec le stage ainsi qu'avec l'année précédente, j'aidais beaucoup le reste de l'équipe dans les choix importants, comme les méthodes de travail, la réaliasation des diaporama, et la conception. Cela m'a permis d'améliorer ma capacité à travailler en équipe et utiliser les outils de gestion de projet. (UE 5 et 6)</div>
|
|
<div> Par la suite, j'ai décider de me focaliser sur la création de l'application admin. J'étais à l'aise avec le blazor, le c#, et possédais plus de notions sur les API. Il fallait avec ce site proposer une interface agréable à utiliser, tout en faisant en sorte qu'elle soit entretenable facilement dans le temps. J'ai donc du connecter l'api à la base de donnée, et utiliser le systeme de DTO pour avoir des données controlées. C'était enrichissant d'approfondir les connaissances vues l'année précédente pour les implémenter dans un autre projet. </div>
|
|
</div>
|
|
</body>
|
|
</html> |