83 lines
3.2 KiB
HTML
83 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link rel="stylesheet" type="text/css" href="styles/today/main.css"/>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
|
|
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
|
|
<title>Acceuil | Don't meet me</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<section id="title">
|
|
<img src="/img/logo.png" alt="Logo don't meet me" id="logo">
|
|
</section>
|
|
<section>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="index.html">Acceuil</a></li>
|
|
<li><a href="for.html?wanted=man">Trouve un homme !</a></li>
|
|
<li><a href="for.html?wanted=woman">Trouve une femme ! </a></li>
|
|
<li><a href="contact.html">Qui sommes nous</a></li>
|
|
<li>
|
|
<section id="sec_switch">
|
|
<a href="index.html"><img src="img/switchoff.png" alt="bouton pour chager de thème" id="switch"></a>
|
|
</section>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</section>
|
|
</header>
|
|
<main>
|
|
<section id="makeachoicehf">
|
|
<section id="secman">
|
|
<img id="homme" src="img/man.jpg" alt="imgage homme">
|
|
<article id="txthomme">Chercher un homme</article>
|
|
</section>
|
|
<section id="secwoman">
|
|
<img id="femme" src="img/woman.jpeg" alt="image femme">
|
|
<article id="txtfemme">Chercher une femme</article>
|
|
</section>
|
|
</section>
|
|
<section id="comments">
|
|
<section id="comment1">
|
|
<figure>
|
|
<img id="avis1" src="img/avis1.jpeg" alt="image femme avis 1">
|
|
</figure>
|
|
<figcaption id="caption1">"avis1"</figcaption>
|
|
</section>
|
|
<section>
|
|
<figure>
|
|
<img id="avis2" src="img/avis2.jpg" alt="image femme avis 2">
|
|
</figure>
|
|
<figcaption id="caption2">"avis2"</figcaption>
|
|
</section>
|
|
<section>
|
|
<figure>
|
|
<img id="avis3" src="img/avis3.jpeg" alt="image homme avis 3">
|
|
</figure>
|
|
<figcaption id="caption3">"avis3"</figcaption>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<section id="feedback">
|
|
<h2>Donnez nous votre avis</h2>
|
|
<h3>C'est 100% anonyme !</h3>
|
|
<form id="form" action="" method="post" enctype="text/plain">
|
|
<textarea name="feedback" id="txtfeedback" cols="70" rows="10" placeholder="Donnez votre avis sur le site"></textarea>
|
|
<input id="send" type="submit" value="Envoyer">
|
|
</form>
|
|
</section>
|
|
<section>
|
|
<ul>
|
|
<li>Mentions légales</li>
|
|
<li>Qui sommes nous</li>
|
|
</ul>
|
|
</section>
|
|
</footer>
|
|
</body>
|
|
</html> |