final
This commit is contained in:
parent
d8a1133a1f
commit
0346e6c8f8
@ -63,14 +63,14 @@ outline: none;
|
|||||||
}
|
}
|
||||||
|
|
||||||
#img-txt div:hover .img_main{
|
#img-txt div:hover .img_main{
|
||||||
box-shadow: 0 40px 60px rgba(150,0,0,0.7);
|
box-shadow: 0 40px 60px rgba(150,0,0,0.4);
|
||||||
transform: scale(1.2,1.2);
|
transform: scale(1.2,1.2);
|
||||||
transition: transform ease 0.8s;
|
transition: transform ease 0.8s;
|
||||||
filter: saturate(1);
|
filter: saturate(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#img-txt div:not(:hover) p{
|
#img-txt div:not(:hover) p{
|
||||||
background-color: rgba(150,150,150,0.4);
|
background-color: rgba(150,150,150,0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -15,4 +15,8 @@ body{
|
|||||||
|
|
||||||
main{
|
main{
|
||||||
padding-top: 45px;
|
padding-top: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p div{
|
||||||
|
color: white;
|
||||||
}
|
}
|
||||||
@ -248,13 +248,7 @@ footer #cp {
|
|||||||
padding:0;
|
padding:0;
|
||||||
|
|
||||||
}
|
}
|
||||||
#menu-mobile{
|
|
||||||
background-color: darkred;
|
|
||||||
z-index: 100;
|
|
||||||
height: 10vh;
|
|
||||||
width: 30vw;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 800px){
|
@media only screen and (max-width: 800px){
|
||||||
|
|
||||||
@ -269,36 +263,5 @@ footer #cp {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-ordi{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#menu-mobile{
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -14,11 +14,7 @@
|
|||||||
|
|
||||||
<header>
|
<header>
|
||||||
|
|
||||||
<div id="menu-mobile">
|
|
||||||
<button>
|
|
||||||
a
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu-ordi">
|
<div id="menu-ordi">
|
||||||
|
|
||||||
|
|||||||
@ -36,9 +36,7 @@
|
|||||||
<li> <img src="../img/icone/envelope"> hugo.izanic@etu.u-pec.fr</li>
|
<li> <img src="../img/icone/envelope"> hugo.izanic@etu.u-pec.fr</li>
|
||||||
<li> 18 ans</li>
|
<li> 18 ans</li>
|
||||||
<li> Télétravail ou présentiel</li>
|
<li> Télétravail ou présentiel</li>
|
||||||
<li> </li>
|
<li> Véhicule personnel</
|
||||||
<li> </li>
|
|
||||||
<li> </li>
|
|
||||||
</ul>
|
</ul>
|
||||||
<br>
|
<br>
|
||||||
<h4> Langues</h4>
|
<h4> Langues</h4>
|
||||||
@ -52,17 +50,21 @@
|
|||||||
<li> <strong> Anglais</strong> </li>
|
<li> <strong> Anglais</strong> </li>
|
||||||
<li> Bon niveau </li>
|
<li> Bon niveau </li>
|
||||||
</ul>
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li> <strong> Atouts</strong> </li>
|
||||||
|
<li> Curieux et déterminé </li>
|
||||||
|
</ul>
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h3> Izanic Hugo</h3>
|
<h3> Izanic Hugo</h3>
|
||||||
<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
|
<h4> Etudiant en BUT informatique cherche alternance pour la deuxième année </h4>
|
||||||
<div class="parcours-scolaire">
|
<div class="parcours-scolaire">
|
||||||
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
|
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li> BUT Informatique Depuis 2023 </li>
|
<li> BUT Informatique Depuis 2023 </li>
|
||||||
<br>
|
<br>
|
||||||
<li> Baccalauréat général 2023 <br>Spécialité Numérique Science Informatique,Anglais Monde Contemporain <br>Option mathématiques complémentaires </li>
|
<li> Baccalauréat général 2023 <strong> <span class="couleur-cv">Mention Bien </span></strong> <br>Spécialité Numérique Science Informatique,Anglais Monde Contemporain <br>Option mathématiques complémentaires </li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -108,9 +110,6 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<div id="information-sup">
|
|
||||||
<p>zzzzzzzzzzzzz</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<button onclick="window.print();return false;" id="btn-print"> Imprimer le CV</button>
|
<button onclick="window.print();return false;" id="btn-print"> Imprimer le CV</button>
|
||||||
|
|
||||||
|
|||||||
@ -11,11 +11,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div id="menu-mobile">
|
|
||||||
<button>
|
|
||||||
a
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu-ordi">
|
<div id="menu-ordi">
|
||||||
|
|
||||||
|
|||||||
@ -5,10 +5,10 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link rel = "stylesheet" type = "text/css" href = "../CSS/styles.css">
|
<link rel = "stylesheet" type = "text/css" href = "../CSS/styles.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../CSS/accueil.css">
|
<link rel="stylesheet" type="text/css" href="../CSS/accueil.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../CSS/nos jeux.css">
|
<link rel="stylesheet" type="text/css" href="../CSS/jeux.css">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="keywords" content="casino">
|
<meta name="keywords" content="casino">
|
||||||
<link rel = "icon" type = "/image/png" href = "../img/icon.png">
|
<link rel = "icon" type = "image/png" href = "../img/icon.png">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
@ -84,9 +84,9 @@
|
|||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <img src="../img/icone/twitter.svg"></a></li>
|
<li><a href="https://twitter.com" target="_blank" > <img src="../img/icone/twitter.svg" alt= "logo twitter"></a></li>
|
||||||
<li><a href="https://instagram.com" target="_blank" alt= "logo instagram"> <img src="../img/icone/instagram.svg"></a></li>
|
<li><a href="https://instagram.com" target="_blank" > <img src="../img/icone/instagram.svg" alt= "logo instagram"></a></li>
|
||||||
<li><a href="https://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="../img/icone/tiktok.svg"></a></li>
|
<li><a href="https://tiktok.com" target="_blank" > <img src="../img/icone/tiktok.svg" alt= "logo tiktok"></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p> Suivez nos actualités !</p>
|
<p> Suivez nos actualités !</p>
|
||||||
</div>
|
</div>
|
||||||
@ -105,7 +105,7 @@
|
|||||||
|
|
||||||
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
|
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
|
||||||
<p>Casinoducoeur@gmail.fr </p>
|
<p>Casinoducoeur@gmail.fr </p>
|
||||||
<img src="../img/icone/location.svg">
|
<img src="../img/icone/location.svg" alt="icone emplacement">
|
||||||
<p id="adresse"> 200 Rue du kwanga</p>
|
<p id="adresse"> 200 Rue du kwanga</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -11,11 +11,6 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div id="menu-mobile">
|
|
||||||
<button>
|
|
||||||
a
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="menu-ordi">
|
<div id="menu-ordi">
|
||||||
@ -54,7 +49,7 @@
|
|||||||
<div id="colonne-partenaires">
|
<div id="colonne-partenaires">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a target="_blank" href ="https://www.actioncontrelafaim.org/"> <img src="../img/ActionContreFaim.png" alt="logo du resto d'action contre la faim"><div class="hov-partenaire">Nous travaillons avec Action contre la faim.</div></a></li>
|
<li><a target="_blank" href ="https://www.actioncontrelafaim.org/"> <img src="../img/ActionContreFaim.png" alt="logo du resto d'action contre la faim"><div class="hov-partenaire">Nous travaillons avec Action contre la faim.</div></a></li>
|
||||||
<li><a href ="resto.fr" target="_blank"> <img src="../img/Croixrouge.png" alt="logo de la croix rouge "><div class="hov-partenaire">Nous travaillons avec la croix rouge.</div></a></li>
|
<li><a href ="https://www.secourspopulaire.fr/" target="_blank"> <img src="../img/secours.png" alt="logo du secours populaire "><div class="hov-partenaire">Nous travaillons avec le secours populaire afin d'aider le maximum de perssonne dans diverse situations.</div></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
BIN
img/icone/linkdl.png
Normal file
BIN
img/icone/linkdl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
img/secours
Normal file
BIN
img/secours
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
img/secours.png
Normal file
BIN
img/secours.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
16
index.html
16
index.html
@ -19,18 +19,6 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div id="menu-mobile">
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
|
|
||||||
</li>
|
|
||||||
<li> <button class="button " onclick="window.location.href='page_2.html'"> Nos jeux</button></li>
|
|
||||||
<li><button class="button" onclick="window.location.href='page_3.html'"> Nos partenaires</button> </li>
|
|
||||||
<li><button class="button" onclick="window.location.href='page_4.html'"> A propos de nous</button></li>
|
|
||||||
<li> <button class="button" onclick="window.location.href='contact.html'"> Contact</button></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="menu-ordi">
|
<div id="menu-ordi">
|
||||||
@ -73,7 +61,7 @@
|
|||||||
<p>
|
<p>
|
||||||
Casino du coeur est un casino en ligne classique a une différence,une partie de l'argent générer, est donner a des association
|
Casino du coeur est un casino en ligne classique a une différence,une partie de l'argent générer, est donner a des association
|
||||||
choisit par les joueurs eux-mêmes.
|
choisit par les joueurs eux-mêmes.
|
||||||
De ce fait le joueur est libre de choisir le montant a parié en cas de perte de l'argent sera donner.C'est une nouvelle manière automatique de redistribuer l'argent
|
De ce fait le joueur est libre de choisir le montant a parié en cas de perte de l'argent sera donner.C'est une nouvelle manière automatique de redistribuer l'argent. Notre casino offre une expérience de jeux exceptionelle avec une vaste sélection de jeux palpitants.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
|
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
|
||||||
@ -86,7 +74,7 @@
|
|||||||
<div id="img_droite_txt_gauche">
|
<div id="img_droite_txt_gauche">
|
||||||
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
|
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
|
||||||
<p>
|
<p>
|
||||||
Nous partageons avec nos <a href="HTML/page_3.html"><span class="txt_rouge"><strong> partenaires </strong> </span></a> des valeurs qui nous tiennent a coeur tels que la solidarité, l'altruisme ou la générosité
|
Nous partageons avec nos <a href="HTML/page_3.html"><span class="txt_jaune"><strong> partenaires </strong> </span></a> des valeurs qui nous tiennent a coeur tels que la solidarité, l'altruisme ou la générosité.Au coeur de notre fonctionnement se trouve la transparence.Nous fournissons des informations en temp réels de nos actions.
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user