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; 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{ #img-txt div{
display: inline-flex; display: inline-flex;

2
CSS/partenaire.css
View File

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

4
CSS/styles.css
View File

@ -103,7 +103,7 @@ nav{
} }
#icone{ .icone{
height: 7vh; height: 7vh;
width: 7vw; width: 7vw;
} }
@ -150,7 +150,7 @@ nav li{
} }
.page p:not(:hover){transition: color linear 0.7s;transition: transform ease 0.4s ;} .page p:not(:hover){transition: color linear 0.7s;transition: transform ease 0.4s ;}
#page_courante{ .page_courante{
color: gold; color: gold;
background-color: rgba(255,0,0,0.2); 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"> <link rel = "stylesheet" type = "text/css" href = "../CSS/contact.css">
<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>
@ -23,14 +23,16 @@
<div id="menu-ordi"> <div id="menu-ordi">
<nav> <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> <ul>
<li> <a href= "../index.html" class="page"><button class="button" type="buton"value="Accueil"> Accueil</button></a></li> <li>
<li> <a href= "page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li> <button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
<li> <a href= "page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li> </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> <button class="button" onclick="window.location.href='page_2.html'"> Nos jeux</button></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='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> </ul>
</nav> </nav>
</div> </div>
@ -93,9 +95,9 @@
<ul> <ul>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.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"></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"></a></li> <li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg" alt="icone de tiktok"></a></li>
</ul> </ul>
<p> Suivez nos actualités !</p> <p> Suivez nos actualités !</p>
</div> </div>
@ -113,13 +115,13 @@
<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 adresse">
<p id="adresse"> 200 Rue du kwanga</p> <p id="adresse"> 200 Rue du kwanga</p>
</div> </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> </footer>
</body> </body>

16
HTML/page_2.html
View File

@ -15,14 +15,16 @@
<div id="menu-ordi"> <div id="menu-ordi">
<nav> <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> <ul>
<li> <a href= "../index.html" class="page" ><button class="button" type="buton" value="Accueil"> Accueil</button></a></li> <li>
<li> <a href= "#" class="page" ><button class="button" type="buton" value="Nos jeux" id="page_courante">Nos jeux</button> </a></li> <button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
<li> <a href= "page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li> </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> <button class="button page_courante" onclick="window.location.href='#'"> Nos jeux</button></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='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> </ul>
</nav> </nav>
</div> </div>
@ -61,7 +63,7 @@
</div> </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"> <link rel = "stylesheet" type = "text/css" href = "../CSS/partenaire.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>
@ -21,14 +21,16 @@
<div id="menu-ordi"> <div id="menu-ordi">
<nav> <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> <ul>
<li> <a href= "../index.html" class="page" ><button class="button" type="buton"value="Accueil"> Accueil</button></a></li> <li>
<li> <a href= "page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li> <button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
<li> <a href= "#" class="page"><button id="page_courante" class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li> </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> <button class="button" onclick="window.location.href='page_2.html'"> Nos jeux</button></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 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> </ul>
</nav> </nav>
</div> </div>
@ -41,14 +43,18 @@
<div id="ligne-colonne"> <div id="ligne-colonne">
<div id="ligne-partenaires"> <div id="ligne-partenaires">
<ul> <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 target="_blank" href ="https://www.restosducoeur.org/">
<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> <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> </ul>
</div> </div>
<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 id="hov-partenaire">Nous travaillons avec Action contre la faim.</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 id="hov-partenaire">Nous travaillons avec la croix rouge.</div></img></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> </ul>
</div> </div>
</div> </div>
@ -63,7 +69,7 @@
</aside> </aside>
</div> </div>
<div id="nouveau-partenaire"> <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> <h3> Nous Cherchons de nouveaux Partenaires !</h3>
</div> </div>
@ -75,9 +81,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>
@ -96,13 +102,13 @@
<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 localisation">
<p id="adresse"> 200 Rue du kwanga</p> <p id="adresse"> 200 Rue du kwanga</p>
</div> </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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel = "stylesheet" type = "text/css" href = "../CSS/print.css" media="print"> <link rel = "stylesheet" type = "text/css" href = "../CSS/print.css" media="print">
<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>
@ -16,14 +16,16 @@
<div id="menu-ordi"> <div id="menu-ordi">
<nav> <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> <ul>
<li> <a href= "../index.html" class="page"><button class="button" type="buton"value="Accueil"> Accueil</button></a></li> <li>
<li> <a href= "page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li> <button class="button" onclick="window.location.href='../index.html'"> Accueil</button>
<li> <a href= "page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li> </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> <button class="button" onclick="window.location.href='page_2.html'"> Nos jeux</button></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='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> </ul>
</nav> </nav>
</div> </div>
@ -62,9 +64,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>
@ -83,13 +85,13 @@
<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 adresse">
<p id="adresse"> 200 Rue du kwanga</p> <p id="adresse"> 200 Rue du kwanga</p>
</div> </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> <header>
<div id="menu-mobile"> <div id="menu-mobile">
<ul> <ul>
<li><a href= "index.html" class="page" ><button class="button" type="buton" value="Accueil" id="page_courante"> Accueil</button></a></li> <li>
<li><a href= "HTML/page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li> <button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
<li><a href= "HTML/page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a></li> </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> <button class="button " onclick="window.location.href='page_2.html'"> Nos jeux</button></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" 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> </ul>
</div> </div>
@ -34,14 +36,16 @@
<div id="menu-ordi"> <div id="menu-ordi">
<nav> <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> <ul>
<li> <a href= "index.html" class="page" ><button class="button" type="buton" value="Accueil" id="page_courante"> Accueil</button></a></li> <li>
<li> <a href= "HTML/page_2.html" class="page" ><button class="button" type="buton" value="Nos jeux">Nos jeux</button> </a></li> <button class="button page_courante" onclick="window.location.href='#'"> Accueil</button>
<li> <a href= "HTML/page_3.html" class="page"><button class="button" type="buton" value="Nos partenaires">Nos partenaires</button> </a> </li> </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> <button class="button" onclick="window.location.href='HTML/page_2.html'"> Nos jeux</button></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" 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> </ul>
</nav> </nav>
</div> </div>
@ -52,7 +56,11 @@
<main> <main>
<img id="presentation" src="img/163662-poker-roulette-carte_a_jouer-poker_en_ligne-jeu_de_cartes-3840x2160.jpg" alt="Image d'acceuil"> <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> <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> <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 choisit par les joueurs eux-mêmes
</p> </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> </div>
@ -75,7 +83,7 @@
Nos valeurs Nos valeurs
</h2> </h2>
<div id="img_droite_txt_gauche"> <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> <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 .. 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> <video id="video-presentation" controls autoplay muted loop>
<source src="img/video_presentation.mp4" type="video/mp4"> <source src="img/video_presentation.mp4" type="video/mp4">
</video> </video>
</video>
</div> </div>
</main> </main>
@ -106,9 +112,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>
@ -127,13 +133,13 @@
<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 d'adresse">
<p id="adresse"> 200 Rue du kwanga</p> <p id="adresse"> 200 Rue du kwanga</p>
</div> </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>