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.
84 lines
2.4 KiB
84 lines
2.4 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{
|
|
padding-left:100px;
|
|
padding-right:100px;
|
|
}
|
|
.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>Bienvenu dans mon portfolio </p>
|
|
|
|
</div>
|
|
<div id=apropos>
|
|
<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>
|
|
<h1>SAE</h1>
|
|
<div class=text> 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>
|
|
</body>
|
|
</html> |