izanic/SAE_WEB_S1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

final

Browse Source
This commit is contained in:
Hugo IZANIC 2024-01-19 23:59:49 +01:00
parent d8a1133a1f
commit 0346e6c8f8
12 changed files with 25 additions and 84 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CSS/accueil.css
View File

@ -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);
} }

4
CSS/nos jeux.css → CSS/jeux.css
View File

@ -16,3 +16,7 @@ body{
main{ main{
padding-top: 45px; padding-top: 45px;
} }
p div{
color: white;
}

39
CSS/styles.css
View File

@ -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;
}
} }

6
HTML/contact.html
View File

@ -14,11 +14,7 @@
<header> <header>
<div id="menu-mobile">
<button>
a
</button>
</div>
<div id="menu-ordi"> <div id="menu-ordi">

15
HTML/cv_1.html
View File

@ -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>

6
HTML/cv_2.html
View File

@ -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">

12
HTML/page_2.html
View File

@ -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>

7
HTML/page_3.html
View File

@ -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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
img/secours Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

BIN
img/secours.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 KiB

16
index.html
View File

@ -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>