master
Lola CHALMIN 3 years ago
parent 1feb32dacd
commit fb49f2d007

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="zelda.css" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact</title>
</head>
<body>
<a class="button" href="index.html">Home</a>
<h1>Formulaire de contact</h1>
<form action="contact.php" method="POST">
<label for="nom">Nom : </label>
<input type="text" required name="nom" id="nom"/>
<br/>
<br/>
<label for="prénom">Prénom : </label>
<input type="text" name="prénom" id="prénom"/>
<br/>
<br/>
<label for="mail">Email : </label>
<input type="email" required name="mail" id="mail"/>
<br/>
<br/>
<label for="tel">Téléphone : </label>
<input type="tel" name="tel" id="tel"/>
<br/>
<br/>
<label>Motif de contact :</label>
<select name="mode">
<option value="feedback" id="feedback" name="feedback">Feedback</option>
<option value="plainte" id="plainte" name="plainte">Plainte</option>
<option value="bug" id="bug" name="bug">Report un bug</option>
<option value="suggestion" id="suggestion" name="suggestion">Suggestion</option>
<option value="autre" id="autre" name="autre">Autre</option>
</select>
<br/>
<br/>
<label for="jour">Jour de préférence : </label>
<input type="date" id="date" name="date">
<br/>
<br/>
<label for="time">Horaire de préférence : </label>
<input type="time" id="time" name="time">
<br/>
<br/>
<label>S'agit-il de votre première demande? :</label>
<label for="oui"> Oui</label>
<input type="radio" name="choix"/>
<label for="non"> Non</label>
<input type="radio" name="choix">
<br>
<br>
<p>
<textarea required cols="55" rows="17">Votre message ici</textarea>
</p>
<label>Souhaitez-vous recevoir des informations par mail ?</label>
<select name="infos">
<option value="Oui" id="Oui">Oui</option>
<option value="Non" id="Non">Non</option>
</select>
<br/>
<br/>
<input required type="submit" value="Valider"/>
<input required type="reset" value="Reset"/>
</form>
</body>
</html>

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="zelda.css" type="text/css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact</title>
</head>
<a class="button" href="index.html">Home</a>
<div class="php">
<?php
if(($_POST['nom'] != "") && ($_POST['prénom'] != "") && ($_POST['mail'] != "") && ($_POST['tel'] != "")){
echo("<p>Merci de votre retour !</p>");
}
else {
echo("<p>Un ou plusieurs champs saisis sont invalides, veuillez les re-saisir</p>")
}
?>
</div>
</html>

@ -0,0 +1,238 @@
<!DOCTYPE html>
<html id ="Zelda">
<head>
<title> Zelda : Breath of the Wild </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/jpg" href="images/icon.jpg" />
<link rel="stylesheet" href="zelda.css" type="text/css" media="screen" />
</head>
<header>
<h1 class="flex"> Zelda : Breath of the Wild </h1>
<div class="flexbar">
<a class="buttonbar" href='index.html'> Home </a>
<div class="dropdown">
<a class="dropbtn">Le jeu</a>
<div class="dropdown-content">
<a href='lejeu.html'>Description</a>
<a href='map.html'> La map</a>
</div>
</div>
<a class="buttonbar" href='lesmissions.html'> Missions </a>
<a class="buttonlast" href='Objects.html'> Objets </a>
</div>
</header>
<nav>
<div class="dropdownlog">
<p id="Contact">Contact</p>
<div class="dropdown-aff">
<a href="https://www.instagram.com/accounts/login/"><img class="logo" src="img/logoi.jpg"></a>
<a href="https://twitter.com/hashtag/BreathoftheWild?src=hashtag_click"><img class="logo" src="img/logot.jpg"></a>
<a href="https://www.facebook.com/groups/1602602596446816"><img class="logo" src="img/logof.jpg"></a>
<a href="contact.html"><img class="logo" src="img/form.jpg"></a>
</div>
</div>
</nav>
<br/>
<img src = "img/image.jpg" alt = "Presentation" title = "Zelda : Breath of the Wild">
<figure>
<figcaption>(image du jeu) : Plateau du Prélude</figcaption>
</figure>
<br/>
<br/>
<body class="bg">
<div>
<h1>Actualités</h1>
<p>
<br/>
<section>
<h2>Du côté Nintendo Switch:</h2>
<article class="text">
<p>
Après plus de sept mois d'attente, Nintendo avait annoncé son célèbre live Nintendo Direct afin de révéler
la sortie de nouveaux jeux sur la Nintendo Switch, ou certaines mises à jour sur d'autres jeux. Cela comptabilise évidemment des
informations sur le tant attendu <a href="#botw2">Zelda : Breath of the Wild 2</a> ! Nous n'avons pas été déçus par l'annonce! <br/>
Afin de pouvoir revoir la diffusion de ce live voici le <a href="https://youtu.be/UJ9Iz7HhU-I">lien</a>.
</p>
<br/>
</article>
<br/>
<article>
<p>Et voici ici <u>Zelda: Tears of the Kingdom</u>, extrait du Nintendo Direct :<br/>
<br/>
<video controls="controls">
<source src="ND.mp4" type=video/mp4>
Sorry
</video>
</p>
</article>
</section>
<br/>
<section>
<article class="text">
<p>
D'autre jeux très attendus sont également à prévoir : en effet, à commencer par Splatoon 3 ou encore Xenoblade Chronicles 3 (leur
gameplay étant noté parmis les plus jolis et agréables mais aussi leur dernier jeu présentant une tenue en featuring avec Breath
of the Wild, cela pourrait également intéresser les férus de Zelda !) Sans oublier un nouveau jeu Nintendo Switch Sports, un nouveau
Kirby et le monde oublié ainsi que l'apparition de Pokémon Legends Arceus bien sûr !
</p>
</article>
</section>
<br/>
<br/>
<section id = "botw2">
<article>
<h2>Ce que Zelda BOTW 2 pourrait contenir:</h2>
<br/>
<div class="text">
<p>
Si l'on en croit les infos données dans le <a href="https://www.youtube.com/watch?v=796UhmeSiXg">trailer</a> de 2022,
on peut voir que le nouvel épisode de la saga disposerait d'un map semblable mais cette fois-ci, complètement en morceaux
(dû aux foudres de Ganon). <br/> <br/>
On y retrouverait un Link avec de nouvelles capacités, dont une qui serait de voyager par l'eau
en fonction du temps (nouveau module temporel disponible sur la tablette sheikah de Link?) <br/> <br/>
Nous savons désormais que la sortie du jeu sera le <strong>12 mai 2023</strong>, alors retenez bien cette date et rendez-vous
ce 12 mai prochain pour de nouvelles expériences inédites !
</p>
</div>
<br/>
<h3>Comment fonctionne la tablette sheikah de Link ?</h3>
<p>
Veuillez trouver l'information <a href="#Présentation">ici</a>
</p>
</article>
</section>
</p>
</div>
<br/>
<br/>
<div id="Présentation">
<h1>Présentation du jeu</h1>
<section >
<article>
<h2>Le Jeu</h2>
<div class="text">
<p>
Ce jeu est l'une des plus grande réussite de Nintendo. <br/>En effet,
cet immense open world (monde virtuel dans lequel on peut se déplacer
et intéragir avec plusieurs éléments) a conquis le coeur de nombreux
joueurs de par sa beauté, son gameplay mais également en raison du
nombre de quêtes à réaliser, d'objets à collecter et de créatures à
vaincre. En effet il existe plusieurs types de quêtes : les quêtes
secondaires, principales et les souvenirs à retrouver sur la map.
Quant aux objets à collecter il en existe de plusieurs sortes :
</p>
</div>
<ul>
<li id="tenue">Les tenues</li>
<li id="arme">Les armes</li>
<li>Les boucliers</li>
<li>Les arcs (et flèches)</li>
<li>Et éventuellement les plats</li>
</ul>
<p>
Pour ce qui est des créatures et monstres à vaincre, il existe
quatre "mini-boss" avant de battre le boss final. Toutes les autres
créatures partent du "niveau 0", ainsi, plus Link avance dans le jeu
et prend du grade, plus les créatures prennent des niveaux.
</p>
</article>
<p>Pour plus d'informations à propos du premier volet de la saga,
veuillez vous rendre <a href="lejeu.html">ici</a>
</p>
</section>
<br/>
<section>
<h2>Les Missions</h2>
<div class="text">
<p>
Il existe plusieurs types de missions. <br/><br/>Tout d'abord, les quêtes
principales sont les premières à débloquer et les plus importantes
en termes d'ordre de complétion. En effet, elle vous aideront non
seulement à découvrir le jeu tout en le prenant en main correctement
mais aussi à vous allouer de solides bases afin de pouvoir avancer
dans le jeu plus aisément. <br/><br/>Toutefois, ce ne sont pas les seules missions
disponibles du jeu. En effet, il existe aussi les quêtes secondaires.
Celles-ci se comptent au nombre de 76 et sont toutes plus intéressantes
les unes que les autres. Elle sont très variées et vous pouvez les retrouver
dans l'onglet "<a href="lesmissions.html">Missions</a>". <br/><br/>
En termes de quêtes optionnelles, il existe la collecte des noix korogus
qui sont des petites noix que l'on découvre en cherchant sur l'entièreté
de la map les cachettes de Korogus(le peuple de la Forêt). Vous trouverez
sur cette map beaucoup d'informations dont toutes les noix korogus, l'emplacement
de coffres, de monstres, shrines (ou sanctuaires) et des tours.<br/><br/><br/>
</p>
</div>
</section>
</div>
<br/>
<div class="fleft">
<h2>Les Objets à débloquer</h2>
<p>
Il existe plusieurs types d'objets à pourvoi récolter.
On a en premier lieu, les tenues de Link, puis son équipement (armes, boucliers, arcs et flèches)
mais également tous les ingrédients nécessaires aux recettes, les matériaux
de monstres que l'on peut récupérer après les avoir vaincu, les pierres précieuses
que l'on peut revendre pour un bon prix et des fées atour des fontaines.
<br/>
Dans la section <a href="Objects.html">Objets</a> vous y retrouverez principalement
les tenues, les armes, boucliers et arc mais aussi des liens vers les recettes et
ingrédients.
</p>
</div>
<aside>
<h3>Liens utiles:</h3>
<p>
<ul>
<li> Pour les <a href="https://zelda.fandom.com/fr/wiki/Cat%C3%A9gorie:Ennemis_de_Breath_of_the_Wild">
monstres</a></li>
<li> Pour les <a href="https://zelda.fandom.com/fr/wiki/Cat%C3%A9gorie:Objets_de_Breath_of_the_Wild">
objets </a>à collectionner</li>
<li> Pour les <a href="https://www.jeuxvideo.com/dossier/644214/the-legend-of-zelda-breath-of-the-wild-les-missions-secondaires-notre-guide-complet/">
quêtes</a> secondaires </li>
</ul>
</p>
</aside>
<br/>
<br/>
<br/>
<a class="arrow" href="index.html"></a>
<footer>
<h5>Page web créée et designée par Lola CHALMIN</h5>
</footer>
<br/>
<br/>
</body>
</html>

@ -0,0 +1,73 @@
/*clear le positionement de gauche*/
.cleft{
clear: left;
}
/*clear le positionnement de droite*/
.clright{
clear: right;
}
.descriptiond{
color : rgb(35,42,92);
font-size : 23px;
text-align: justify;
margin-right: 40px;
margin-left: 40px;
}
.gallery {
border: 1px solid #062F4F;
border-radius: 15px/13px;
}
.gallery img {
width: 100%;
height: auto;
max-width:99%;
padding-top:3px;
border-radius: 15px/13px
}
.desc {
padding: 10px;
text-align: center;
}
.responsivel {
padding: 0 6px;
float: left;
width: 45%;
}
.responsiver {
padding: 0 6px;
float: right;
width: 45%;
}
@media only screen and (max-width: 700px) {
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px) {
.responsive {
width: 100%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

@ -1,78 +1,168 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Le Jeu</title>
<link rel="stylesheet" href="zelda.css" type="text/css" media="screen" />
</head>
<body>
<a class="button" href="Zelda.html">Home</a>
<br>
<div class="left">
<img class="imgleft" src="img/hero.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
<p>Zelda:Botw</p>
</div>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Le Jeu</title>
<link rel="stylesheet" href="zelda.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lejeu.css" type="text/css" media="screen" />
</head>
<body class="bg">
<a class="button" href="index.html">Home</a>
<br/>
<br/>
<div class="responsivel">
<div class="gallery">
<a target="_blank" href="img/hero.jpg">
<img src="img/hero.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
</a>
<div class="desc">
<p class="descriptiond">
Zelda : Breath of the Wild (Botw)<br/><br/>
Ce jeu, sorti le 3 Mars 2017 sur la Nintendo Switch, aura beaucoup fait
parler de lui. De par ses graphismes envoûtants et son côté complet d'Open
World. Vous pourrez le constater sur le reste du site que ce jeu dispose
d'énormément de contenu et de quêtes, ce qui a de quoi satisfaire les
joueurs !
</p>
</div>
</div>
</div>
<br class="cleft">
<br>
<br>
<br>
<div class="right">
<img class="imgrightp" src="img/vieil.jpg" alt="imagejeu" title="Histoire">
<p>Histoire</p>
<br/>
<br/>
<div class="responsiver">
<div class="gallery">
<a target="_blank" href="img/vieil.jpg">
<img src="img/vieil.jpg" alt="imagejeu" title="Histoire">
</a>
<div class="desc">
<p class="descriptiond">
Histoire<br/><br/>
Après s'être réveillé dans le Temple de la Renaissance d'un sommeil long de 100 ans;
Link va devoir se battre pour retrouver la mémoire, vaincre Ganon et ramener la paix en
Hyrule. Pour ce faire, il devra également s'occuper de retrouver ses capacités
et de soigner les Divine Beast, qui ont été corrompues durant l'attaque destructrice
de Ganon 100 ans auparavant.
<br/>
Le jeu commence, puis Link apostrophe ce vieil homme qui fera office de tutoriel
durant la première partie du jeu.
</p>
</div>
</div>
</div>
<br class="clright">
<br>
<br>
<br>
<div class="left">
<img class="imgleft" src="img/cachette.jpg" alt="imagejeu" title="Missions">
<p>Missions</p>
<br/>
<br/>
<div class="responsivel">
<div class="gallery">
<a target="_blank" href="img/cachette.jpg">
<img src="img/cachette.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
</a>
<div class="desc">
<p class="descriptiond">
Missions<br/><br/>
Il existe trois types de missions: les principales, les souvenirs et les
annexes. Si vous rencontrez des problèmes à les débloquer ou les résoudre,
rendez-vous dans l'onglet "Missions" du menu principal ! Vous y trouverez
en vidéo les solutions des quêtes annexes, mais également des liens pour les
quêtes principales et sanctuaires.
</p>
</div>
</div>
</div>
<br class="cleft">
<br>
<br>
<br>
<div class="right">
<img class="imgright" src="img/shrine.jpg" alt="imagejeu" title="Sanctuary">
<p>Sacntuaires</p>
<br/>
<br/>
<div class="responsiver">
<div class="gallery">
<a target="_blank" href="img/shrine.jpg">
<img src="img/shrine.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
</a>
<div class="desc">
<p class="descriptiond">
Sanctuaires<br/><br/>
Il en existe au total 120 de 3 types : les types Épreuves de Force, la Logique
et les Récompenses. Pour les sanctuaires de type Force il existe 3 niveaux : basique, moyenne
et extrême. Pour les sanctuaires de type Logique, ce sont généralement des puzzles
plus ou moins complexes à réaliser. Et enfin pour ceux du type récompense,
la quête sera de trouver et débloquer le sanctuaire, que vous pourrez
compléter en récupérant l'item.
</p>
</div>
</div>
</div>
<br class="clright">
<br>
<br>
<br>
<div class="left">
<img class="imgleftp" src="img/map.jpg" alt="imagejeu" title="Map">
<p>Map du jeu et papati et papata</p>
<br/>
<br/>
<div class="responsivel">
<div class="gallery">
<a target="_blank" href="img/map.jpg">
<img src="img/map.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
</a>
<div class="desc">
<p class="descriptiond">
La Map<br/><br/>
La map ressemble à ceci, il en existe une version interactive que vous
pouvez retrouver dans l'onglet "<a href="map.html">Korogu map</a>". Ce que
l'on peut apercevoir ayant la forme d'un losange parfait bleus sont les sanctuaires,
et les petits symbôles bleus représentent les tours des différentes régions.
<br/>
Les carrés jaunes avec une tête de cheval représentent les relais, endroits où
Link peut cuisiner, acheter quelques ingrédients/matériaux, enregistrer/emmener
un cheval mais aussi se reposer. Les carrés jaunes avec une maison
représentent les différents villages et le carré central avec un château est bien
évidemment le Château d'Hyrule.
</p>
</div>
</div>
</div>
<br class="cleft">
<br>
<br>
<br>
<div class="right">
<img class="imgright" src="img/memoy.jpg" alt="imagejeu" title="Memory">
<p>Souvenirs</p>
<br/>
<br/>
<div class="responsiver">
<div class="gallery">
<a target="_blank" href="img/memoy.jpg">
<img src="img/memoy.jpg" alt="imagejeu" title="Présentation Zelda:BOTW">
</a>
<div class="desc">
<p class="descriptiond">
Souvenirs<br/><br/>
Link a donc pour but de retrouver la mémoire, et ce, via
des photos reçues par Impa, un personnage du jeu. Lorsque vous découvrirez
un souvenir, il apparaîtra comme ceci.
<br/>
Dans cette vresion du jeu, les souvenirs font office d'histoire et une fois trouvés,
vous pourrez les revisionner comme bon vous semble !
</p>
</div>
</div>
</div>
<br class="clright">
<br>
<br>
<br>
<br/>
<br/>
</body>
</body>
<a class="arrow" href="lejeu.html"></a>
<footer>
<h5>Page web créée et designée par Lola CHALMIN</h5>
</footer>
</html>

Loading…
Cancel
Save