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;
|
||||
}
|
||||
@ -5,3 +5,7 @@ nav,footer{
|
||||
#btn-print{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#information-sup{
|
||||
display: none;
|
||||
}
|
||||
@ -1,40 +1,21 @@
|
||||
h1,h2,h3,h4,h5{
|
||||
margin: 0;
|
||||
margin-bottom: 1vh;
|
||||
h2{
|
||||
margin-bottom: 5vh;
|
||||
}
|
||||
#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{
|
||||
display: inline-block;
|
||||
border: 1px solid red;
|
||||
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;
|
||||
#recrute{
|
||||
color: white;
|
||||
background-color: darkred;
|
||||
}
|
||||
@ -240,16 +240,16 @@ footer #autres a:hover{
|
||||
}
|
||||
|
||||
#menu-mobile{
|
||||
background-color: blue;
|
||||
z-index: 10;
|
||||
background-color: darkred;
|
||||
z-index: 100;
|
||||
height: 10vh;
|
||||
width: 10vw;
|
||||
width: 30vw;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px){
|
||||
|
||||
*{
|
||||
main{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
footer a,footer p {
|
||||
@ -268,4 +268,28 @@ footer #autres a:hover{
|
||||
position: fixed;
|
||||
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
142
HTML/page_4.html
142
HTML/page_4.html
@ -29,138 +29,22 @@
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<div id="cv-1" class="cv">
|
||||
<aside id="marge">
|
||||
<h2> Notre équipe</h2>
|
||||
<p id="description">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
||||
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
||||
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
||||
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
||||
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
<div id="liste-equipe">
|
||||
<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>
|
||||
<li> <a href="cv_1.html" target="_blank"> Izanic Hugo </a></li>
|
||||
<li> <a href="cv_2.html" target="_blank"> Gallego Julian </a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
<div>
|
||||
<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>
|
||||
|
||||
|
||||
<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 id="recrute">
|
||||
<h3> Nous recrutons</h3>
|
||||
<p> Nous recherchons plusieur poste </p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
10
index.html
10
index.html
@ -20,9 +20,13 @@
|
||||
|
||||
<header>
|
||||
<div id="menu-mobile">
|
||||
<button>
|
||||
a
|
||||
</button>
|
||||
<ul>
|
||||
<li><a href= "index.html" class="page" ><button class="button" type="buton" value="Accueil" id="page_courante"> Accueil</button></a></li>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user