Compare commits
10 Commits
374db08a13
...
546cfb35ca
| Author | SHA1 | Date | |
|---|---|---|---|
|
546cfb35ca | ||
| f149318b79 | |||
| 5640416c5e | |||
| f2f6ed21bc | |||
| 44cff3c2c3 | |||
| c77c518327 | |||
|
4488695667 | ||
|
|
1502eeac2a | ||
|
|
12dea20843 | ||
|
|
99337bdcd0 |
78
contact.php
78
contact.php
@ -4,6 +4,8 @@
|
||||
<title>Contact | Don't meet me</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/contact.css"/>
|
||||
@ -18,43 +20,45 @@
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<h1>Notre équipe de spécialistes</h1>
|
||||
<section id="devs">
|
||||
<!-- Fred -->
|
||||
<section class="contactprofile">
|
||||
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
||||
<p>Frédéric EGENSCHEVILLER</p>
|
||||
</a>
|
||||
</section>
|
||||
<!-- Marius -->
|
||||
<section class="contactprofile">
|
||||
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
||||
<p>Marius PISTORESI</p>
|
||||
</a>
|
||||
</section>
|
||||
<!-- Lucas -->
|
||||
<section class="contactprofile">
|
||||
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
||||
<p>Lucas FABRE</p>
|
||||
</a>
|
||||
</section>
|
||||
<!-- Djalim -->
|
||||
<section class="contactprofile">
|
||||
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
||||
<p>Djalim SIMAILA</p>
|
||||
</a>
|
||||
</section>
|
||||
<!-- Thomas -->
|
||||
<section class="contactprofile">
|
||||
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
||||
<p>Thomas RUBINI</p>
|
||||
</a>
|
||||
</section>
|
||||
<section>
|
||||
<h1>Notre équipe de spécialistes</h1>
|
||||
<div id="devs">
|
||||
<!-- Fred -->
|
||||
<div class="contactprofile">
|
||||
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
||||
<p>Frédéric EGENSCHEVILLER</p>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Marius -->
|
||||
<div class="contactprofile">
|
||||
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
||||
<p>Marius PISTORESI</p>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Lucas -->
|
||||
<div class="contactprofile">
|
||||
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
||||
<p>Lucas FABRE</p>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Djalim -->
|
||||
<div class="contactprofile">
|
||||
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
||||
<p>Djalim SIMAILA</p>
|
||||
</a>
|
||||
</div>
|
||||
<!-- Thomas -->
|
||||
<div class="contactprofile">
|
||||
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
||||
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
||||
<p>Thomas RUBINI</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
|
||||
</main>
|
||||
|
||||
@ -7,10 +7,10 @@
|
||||
<input id="send" type="submit" value="Envoyer">
|
||||
</form>
|
||||
</section>
|
||||
<section id="rightfoot">
|
||||
<div id="rightfoot">
|
||||
<ul>
|
||||
<li><a href="mentions.php">Mentions légales</a></li>
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</footer>
|
||||
169
for.php
169
for.php
@ -10,6 +10,8 @@
|
||||
?> | Don't meet me</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
|
||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/for.css"/>
|
||||
@ -24,97 +26,82 @@
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<section id="formtot">
|
||||
<section id="intro">
|
||||
<h2>
|
||||
<?php
|
||||
// choix du genre de la personne que l'on cherche (femme par defaut )
|
||||
if($_GET["gender"]=="man"){
|
||||
echo "Tu cherches l'homme de ta vie ?";
|
||||
}else {
|
||||
echo 'Tu cherches la femme de ta vie ?';
|
||||
}
|
||||
?>
|
||||
</h2>
|
||||
<p>Tu es au bon endroit !</p>
|
||||
</section>
|
||||
<section id="form">
|
||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" id="form" method="POST">
|
||||
|
||||
<!-- peux tu lecher ton coude -->
|
||||
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
||||
<select name="lechercoude" id="lechercoude">
|
||||
<option value="Cette personne est un alien">Oui</option>
|
||||
<option value="personne normale">Non</option>
|
||||
</select>
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- 100 metres nage libre -->
|
||||
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
||||
<input type="number" name="100m" id="100m">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- solde de la carte banquaire -->
|
||||
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
||||
<input type="number" name="solde" id="solde" step="100">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- rib -->
|
||||
<label for="rib">Saisissez votre RIB</label>
|
||||
<input type="text" name="rib" id="rib">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- systeme s'exploitation -->
|
||||
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
||||
<select name="os" id="os">
|
||||
<option value="linux master race, une personne de culture">Linux</option>
|
||||
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
||||
</select>
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- les feux de l'amour ou helene et les garcons -->
|
||||
Quelle est la meilleure serie?
|
||||
<input type="radio" id="fdla" name="serie" value="feux">
|
||||
<label for="fdlr">Feux de l'amour</label>
|
||||
<input type="radio" id="helene" name="serie" value="helene">
|
||||
<label for="helene">Helene et les garcons</label>
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Pilote de chasse -->
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Terre plate ou ronde -->
|
||||
<label for="terre">Quel est la forme de la terre ?</label>
|
||||
<select name="terre" id="terre">
|
||||
<option value="normale quoi">spherique</option>
|
||||
<option value="retour a la case cp">plate</option>
|
||||
<option value=" (: oui ">oui</option>
|
||||
<option value="minecraft">cubique</option>
|
||||
<option value="haha! quoi?">scutoid</option>
|
||||
</select>
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Pain au chocolat -->
|
||||
<label for="pain">Pain au chocolat ou chocolatine ?</label>
|
||||
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
|
||||
<label for="pain au chocolat">pain au chocolat</label>
|
||||
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
||||
<label for="chocolatine">chocolatine</label>
|
||||
<br>
|
||||
<!------------------------------>
|
||||
<!-- est ce toute les route menent au Rhum -->
|
||||
<label for="route">Est ce que toute les routes menent au Rhum ?</label>
|
||||
<input type="text" name="route" id="route">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<!-- Quel est le nom du bateau dans le film Titanic -->
|
||||
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
|
||||
<input type="text" name="titanic" id="titanic">
|
||||
<!------------------------------>
|
||||
<br>
|
||||
<input type="submit" value="Trouves mon don't meet!">
|
||||
</form>
|
||||
</section>
|
||||
<section id="formulaire">
|
||||
<h2>
|
||||
<?php
|
||||
// choix du genre de la personne que l'on cherche (femme par defaut )
|
||||
if($_GET["gender"]=="man"){
|
||||
echo "Tu cherches l'homme de ta vie ?";
|
||||
}else {
|
||||
echo 'Tu cherches la femme de ta vie ?';
|
||||
}
|
||||
?>
|
||||
</h2>
|
||||
<p>Tu es au bon endroit !</p>
|
||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" method="POST">
|
||||
|
||||
<!-- peux tu lecher ton coude -->
|
||||
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
||||
<select name="lechercoude" id="lechercoude">
|
||||
<option value="Cette personne est un alien">Oui</option>
|
||||
<option value="personne normale">Non</option>
|
||||
</select>
|
||||
<br>
|
||||
<!-- 100 metres nage libre -->
|
||||
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
||||
<input type="number" name="100m" id="100m">
|
||||
<br>
|
||||
<!-- solde de la carte banquaire -->
|
||||
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
||||
<input type="number" name="solde" id="solde" step="100">
|
||||
<br>
|
||||
<!-- rib -->
|
||||
<label for="rib">Saisissez votre RIB</label>
|
||||
<input type="text" name="rib" id="rib">
|
||||
<br>
|
||||
<!-- systeme s'exploitation -->
|
||||
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
||||
<select name="os" id="os">
|
||||
<option value="linux master race, une personne de culture">Linux</option>
|
||||
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
||||
</select>
|
||||
<br>
|
||||
<!-- les feux de l'amour ou helene et les garcons -->
|
||||
Quelle est la meilleure serie?
|
||||
<input type="radio" id="fdla" name="serie" value="feux">
|
||||
<label for="fdla">Feux de l'amour</label>
|
||||
<input type="radio" id="helene" name="serie" value="helene">
|
||||
<label for="helene">Helene et les garcons</label>
|
||||
<br>
|
||||
<!-- Pilote de chasse -->
|
||||
<br>
|
||||
<!-- Terre plate ou ronde -->
|
||||
<label for="terre">Quel est la forme de la terre ?</label>
|
||||
<select name="terre" id="terre">
|
||||
<option value="normale quoi">spherique</option>
|
||||
<option value="retour a la case cp">plate</option>
|
||||
<option value=" (: oui ">oui</option>
|
||||
<option value="minecraft">cubique</option>
|
||||
<option value="haha! quoi?">scutoid</option>
|
||||
</select>
|
||||
<br>
|
||||
<!-- Pain au chocolat -->
|
||||
<label>Pain au chocolat ou chocolatine ?</label>
|
||||
<input type="radio" id="pain_au_chocolat" name="viennoiserie" value="la verite" required>
|
||||
<label for="pain_au_chocolat">pain au chocolat</label>
|
||||
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
||||
<label for="chocolatine">chocolatine</label>
|
||||
<br>
|
||||
<!-- est ce toute les route menent au Rhum -->
|
||||
<label for="route">Est ce que toute les routes menent au Rhum ?</label>
|
||||
<input type="text" name="route" id="route">
|
||||
<br>
|
||||
<!-- Quel est le nom du bateau dans le film Titanic -->
|
||||
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
|
||||
<input type="text" name="titanic" id="titanic">
|
||||
<br>
|
||||
<input type="submit" value="Trouves mon don't meet!">
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
|
||||
43
header.php
43
header.php
@ -5,28 +5,25 @@
|
||||
?>
|
||||
|
||||
<header>
|
||||
<section id="buttonSec">
|
||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||
</section>
|
||||
<section id="title">
|
||||
<div id="buttonSec">
|
||||
<button type="button" onclick="switchTheme()">2000/today</button>
|
||||
</div>
|
||||
<div id="title">
|
||||
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
||||
</section>
|
||||
<section>
|
||||
<nav>
|
||||
<a href="#" class="burger_button" onclick="menu()">
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
</a>
|
||||
<div class="navbar_links hide">
|
||||
<ul>
|
||||
<li><a href="index.php">Accueil</a></li>
|
||||
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
|
||||
<li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
</div>
|
||||
<nav>
|
||||
<a href="#" class="burger_button" onclick="menu()">
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
<span class="bar"></span>
|
||||
</a>
|
||||
<div class="navbar_links hide">
|
||||
<ul>
|
||||
<li><a href="index.php">Accueil</a></li>
|
||||
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
|
||||
<li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
BIN
img/man/0.jpeg
BIN
img/man/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 481 KiB After Width: | Height: | Size: 86 KiB |
BIN
img/man/1.jpeg
BIN
img/man/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 413 KiB After Width: | Height: | Size: 66 KiB |
BIN
img/man/10.jpeg
BIN
img/man/10.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 477 KiB After Width: | Height: | Size: 82 KiB |
BIN
img/man/11.jpeg
BIN
img/man/11.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 562 KiB After Width: | Height: | Size: 113 KiB |
BIN
img/man/2.jpeg
BIN
img/man/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 410 KiB After Width: | Height: | Size: 67 KiB |
BIN
img/man/3.jpeg
BIN
img/man/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 407 KiB After Width: | Height: | Size: 55 KiB |
BIN
img/man/4.jpeg
BIN
img/man/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 451 KiB After Width: | Height: | Size: 73 KiB |
BIN
img/man/5.jpeg
BIN
img/man/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 461 KiB After Width: | Height: | Size: 88 KiB |
BIN
img/man/6.jpeg
BIN
img/man/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 408 KiB After Width: | Height: | Size: 65 KiB |
BIN
img/man/7.jpeg
BIN
img/man/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 464 KiB After Width: | Height: | Size: 83 KiB |
BIN
img/man/8.jpeg
BIN
img/man/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 402 KiB After Width: | Height: | Size: 60 KiB |
BIN
img/man/9.jpeg
BIN
img/man/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 458 KiB After Width: | Height: | Size: 78 KiB |
BIN
img/woman/0.jpeg
BIN
img/woman/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 514 KiB After Width: | Height: | Size: 86 KiB |
BIN
img/woman/1.jpeg
BIN
img/woman/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 515 KiB After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 535 KiB After Width: | Height: | Size: 112 KiB |
BIN
img/woman/2.jpeg
BIN
img/woman/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 522 KiB After Width: | Height: | Size: 98 KiB |
BIN
img/woman/3.jpeg
BIN
img/woman/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 538 KiB After Width: | Height: | Size: 100 KiB |
BIN
img/woman/4.jpeg
BIN
img/woman/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 525 KiB After Width: | Height: | Size: 92 KiB |
BIN
img/woman/5.jpeg
BIN
img/woman/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 504 KiB After Width: | Height: | Size: 99 KiB |
BIN
img/woman/6.jpeg
BIN
img/woman/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 451 KiB After Width: | Height: | Size: 76 KiB |
BIN
img/woman/7.jpeg
BIN
img/woman/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 398 KiB After Width: | Height: | Size: 62 KiB |
BIN
img/woman/8.jpeg
BIN
img/woman/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 588 KiB After Width: | Height: | Size: 117 KiB |
BIN
img/woman/9.jpeg
BIN
img/woman/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 388 KiB After Width: | Height: | Size: 65 KiB |
42
index.php
42
index.php
@ -4,7 +4,9 @@
|
||||
<title>Accueil | Don't meet me</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||
|
||||
<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">
|
||||
@ -19,9 +21,11 @@
|
||||
<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">
|
||||
|
||||
<section>
|
||||
<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>
|
||||
<div 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>
|
||||
@ -30,6 +34,7 @@
|
||||
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
||||
<p>Trouver un homme</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="whydmm">
|
||||
<h2 id="whydmmtitle">Pourquoi Don't meet me ?</h2>
|
||||
@ -41,19 +46,22 @@
|
||||
De plus ceci permet d'éviter l'harcèlement présent sur de nombreux sites, la personne entre en contact avec vous uniquement si vous l'acceptez sur la plateforme. <br/><strong>Mais évidemment, notre sélection ne se trompe jamais. ;)</strong>
|
||||
</p>
|
||||
</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>
|
||||
<h2 id="comments_head"> Commentaires </h2>
|
||||
<div 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>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
|
||||
15
mentions.php
15
mentions.php
@ -4,6 +4,9 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||
|
||||
<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">
|
||||
@ -13,15 +16,15 @@
|
||||
<body>
|
||||
<h1>Mentions Légales</h1>
|
||||
<h2>Préambule</h2>
|
||||
<p>Ce site a été créé dans le cadre d'un projet au sein de l'IUT d'Aix-Marseille site Gaston Berger (Aix-en-Provence (13) - France.</p>
|
||||
<p>Ce site a été créé dans le cadre d'un projet au sein de l'IUT d'Aix-Marseille site Gaston Berger (Aix-en-Provence (13) - France).</p>
|
||||
<p>Toutes les informations présentes sont fictives et inventées de toutes pièces lors de ce projet. L'objectif étant de créer un site lufoque qui parodie un site de rencontre.</p>
|
||||
<p>Les addresses e-mails communiquées étant des ayujyjyjydresses e-mails étudiantes, peuvent ne plus être valable à partir de juillet 2024. Dans le cas échéant, si le site est mis à jour, elles seront modifiées dans la mesure du possible.</p>
|
||||
<p>Les adresses e-mails communiquées étant des adresses e-mails étudiantes, peuvent ne plus être valable à partir de juillet 2024. Dans le cas échéant, si le site est mis à jour, elles seront modifiées dans la mesure du possible.</p>
|
||||
<h2>Propriétées intellectuelles :</h2>
|
||||
<ul>
|
||||
<li>EGENSCHEVILLER Frédéric : Mail : frederic.egenscheviller@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>FABRE Lucas : Mail : lucas.fabre@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>PISTORESI Marius : Mail : marius.pistoresi@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>RUBINI Thomas : Mail : thomas.rubini@etu.univ-amu.fr | L'adress et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>EGENSCHEVILLER Frédéric : Mail : frederic.egenscheviller@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>FABRE Lucas : Mail : lucas.fabre@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>PISTORESI Marius : Mail : marius.pistoresi@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>RUBINI Thomas : Mail : thomas.rubini@etu.univ-amu.fr | L'adresse et le numéro de téléphone ne souhaitent pas être communiquées.</li>
|
||||
<li>SIMAILA Djalim : Mail : djalim.simaila@etu.univ-amu.fr | Numéro de téléphone : 0760325021 | L'adresse ne souhaite pas être communiquées.</li>
|
||||
</ul>
|
||||
<h3>Hébergement du site :</h3>
|
||||
|
||||
@ -21,14 +21,22 @@
|
||||
.contactprofile a {
|
||||
display: flex;
|
||||
width: 500px;
|
||||
/*justify-content: space-between;*/
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
|
||||
.contactprofile a p{
|
||||
align-self: center;
|
||||
margin-left: 2rem;
|
||||
/* justify-content: center;*/
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1200px){
|
||||
.profilsimg {
|
||||
width: 40vw;
|
||||
height: auto;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.contactprofile a {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
@ -1,11 +1,36 @@
|
||||
section #form {
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#formulaire {
|
||||
width: fit-content;
|
||||
border: solid purple 2px ;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: space-between;
|
||||
align-items: space-between;
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 2rem;
|
||||
margin-top: 5rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
#feedback #form{
|
||||
padding: 2rem;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@ -113,11 +113,12 @@ figure {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#feedback {
|
||||
#footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
#rightfoot {
|
||||
@ -133,4 +134,55 @@ figure {
|
||||
|
||||
#rightfoot ul li {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#feedback{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#feedback #form {
|
||||
width: fit-content;
|
||||
border: solid purple 2px ;
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-top: 2rem;
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
padding-bottom: 2rem;
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
#feedback #form form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1200px){
|
||||
header{
|
||||
font-size: 3rem;
|
||||
flex-direction: column;
|
||||
}
|
||||
header #buttonSec {
|
||||
order: 3;
|
||||
}
|
||||
main{
|
||||
font-size: 2rem;
|
||||
}
|
||||
.avis {
|
||||
width: 50%;
|
||||
height: auto;
|
||||
}
|
||||
figure {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
}
|
||||
@ -5,7 +5,7 @@ main h2 {
|
||||
font-family: "pacifico" ,Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#succes {
|
||||
#meet {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border : solid purple 2px;
|
||||
@ -29,3 +29,22 @@ main h2 {
|
||||
section #bio {
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
@media screen and (max-width:1200px){
|
||||
#succes{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
#meet {
|
||||
padding-top: 1rem ;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: fit-content;
|
||||
}
|
||||
#sec_img img {
|
||||
width: 80vw;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
@ -6,7 +6,7 @@ main{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#formtot{
|
||||
main #formulaire{
|
||||
background-color: rgba(255, 255, 255, 0.733);
|
||||
border-radius: 1rem;
|
||||
border: solid 2px black;
|
||||
@ -19,7 +19,7 @@ main{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#form{
|
||||
#formulaire{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@ -28,7 +28,7 @@ main{
|
||||
#intro{
|
||||
font-size: 2.1rem;
|
||||
}
|
||||
#form{
|
||||
#formulaire{
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
@ -54,6 +54,10 @@ p{
|
||||
color: black;
|
||||
}
|
||||
|
||||
#comments_head{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#whydmmtitle{
|
||||
padding-right: 2rem;
|
||||
padding-left: 2rem;
|
||||
|
||||
56
success.php
56
success.php
@ -1,8 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<title>It's a don't meet ! | Don't meet me</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="keywords" content="site de rencontre, amour, amoureux, site fictif, rencontre homme, rencontre femme">
|
||||
<meta name="description" content="Sur don't meet me vous trouvrez le grand amour. Grâce à notre algorithme de professionel et notre questionnaire de qualité, nous ne pouvons pas nous tromper. Que ce soit une femme ou un homme, don't meet me est la pour vous trouver la personne idéale. Petite précision, ceci est un site fictif qui a été créé dans le cadre d'un projet informatique.">
|
||||
|
||||
<link rel="stylesheet" type="text/css" class="css" href="styles/today/main.css"/>
|
||||
<link rel="stylesheet" type="text/css" class="css" href="styles/today/success.css"/>
|
||||
@ -36,35 +39,32 @@
|
||||
?>
|
||||
|
||||
<main>
|
||||
<h2>It's a don't meet !</h2>
|
||||
<section id="succes">
|
||||
<section id="sec_img">
|
||||
<!--<img src="img/avis1.jpeg" alt="La tếte de votre vie">-->
|
||||
<?php
|
||||
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
||||
?>
|
||||
</section>
|
||||
<section id="info_bases">
|
||||
<section id="prenom">
|
||||
<h3>PRENOM</h2>
|
||||
<p><?php echo $profile['prenom']; ?></p>
|
||||
</section>
|
||||
<section id="nom">
|
||||
<h3>NOM</h2>
|
||||
<p><?php echo $profile['nom']; ?></p>
|
||||
</section>
|
||||
<section id="age">
|
||||
<h3>AGE</h2>
|
||||
<p><?php echo $profile['age']; ?></p>
|
||||
</section>
|
||||
</section>
|
||||
<section id="bio">
|
||||
<p>
|
||||
<?php
|
||||
echo $profile['bio'];
|
||||
?>
|
||||
</p>
|
||||
</section>
|
||||
<h2>It's a don't meet !</h2>
|
||||
<div id="meet">
|
||||
<div id="sec_img">
|
||||
<?php
|
||||
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
||||
?>
|
||||
</div>
|
||||
<div id="info_bases">
|
||||
<section id="prenom">
|
||||
<h3>PRENOM</h3>
|
||||
<p><?php echo $profile['prenom']; ?></p>
|
||||
</section>
|
||||
<section id="nom">
|
||||
<h3>NOM</h3>
|
||||
<p><?php echo $profile['nom']; ?></p>
|
||||
</section>
|
||||
<section id="age">
|
||||
<h3>AGE</h3>
|
||||
<p><?php echo $profile['age']; ?></p>
|
||||
</section>
|
||||
</div>
|
||||
<div id="bio">
|
||||
<p> <?php echo $profile['bio']; ?> </p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
|
||||
60
test.html
60
test.html
@ -1,60 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<meta charset="utf-8" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<span id="fade_in">Fade In</span> |
|
||||
<span id="fade_out">Fade Out</span></div>
|
||||
<div id="fading_div" style="display:none;height:100px;background:#f00">Fading Box</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
// global varibles
|
||||
var done = true,
|
||||
fading_div = document.getElementById('fading_div'),
|
||||
fade_in_button = document.getElementById('fade_in'),
|
||||
fade_out_button = document.getElementById('fade_out');
|
||||
|
||||
function function_opacity(opacity_value, fade_in_or_fade_out) { // fade_in_or_out - 0 = fade in, 1 = fade out
|
||||
fading_div.style.opacity = opacity_value / 100;
|
||||
fading_div.style.filter = 'alpha(opacity=' + opacity_value + ')';
|
||||
if (fade_in_or_fade_out == 'in' && opacity_value == 1) {
|
||||
fading_div.style.display = 'block';
|
||||
}
|
||||
if (fade_in_or_fade_out == 'in' && opacity_value == 100) {
|
||||
done = true;
|
||||
}
|
||||
if (fade_in_or_fade_out == 'out' && opacity_value == 1) {
|
||||
fading_div.style.display = 'none';
|
||||
done = true;
|
||||
}
|
||||
}
|
||||
|
||||
// fade in button
|
||||
fade_in_button.onclick = function () {
|
||||
if (done && fading_div.style.opacity !== '1') {
|
||||
done = false;
|
||||
for (var i = 1; i <= 100; i++) {
|
||||
setTimeout("function_opacity(" + i + ",'in')", i * 5);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// fade out button
|
||||
fade_out_button.onclick = function () {
|
||||
if (done && fading_div.style.opacity !== '0') {
|
||||
done = false;
|
||||
for (var i = 100; i >= 1; i--) {
|
||||
setTimeout("function_opacity(" + i + ",'out')", (i - 100) * -1 * 5);
|
||||
}
|
||||
}
|
||||
};
|
||||
alert (test);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user