page propos
This commit is contained in:
parent
58f13d1d95
commit
1f599e01ac
30
CSS/cv.css
Normal file
30
CSS/cv.css
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
h1,h2,h3,h4,h5{
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 1vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#cv-1{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
#marge{
|
||||||
|
padding-right: 2%;
|
||||||
|
padding-left: 0.5%;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#marge ul li{
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
section div{
|
||||||
|
margin-bottom: 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.couleur-cv{
|
||||||
|
color: royalblue;
|
||||||
|
}
|
||||||
@ -4,4 +4,8 @@ nav,footer{
|
|||||||
|
|
||||||
#btn-print{
|
#btn-print{
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#information-sup{
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
@ -1,40 +1,21 @@
|
|||||||
h1,h2,h3,h4,h5{
|
h2{
|
||||||
margin: 0;
|
margin-bottom: 5vh;
|
||||||
margin-bottom: 1vh;
|
}
|
||||||
|
#liste-equipe ul{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
|
||||||
|
#description{
|
||||||
|
text-align: justify;
|
||||||
|
width: 50%;
|
||||||
|
margin-left: 25vw;
|
||||||
|
margin-bottom: 5vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.cv{
|
#recrute{
|
||||||
display: inline-block;
|
color: white;
|
||||||
border: 1px solid red;
|
background-color: darkred;
|
||||||
padding: 1rem 1rem;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
main{
|
|
||||||
border: 1px solid black;
|
|
||||||
margin: 1rem;
|
|
||||||
padding: 2rem 2rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#marge{
|
|
||||||
padding-right: 2%;
|
|
||||||
padding-left: 2%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#marge ul li{
|
|
||||||
list-style: none;
|
|
||||||
margin-bottom: 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
section div{
|
|
||||||
margin-bottom: 2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.couleur-cv{
|
|
||||||
color: royalblue;
|
|
||||||
}
|
}
|
||||||
@ -240,16 +240,16 @@ footer #autres a:hover{
|
|||||||
}
|
}
|
||||||
|
|
||||||
#menu-mobile{
|
#menu-mobile{
|
||||||
background-color: blue;
|
background-color: darkred;
|
||||||
z-index: 10;
|
z-index: 100;
|
||||||
height: 10vh;
|
height: 10vh;
|
||||||
width: 10vw;
|
width: 30vw;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 800px){
|
@media only screen and (max-width: 800px){
|
||||||
|
|
||||||
*{
|
main{
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
footer a,footer p {
|
footer a,footer p {
|
||||||
@ -268,4 +268,28 @@ footer #autres a:hover{
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
#menu-mobile ul{
|
||||||
|
display: none;
|
||||||
|
margin-bottom: 2vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-mobile button {
|
||||||
|
display: none;
|
||||||
|
height: 5vh;
|
||||||
|
width: 20vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-mobile:hover{
|
||||||
|
width: 30vw;
|
||||||
|
height: 75vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu-mobile:hover ul{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
}
|
||||||
|
#menu-mobile:hover button{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
137
HTML/cv_1.html
Normal file
137
HTML/cv_1.html
Normal file
@ -0,0 +1,137 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<title> Casino du coeur </title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "../CSS/styles.css">
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "../CSS/cv.css">
|
||||||
|
<link rel = "stylesheet" type = "text/css" href = "../CSS/print.css" media="print">
|
||||||
|
<meta name="keywords" content="casino">
|
||||||
|
<link rel = "icon" type = "/image/png" href = "../img/icon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
|
||||||
|
<div id="menu-ordi">
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li> <a href= "../index.html" class="page"><button class="button" type="buton"value="Accueil"> Accueil</button></a></li>
|
||||||
|
<li> <a href= "page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li>
|
||||||
|
<li> <a href= "page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li>
|
||||||
|
<li> <a href= "#" class="page"><button id="page_courante" class="button" type="buton" value="A propos de nous"> A propos de nous</button> </a></li>
|
||||||
|
<li> <a href= "contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
|
<div id="cv-1">
|
||||||
|
<aside id="marge">
|
||||||
|
<ul>
|
||||||
|
<li> hugo.izanic@etu.u-pec.fr</li>
|
||||||
|
<li> 18 ans</li>
|
||||||
|
<li> Télétravail ou présentiel</li>
|
||||||
|
<li> mail</li>
|
||||||
|
<li> mail</li>
|
||||||
|
<li> mail</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section>
|
||||||
|
<h3> Izanic Hugo</h3>
|
||||||
|
<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
|
||||||
|
<div class="parcours-scolaire">
|
||||||
|
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
|
||||||
|
<ul>
|
||||||
|
<li> BUT Informatique Depuis 2023 </li>
|
||||||
|
<li> Baccalauréat général </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="competences">
|
||||||
|
<h3><span class="couleur-cv">Compétences Informatiques </span></h3>
|
||||||
|
|
||||||
|
<h4> Programmation </h4>
|
||||||
|
<ul>
|
||||||
|
<li> C </li>
|
||||||
|
<li> Python </li>
|
||||||
|
<li> Scripting en bash</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<h4> Web </h4>
|
||||||
|
<ul>
|
||||||
|
<li> HTML </li>
|
||||||
|
<li> Css </li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<h4> Base de donées </h4>
|
||||||
|
<ul>
|
||||||
|
<li> SQL 89/92</li>
|
||||||
|
<li> UML</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="projets">
|
||||||
|
<h3><span class="couleur-cv">Projets</span></h3>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li> Installation de archlinux sur machine virtuelle </li>
|
||||||
|
<li> Création/modélisation d'une base de donnée (UML,SQL92) </li>
|
||||||
|
<li> Jeu snake en C89</li>
|
||||||
|
<li> <a href="../index.html">Réalisation d'un site web(HTML,Css)</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<div id="information-sup">
|
||||||
|
<p>zzzzzzzzzzzzz</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
<div id="reseaux">
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li>
|
||||||
|
<li><a href="https://instagram.com" target="_blank"> <img src="../img/icone/instagram.svg"></a></li>
|
||||||
|
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg"></a></li>
|
||||||
|
</ul>
|
||||||
|
<p> Suivez nos actualités !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="autres">
|
||||||
|
<ul>
|
||||||
|
<li><a href="" target="_blank">Mentions légales</a></li>
|
||||||
|
<li><a href="" target="_blank">Conditions générales d'utilisation</a></li>
|
||||||
|
<li><a href="credits.txt" target="_blank">Crédits</a></li>
|
||||||
|
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="coordonne">
|
||||||
|
|
||||||
|
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
|
||||||
|
<p>Casinoducoeur@gmail.fr </p>
|
||||||
|
<img src="../img/icone/location.svg">
|
||||||
|
<p id="adresse"> 200 Rue du kwanga</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
0
HTML/cv_2.html
Normal file
0
HTML/cv_2.html
Normal file
150
HTML/page_4.html
150
HTML/page_4.html
@ -29,139 +29,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<div id="cv-1" class="cv">
|
<h2> Notre équipe</h2>
|
||||||
<aside id="marge">
|
<p id="description">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||||
<ul>
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||||
<li> hugo.izanic@etu.u-pec.fr</li>
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||||
<li> 18 ans</li>
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||||
<li> Télétravail ou présentiel</li>
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||||
<li> mail</li>
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||||
<li> mail</li>
|
<div id="liste-equipe">
|
||||||
<li> mail</li>
|
<ul>
|
||||||
</ul>
|
<li> <a href="cv_1.html" target="_blank"> Izanic Hugo </a></li>
|
||||||
</aside>
|
<li> <a href="cv_2.html" target="_blank"> Gallego Julian </a></li>
|
||||||
<div>
|
</ul>
|
||||||
<section>
|
</div>
|
||||||
<h3> Izanic Hugo</h3>
|
<div id="recrute">
|
||||||
<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
|
<h3> Nous recrutons</h3>
|
||||||
<div class="parcours-scolaire">
|
<p> Nous recherchons plusieur poste </p>
|
||||||
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
|
</div>
|
||||||
<ul>
|
|
||||||
<li> BUT Informatique Depuis 2023 </li>
|
|
||||||
<li> Baccalauréat général </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="competences">
|
|
||||||
<h3><span class="couleur-cv">Compétences Informatiques </span></h3>
|
|
||||||
|
|
||||||
<h4> Programmation </h4>
|
|
||||||
<ul>
|
|
||||||
<li> C </li>
|
|
||||||
<li> Python </li>
|
|
||||||
<li> Scripting en bash</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<h4> Web </h4>
|
|
||||||
<ul>
|
|
||||||
<li> HTML </li>
|
|
||||||
<li> Css </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<h4> Base de donées </h4>
|
|
||||||
<ul>
|
|
||||||
<li> SQL 89/92</li>
|
|
||||||
<li> UML</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="projets">
|
|
||||||
<h3><span class="couleur-cv">Projets</span></h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li> Installation de archlinux sur machine virtuelle </li>
|
|
||||||
<li> Création/modélisation d'une base de donnée (UML,SQL92) </li>
|
|
||||||
<li> Jeu snake en C89</li>
|
|
||||||
<li> <a href="../index.html">Réalisation d'un site web(HTML,Css)</a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="cv-2" class="cv">
|
|
||||||
<aside id="marge">
|
|
||||||
<ul>
|
|
||||||
<li> hugo.izanic@etu.u-pec.fr</li>
|
|
||||||
<li> 18 ans</li>
|
|
||||||
<li> Télétravail ou présentiel</li>
|
|
||||||
<li> mail</li>
|
|
||||||
<li> mail</li>
|
|
||||||
<li> mail</li>
|
|
||||||
</ul>
|
|
||||||
</aside>
|
|
||||||
<section>
|
|
||||||
<h3> Izanic Hugo</h3>
|
|
||||||
<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
|
|
||||||
<div class="parcours-scolaire">
|
|
||||||
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
|
|
||||||
<ul>
|
|
||||||
<li> BUT Informatique Depuis 2023 </li>
|
|
||||||
<li> Baccalauréat général </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="competences">
|
|
||||||
<h3><span class="couleur-cv">Compétences Informatiques </span></h3>
|
|
||||||
|
|
||||||
<h4> Programmation </h4>
|
|
||||||
<ul>
|
|
||||||
<li> C </li>
|
|
||||||
<li> Python </li>
|
|
||||||
<li> Scripting en bash</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<h4> Web </h4>
|
|
||||||
<ul>
|
|
||||||
<li> HTML </li>
|
|
||||||
<li> Css </li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<h4> Base de donées </h4>
|
|
||||||
<ul>
|
|
||||||
<li> SQL 89/92</li>
|
|
||||||
<li> UML</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="projets">
|
|
||||||
<h3><span class="couleur-cv">Projets</span></h3>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li> Installation de archlinux sur machine virtuelle </li>
|
|
||||||
<li> Création/modélisation d'une base de donnée (UML,SQL92) </li>
|
|
||||||
<li> Jeu snake en C89</li>
|
|
||||||
<li> <a href="../index.html">Réalisation d'un site web(HTML,Css)</a></li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
10
index.html
10
index.html
@ -20,9 +20,13 @@
|
|||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div id="menu-mobile">
|
<div id="menu-mobile">
|
||||||
<button>
|
<ul>
|
||||||
a
|
<li><a href= "index.html" class="page" ><button class="button" type="buton" value="Accueil" id="page_courante"> Accueil</button></a></li>
|
||||||
</button>
|
<li><a href= "HTML/page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li>
|
||||||
|
<li><a href= "HTML/page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a></li>
|
||||||
|
<li><a href= "HTML/page_4.html" class="page"><button class="button" type="buton" value="A propos de nous"> A propos de nous</button> </a></li>
|
||||||
|
<li> <a href= "HTML/contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a>s </li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user