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.

69 lines
1.6 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;
flex-direction:column;
}
.centered{
display: flex;
justify-content: center;
align-items: center;
}
.navbar {
background-color: #333;
overflow: hidden;
position: fixed;
}
.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" position:fixed>
<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 style =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 en 2em année, je compte me réorienter l'année prochaine. </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>
</div>
</body>
</html>