51 lines
2.8 KiB
PHP
51 lines
2.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<title>Accueil | Don't meet me</title>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
|
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/index.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">
|
|
|
|
<script src="js/nav.js" defer></script>
|
|
<script src="js/themeManager.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div id="fade"></div>
|
|
<?php include("header.php") ?>
|
|
<main>
|
|
<h1>Rencontrez une personne qui vous correspond !</h1>
|
|
<p id="intropage">Nous avons eu l'idée de proposer un service où hommes et femmes peuvent communiquer afin de se rencontrer. Grâce à notre système de sélection simple et rapide, trouvez votre Roméo ou votre Juliette. Cliquez en dessous pour commencer l'aventure don't meet me !</p>
|
|
<section id="makeachoicehf">
|
|
<a href="for.php?gender=woman" class="tuile">
|
|
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
|
|
<p>Trouver une femme</p>
|
|
</a>
|
|
<a href="for.php?gender=man" class="tuile">
|
|
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
|
<p>Trouver un homme</p>
|
|
</a>
|
|
</section>
|
|
<section id="comments">
|
|
<figure>
|
|
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
|
<figcaption class="caption">DMM m'a permis de rencontrer l'homme de ma vie. Le principe de sélection m'a semblé très pertinant et vous évite de devoir chercher pendant de longues heures !<br/>Juliette Artois</figcaption>
|
|
</figure>
|
|
<figure>
|
|
<img class="avis" src="img/avis2.jpg" alt="image femme avis 2">
|
|
<figcaption class="caption">Je trouve le principe très simple et rapide. En suivant la section qui vous correspond vous trouvez UNE personne qui vous correspond, contrairement à d'autres sites... Je ne peux que dire oui !</br>Elise David</figcaption>
|
|
</figure>
|
|
<figure>
|
|
<img class="avis" src="img/avis3.jpeg" alt="image homme avis 3">
|
|
<figcaption class="caption">Bien que le questionnaire à remplir soit original, la rencontre avec mon "Don't meet" s'est déroulée avec succès. La satisfaction est totale.<br/>Julien Martin</figcaption>
|
|
</figure>
|
|
</section>
|
|
</main>
|
|
<?php include("footer.php") ?>
|
|
</body>
|
|
</html>
|