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

HTML checker

Browse Source
This commit is contained in:
Hugo IZANIC 2024-01-19 15:42:41 +01:00
parent a7fd97c3f1
commit 736db908be
8 changed files with 104 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
CSS/accueil.css
View File

@ -20,8 +20,20 @@ a{
outline: none;
}
#titre{
margin: 0;
position: absolute;
top: 75vh;
left: 5vw;
}
#titre p{
color: white;
margin: 0;
position: absolute;
top: 10vh;
left: 5vw;
}
#img-txt div{
display: inline-flex;

2
CSS/partenaire.css
View File

@ -14,7 +14,7 @@
#hov-partenaire{
.hov-partenaire{
position: absolute;
color: white;
font-size: 1.5rem;

4
CSS/styles.css
View File

@ -103,7 +103,7 @@ nav{
}
#icone{
.icone{
height: 7vh;
width: 7vw;
}
@ -150,7 +150,7 @@ nav li{
}
.page p:not(:hover){transition: color linear 0.7s;transition: transform ease 0.4s ;}
#page_courante{
.page_courante{
color: gold;
background-color: rgba(255,0,0,0.2);
}

26
HTML/contact.html
View File

@ -8,7 +8,7 @@
<link rel = "stylesheet" type = "text/css" href = "../CSS/contact.css">
<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>
<body>
@ -23,14 +23,16 @@
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="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= "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= "#" class="page"><button class="button" id="page_courante" type="buton" value="A propos de nous"> Contact</button> </a></li>
<li>
<button class="button" onclick="window.location.href='../index.html'"> 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 page_courante" onclick="window.location.href='#'"> Contact</button></li>
</ul>
</nav>
</div>
@ -93,9 +95,9 @@
<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>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg" alt="icone de twitter"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="../img/icone/instagram.svg" alt="icone d'instagram"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg" alt="icone de tiktok"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -113,13 +115,13 @@
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
<p>Casinoducoeur@gmail.fr </p>
<img src="../img/icone/location.svg">
<img src="../img/icone/location.svg" alt="icone adresse">
<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>
<a href="../index.html"><img class="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</body>

16
HTML/page_2.html
View File

@ -15,14 +15,16 @@
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="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= "#" class="page" ><button class="button" type="buton" value="Nos jeux" id="page_courante">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= "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= "contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a></li>
<li>
<button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
</li>
<li> <button class="button page_courante" onclick="window.location.href='#'"> 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>
</nav>
</div>
@ -61,7 +63,7 @@
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="icone" src="../img/logo.svg" alt="icone du site"></a>

40
HTML/page_3.html
View File

@ -7,7 +7,7 @@
<link rel = "stylesheet" type = "text/css" href = "../CSS/partenaire.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
<body>
<header>
@ -21,14 +21,16 @@
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="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= "#" class="page"><button id="page_courante" class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li>
<li> <a href= "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= "contact.html" class="page"><button class="button" type="buton" value="A propos de nous"> Contact</button> </a></li>
<li>
<button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
</li>
<li> <button class="button" onclick="window.location.href='page_2.html'"> Nos jeux</button></li>
<li><button class="button page_courante" onclick="window.location.href='#'"> 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>
</nav>
</div>
@ -41,14 +43,18 @@
<div id="ligne-colonne">
<div id="ligne-partenaires">
<ul>
<li><a target="_blank" href ="https://www.restosducoeur.org/"> <img src="../img/Restoducoeur.png" alt="logo du resto du coeur"><div id="hov-partenaire">Nous travaillons avec Les restaurants du coeur.</div></img></a></li>
<li><a href ="https://www.croix-rouge.fr/" target="_blank"> <img src="../img/Croixrouge.png" alt="logo de la croix rouge "><div id="hov-partenaire">Nous travaillons avec la croix rouge.</div></img></a></li>
<li><a target="_blank" href ="https://www.restosducoeur.org/">
<img src="../img/Restoducoeur.png" alt="logo du resto du coeur"><div class="hov-partenaire">Nous travaillons avec Les restaurants du coeur.
</div>
</a>
</li>
<li><a href ="https://www.croix-rouge.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>
</ul>
</div>
<div id="colonne-partenaires">
<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 id="hov-partenaire">Nous travaillons avec Action contre la faim.</div></img></a></li>
<li><a href ="resto.fr" target="_blank"> <img src="../img/Croixrouge.png" alt="logo de la croix rouge "><div id="hov-partenaire">Nous travaillons avec la croix rouge.</div></img></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>
</ul>
</div>
</div>
@ -63,7 +69,7 @@
</aside>
</div>
<div id="nouveau-partenaire">
<button onclick="window.location.href='contact.html';" id="btn-contact"> <p>Contactez nous !</p></button>
<button onclick="window.location.href='contact.html';" id="btn-contact"> <span>Contactez nous !</span></button>
<h3> Nous Cherchons de nouveaux Partenaires !</h3>
</div>
@ -75,9 +81,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <img src="../img/icone/twitter.svg"></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://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="../img/icone/tiktok.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" > <img src="../img/icone/instagram.svg" alt= "logo instagram"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg" alt= "logo tiktok"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -96,13 +102,13 @@
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
<p>Casinoducoeur@gmail.fr </p>
<img src="../img/icone/location.svg">
<img src="../img/icone/location.svg" alt="icone localisation">
<p id="adresse"> 200 Rue du kwanga</p>
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="icone" src="../img/logo.svg" alt="icone du site"></a>

26
HTML/page_4.html
View File

@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
<link rel = "icon" type = "image/png" href = "../img/icon.png">
</head>
<body>
<header>
@ -16,14 +16,16 @@
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="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>
<li>
<button class="button" onclick="window.location.href='../index.html'"> 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 page_courante" onclick="window.location.href='#'"> A propos de nous</button></li>
<li> <button class="button" onclick="window.location.href='contact.html'"> Contact</button></li>
</ul>
</nav>
</div>
@ -62,9 +64,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <img src="../img/icone/twitter.svg"></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://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="../img/icone/tiktok.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" > <img src="../img/icone/instagram.svg" alt= "logo instagram"></a></li>
<li><a href="https://tiktok.com" target="_blank" > <img src="../img/icone/tiktok.svg" alt= "logo tiktok"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -83,13 +85,13 @@
<img src="../img/icone/envelope.svg" alt="icone d'enveloppe">
<p>Casinoducoeur@gmail.fr </p>
<img src="../img/icone/location.svg">
<img src="../img/icone/location.svg" alt="icone adresse">
<p id="adresse"> 200 Rue du kwanga</p>
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img class="icone" src="../img/logo.svg" alt="icone du site"></a>

46
index.html
View File

@ -21,11 +21,13 @@
<header>
<div id="menu-mobile">
<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>
<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>
@ -34,14 +36,16 @@
<div id="menu-ordi">
<nav>
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>
<a href="#"><img class="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" 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></li>
<li>
<button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
</li>
<li> <button class="button" onclick="window.location.href='HTML/page_2.html'"> Nos jeux</button></li>
<li><button class="button" onclick="window.location.href='HTML/HTML/page_3.html'"> Nos partenaires</button> </li>
<li><button class="button" onclick="window.location.href='HTML/page_4.html'"> A propos de nous</button></li>
<li> <button class="button" onclick="window.location.href='HTML/contact.html'"> Contact</button></li>
</ul>
</nav>
</div>
@ -52,7 +56,11 @@
<main>
<img id="presentation" src="img/163662-poker-roulette-carte_a_jouer-poker_en_ligne-jeu_de_cartes-3840x2160.jpg" alt="Image d'acceuil">
<div id="titre">
<h1><span class="txt_rouge">Casino du Coeur</span></h1>
<p> Le casino dfgfsgdfgh </p>
</div>
<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
@ -67,7 +75,7 @@
choisit par les joueurs eux-mêmes
</p>
<img class="img_main" src="img/casion_background.jpeg">
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
</div>
@ -75,7 +83,7 @@
Nos valeurs
</h2>
<div id="img_droite_txt_gauche">
<img class="img_main" src="img/casion_background.jpeg">
<img class="img_main" src="img/casion_background.jpeg" alt="image d'un casino">
<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 ..
@ -94,8 +102,6 @@
<video id="video-presentation" controls autoplay muted loop>
<source src="img/video_presentation.mp4" type="video/mp4">
</video>
</video>
</div>
</main>
@ -106,9 +112,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <img src="img/icone/twitter.svg"></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://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="img/icone/tiktok.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" > <img src="img/icone/instagram.svg" alt= "logo instagram"></a></li>
<li><a href="https://tiktok.com" target="_blank" > <img src="img/icone/tiktok.svg" alt= "logo tiktok"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -127,13 +133,13 @@
<img src="img/icone/envelope.svg" alt="icone d'enveloppe">
<p>Casinoducoeur@gmail.fr </p>
<img src="img/icone/location.svg">
<img src="img/icone/location.svg" alt="icone d'adresse">
<p id="adresse"> 200 Rue du kwanga</p>
</div>
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>
<a href="#"><img class="icone" src="img/logo.svg" alt="icone du site"></a>