Compare commits
No commits in common. "546cfb35ca91a6ff1cdaef8bdd19c4f9108c75e2" and "374db08a13a57bf251f7e390a3d2dc4f8a9faf8f" have entirely different histories.
546cfb35ca
...
374db08a13
26
contact.php
@ -4,8 +4,6 @@
|
||||
<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"/>
|
||||
@ -20,45 +18,43 @@
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<section>
|
||||
<h1>Notre équipe de spécialistes</h1>
|
||||
<div id="devs">
|
||||
<section id="devs">
|
||||
<!-- Fred -->
|
||||
<div class="contactprofile">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Marius -->
|
||||
<div class="contactprofile">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Lucas -->
|
||||
<div class="contactprofile">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Djalim -->
|
||||
<div class="contactprofile">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Thomas -->
|
||||
<div class="contactprofile">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</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>
|
||||
<div id="rightfoot">
|
||||
<section id="rightfoot">
|
||||
<ul>
|
||||
<li><a href="mentions.php">Mentions légales</a></li>
|
||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</footer>
|
||||
29
for.php
@ -10,8 +10,6 @@
|
||||
?> | 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"/>
|
||||
@ -26,7 +24,8 @@
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<section id="formulaire">
|
||||
<section id="formtot">
|
||||
<section id="intro">
|
||||
<h2>
|
||||
<?php
|
||||
// choix du genre de la personne que l'on cherche (femme par defaut )
|
||||
@ -38,7 +37,9 @@
|
||||
?>
|
||||
</h2>
|
||||
<p>Tu es au bon endroit !</p>
|
||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" method="POST">
|
||||
</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>
|
||||
@ -46,18 +47,22 @@
|
||||
<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>
|
||||
@ -65,15 +70,18 @@
|
||||
<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>
|
||||
<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>
|
||||
@ -84,25 +92,30 @@
|
||||
<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>
|
||||
<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>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
</body>
|
||||
|
||||
13
header.php
@ -5,12 +5,13 @@
|
||||
?>
|
||||
|
||||
<header>
|
||||
<div id="buttonSec">
|
||||
<button type="button" onclick="switchTheme()">2000/today</button>
|
||||
</div>
|
||||
<div id="title">
|
||||
<section id="buttonSec">
|
||||
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||
</section>
|
||||
<section id="title">
|
||||
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<nav>
|
||||
<a href="#" class="burger_button" onclick="menu()">
|
||||
<span class="bar"></span>
|
||||
@ -23,7 +24,9 @@
|
||||
<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>
|
||||
</header>
|
||||
BIN
img/man/0.jpeg
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 481 KiB |
BIN
img/man/1.jpeg
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 413 KiB |
BIN
img/man/10.jpeg
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 477 KiB |
BIN
img/man/11.jpeg
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 562 KiB |
BIN
img/man/2.jpeg
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 410 KiB |
BIN
img/man/3.jpeg
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 407 KiB |
BIN
img/man/4.jpeg
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 451 KiB |
BIN
img/man/5.jpeg
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 461 KiB |
BIN
img/man/6.jpeg
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 408 KiB |
BIN
img/man/7.jpeg
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 464 KiB |
BIN
img/man/8.jpeg
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 402 KiB |
BIN
img/man/9.jpeg
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 458 KiB |
BIN
img/woman/0.jpeg
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 514 KiB |
BIN
img/woman/1.jpeg
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 515 KiB |
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 535 KiB |
BIN
img/woman/2.jpeg
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 522 KiB |
BIN
img/woman/3.jpeg
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 538 KiB |
BIN
img/woman/4.jpeg
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 525 KiB |
BIN
img/woman/5.jpeg
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 504 KiB |
BIN
img/woman/6.jpeg
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 451 KiB |
BIN
img/woman/7.jpeg
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 398 KiB |
BIN
img/woman/8.jpeg
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 588 KiB |
BIN
img/woman/9.jpeg
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 388 KiB |
14
index.php
@ -4,8 +4,6 @@
|
||||
<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"/>
|
||||
@ -21,11 +19,9 @@
|
||||
<div id="fade"></div>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
|
||||
<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">
|
||||
<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>
|
||||
@ -34,7 +30,6 @@
|
||||
<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>
|
||||
@ -46,22 +41,19 @@
|
||||
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>
|
||||
<h2 id="comments_head"> Commentaires </h2>
|
||||
<div id="comments">
|
||||
<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>
|
||||
<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
@ -4,9 +4,6 @@
|
||||
<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">
|
||||
@ -16,15 +13,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 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>
|
||||
<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>
|
||||
<h2>Propriétées intellectuelles :</h2>
|
||||
<ul>
|
||||
<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>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>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,22 +21,14 @@
|
||||
.contactprofile a {
|
||||
display: flex;
|
||||
width: 500px;
|
||||
/*justify-content: space-between;*/
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
|
||||
.contactprofile a p{
|
||||
align-self: center;
|
||||
margin-left: 2rem;
|
||||
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;
|
||||
}
|
||||
/* justify-content: center;*/
|
||||
}
|
||||
|
||||
|
||||
@ -1,36 +1,11 @@
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#formulaire {
|
||||
width: fit-content;
|
||||
border: solid purple 2px ;
|
||||
section #form {
|
||||
border-radius: 15px;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: space-between;
|
||||
align-content: 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,12 +113,11 @@ figure {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#footer {
|
||||
#feedback {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 2rem;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#rightfoot {
|
||||
@ -135,54 +134,3 @@ 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;
|
||||
}
|
||||
|
||||
#meet {
|
||||
#succes {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border : solid purple 2px;
|
||||
@ -29,22 +29,3 @@ 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;
|
||||
}
|
||||
|
||||
main #formulaire{
|
||||
#formtot{
|
||||
background-color: rgba(255, 255, 255, 0.733);
|
||||
border-radius: 1rem;
|
||||
border: solid 2px black;
|
||||
@ -19,7 +19,7 @@ main #formulaire{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#formulaire{
|
||||
#form{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
@ -28,7 +28,7 @@ main #formulaire{
|
||||
#intro{
|
||||
font-size: 2.1rem;
|
||||
}
|
||||
#formulaire{
|
||||
#form{
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
@ -54,10 +54,6 @@ p{
|
||||
color: black;
|
||||
}
|
||||
|
||||
#comments_head{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#whydmmtitle{
|
||||
padding-right: 2rem;
|
||||
padding-left: 2rem;
|
||||
|
||||
32
success.php
@ -1,11 +1,8 @@
|
||||
<!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"/>
|
||||
@ -39,32 +36,35 @@
|
||||
?>
|
||||
|
||||
<main>
|
||||
<section id="succes">
|
||||
<h2>It's a don't meet !</h2>
|
||||
<div id="meet">
|
||||
<div id="sec_img">
|
||||
<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">';
|
||||
?>
|
||||
</div>
|
||||
<div id="info_bases">
|
||||
</section>
|
||||
<section id="info_bases">
|
||||
<section id="prenom">
|
||||
<h3>PRENOM</h3>
|
||||
<h3>PRENOM</h2>
|
||||
<p><?php echo $profile['prenom']; ?></p>
|
||||
</section>
|
||||
<section id="nom">
|
||||
<h3>NOM</h3>
|
||||
<h3>NOM</h2>
|
||||
<p><?php echo $profile['nom']; ?></p>
|
||||
</section>
|
||||
<section id="age">
|
||||
<h3>AGE</h3>
|
||||
<h3>AGE</h2>
|
||||
<p><?php echo $profile['age']; ?></p>
|
||||
</section>
|
||||
</div>
|
||||
<div id="bio">
|
||||
<p> <?php echo $profile['bio']; ?> </p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="bio">
|
||||
<p>
|
||||
<?php
|
||||
echo $profile['bio'];
|
||||
?>
|
||||
</p>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
|
||||
60
test.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!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>
|
||||