Compare commits
No commits in common. "546cfb35ca91a6ff1cdaef8bdd19c4f9108c75e2" and "374db08a13a57bf251f7e390a3d2dc4f8a9faf8f" have entirely different histories.
546cfb35ca
...
374db08a13
78
contact.php
78
contact.php
@ -4,8 +4,6 @@
|
|||||||
<title>Contact | Don't meet me</title>
|
<title>Contact | Don't meet me</title>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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/main.css"/>
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/contact.css"/>
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/contact.css"/>
|
||||||
@ -20,45 +18,43 @@
|
|||||||
<body>
|
<body>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
<section>
|
<h1>Notre équipe de spécialistes</h1>
|
||||||
<h1>Notre équipe de spécialistes</h1>
|
<section id="devs">
|
||||||
<div id="devs">
|
<!-- Fred -->
|
||||||
<!-- Fred -->
|
<section class="contactprofile">
|
||||||
<div class="contactprofile">
|
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
||||||
<a href="mailto:frederic.egenscheviller@etu.univ-amu.fr" class="tuile">
|
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
||||||
<img src="img/profils/fred.jpg" alt="fred" class="profilsimg">
|
<p>Frédéric EGENSCHEVILLER</p>
|
||||||
<p>Frédéric EGENSCHEVILLER</p>
|
</a>
|
||||||
</a>
|
</section>
|
||||||
</div>
|
<!-- Marius -->
|
||||||
<!-- Marius -->
|
<section class="contactprofile">
|
||||||
<div class="contactprofile">
|
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
||||||
<a href="mailto:marius.pistoresi@etu.univ-amu.fr" class="tuile">
|
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
||||||
<img src="img/profils/marius.jpg" alt="marius" class="profilsimg">
|
<p>Marius PISTORESI</p>
|
||||||
<p>Marius PISTORESI</p>
|
</a>
|
||||||
</a>
|
</section>
|
||||||
</div>
|
<!-- Lucas -->
|
||||||
<!-- Lucas -->
|
<section class="contactprofile">
|
||||||
<div class="contactprofile">
|
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
||||||
<a href="mailto:lucas.fabre@etu.univ-amu.fr" class="tuile">
|
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
||||||
<img src="img/profils/lucas.jpg" alt="lucas" class="profilsimg">
|
<p>Lucas FABRE</p>
|
||||||
<p>Lucas FABRE</p>
|
</a>
|
||||||
</a>
|
</section>
|
||||||
</div>
|
<!-- Djalim -->
|
||||||
<!-- Djalim -->
|
<section class="contactprofile">
|
||||||
<div class="contactprofile">
|
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
||||||
<a href="mailto:djalim.simaila@etu.univ-amu.fr" class="tuile">
|
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
||||||
<img src="img/profils/djalim.jpg" alt="djalim" class="profilsimg">
|
<p>Djalim SIMAILA</p>
|
||||||
<p>Djalim SIMAILA</p>
|
</a>
|
||||||
</a>
|
</section>
|
||||||
</div>
|
<!-- Thomas -->
|
||||||
<!-- Thomas -->
|
<section class="contactprofile">
|
||||||
<div class="contactprofile">
|
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
||||||
<a href="mailto:thomas.rubini@etu.univ-amu.fr" class="tuile">
|
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
||||||
<img src="img/profils/thomas.jpg" alt="thomas" class="profilsimg">
|
<p>Thomas RUBINI</p>
|
||||||
<p>Thomas RUBINI</p>
|
</a>
|
||||||
</a>
|
</section>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
|
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@ -7,10 +7,10 @@
|
|||||||
<input id="send" type="submit" value="Envoyer">
|
<input id="send" type="submit" value="Envoyer">
|
||||||
</form>
|
</form>
|
||||||
</section>
|
</section>
|
||||||
<div id="rightfoot">
|
<section id="rightfoot">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="mentions.php">Mentions légales</a></li>
|
<li><a href="mentions.php">Mentions légales</a></li>
|
||||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</section>
|
||||||
</footer>
|
</footer>
|
||||||
167
for.php
167
for.php
@ -10,8 +10,6 @@
|
|||||||
?> | Don't meet me</title>
|
?> | Don't meet me</title>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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/main.css"/>
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/for.css"/>
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/for.css"/>
|
||||||
@ -26,82 +24,97 @@
|
|||||||
<body>
|
<body>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
<section id="formulaire">
|
<section id="formtot">
|
||||||
<h2>
|
<section id="intro">
|
||||||
<?php
|
<h2>
|
||||||
// choix du genre de la personne que l'on cherche (femme par defaut )
|
<?php
|
||||||
if($_GET["gender"]=="man"){
|
// choix du genre de la personne que l'on cherche (femme par defaut )
|
||||||
echo "Tu cherches l'homme de ta vie ?";
|
if($_GET["gender"]=="man"){
|
||||||
}else {
|
echo "Tu cherches l'homme de ta vie ?";
|
||||||
echo 'Tu cherches la femme de ta vie ?';
|
}else {
|
||||||
}
|
echo 'Tu cherches la femme de ta vie ?';
|
||||||
?>
|
}
|
||||||
</h2>
|
?>
|
||||||
<p>Tu es au bon endroit !</p>
|
</h2>
|
||||||
<form action="./success.php?gender=<?php echo $_GET['gender']; ?>" method="POST">
|
<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 -->
|
<!-- peux tu lecher ton coude -->
|
||||||
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
<label for="lechercoude">Sais-tu te lécher le coude ?</label>
|
||||||
<select name="lechercoude" id="lechercoude">
|
<select name="lechercoude" id="lechercoude">
|
||||||
<option value="Cette personne est un alien">Oui</option>
|
<option value="Cette personne est un alien">Oui</option>
|
||||||
<option value="personne normale">Non</option>
|
<option value="personne normale">Non</option>
|
||||||
</select>
|
</select>
|
||||||
<br>
|
<!------------------------------>
|
||||||
<!-- 100 metres nage libre -->
|
<br>
|
||||||
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
<!-- 100 metres nage libre -->
|
||||||
<input type="number" name="100m" id="100m">
|
<label for="100m">Combien de temps fais-tu au 100m nage libre ? (minutes)</label>
|
||||||
<br>
|
<input type="number" name="100m" id="100m">
|
||||||
<!-- solde de la carte banquaire -->
|
<!------------------------------>
|
||||||
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
<br>
|
||||||
<input type="number" name="solde" id="solde" step="100">
|
<!-- solde de la carte banquaire -->
|
||||||
<br>
|
<label for="solde">Quel est le solde actuel de votre compte bancaire?</label>
|
||||||
<!-- rib -->
|
<input type="number" name="solde" id="solde" step="100">
|
||||||
<label for="rib">Saisissez votre RIB</label>
|
<!------------------------------>
|
||||||
<input type="text" name="rib" id="rib">
|
<br>
|
||||||
<br>
|
<!-- rib -->
|
||||||
<!-- systeme s'exploitation -->
|
<label for="rib">Saisissez votre RIB</label>
|
||||||
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
<input type="text" name="rib" id="rib">
|
||||||
<select name="os" id="os">
|
<!------------------------------>
|
||||||
<option value="linux master race, une personne de culture">Linux</option>
|
<br>
|
||||||
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
<!-- systeme s'exploitation -->
|
||||||
</select>
|
<label for="os">Quel est le meilleur système d'exploitation?</label>
|
||||||
<br>
|
<select name="os" id="os">
|
||||||
<!-- les feux de l'amour ou helene et les garcons -->
|
<option value="linux master race, une personne de culture">Linux</option>
|
||||||
Quelle est la meilleure serie?
|
<option value="encore un kikou windows ou macos, ou pire, un utilisateur de bsd">autre</option>
|
||||||
<input type="radio" id="fdla" name="serie" value="feux">
|
</select>
|
||||||
<label for="fdla">Feux de l'amour</label>
|
<!------------------------------>
|
||||||
<input type="radio" id="helene" name="serie" value="helene">
|
<br>
|
||||||
<label for="helene">Helene et les garcons</label>
|
<!-- les feux de l'amour ou helene et les garcons -->
|
||||||
<br>
|
Quelle est la meilleure serie?
|
||||||
<!-- Pilote de chasse -->
|
<input type="radio" id="fdla" name="serie" value="feux">
|
||||||
<br>
|
<label for="fdlr">Feux de l'amour</label>
|
||||||
<!-- Terre plate ou ronde -->
|
<input type="radio" id="helene" name="serie" value="helene">
|
||||||
<label for="terre">Quel est la forme de la terre ?</label>
|
<label for="helene">Helene et les garcons</label>
|
||||||
<select name="terre" id="terre">
|
<!------------------------------>
|
||||||
<option value="normale quoi">spherique</option>
|
<br>
|
||||||
<option value="retour a la case cp">plate</option>
|
<!-- Pilote de chasse -->
|
||||||
<option value=" (: oui ">oui</option>
|
<!------------------------------>
|
||||||
<option value="minecraft">cubique</option>
|
<br>
|
||||||
<option value="haha! quoi?">scutoid</option>
|
<!-- Terre plate ou ronde -->
|
||||||
</select>
|
<label for="terre">Quel est la forme de la terre ?</label>
|
||||||
<br>
|
<select name="terre" id="terre">
|
||||||
<!-- Pain au chocolat -->
|
<option value="normale quoi">spherique</option>
|
||||||
<label>Pain au chocolat ou chocolatine ?</label>
|
<option value="retour a la case cp">plate</option>
|
||||||
<input type="radio" id="pain_au_chocolat" name="viennoiserie" value="la verite" required>
|
<option value=" (: oui ">oui</option>
|
||||||
<label for="pain_au_chocolat">pain au chocolat</label>
|
<option value="minecraft">cubique</option>
|
||||||
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
<option value="haha! quoi?">scutoid</option>
|
||||||
<label for="chocolatine">chocolatine</label>
|
</select>
|
||||||
<br>
|
<!------------------------------>
|
||||||
<!-- est ce toute les route menent au Rhum -->
|
<br>
|
||||||
<label for="route">Est ce que toute les routes menent au Rhum ?</label>
|
<!-- Pain au chocolat -->
|
||||||
<input type="text" name="route" id="route">
|
<label for="pain">Pain au chocolat ou chocolatine ?</label>
|
||||||
<br>
|
<input type="radio" id="pain au chocolat" name="viennoiserie" value="la verite" required>
|
||||||
<!-- Quel est le nom du bateau dans le film Titanic -->
|
<label for="pain au chocolat">pain au chocolat</label>
|
||||||
<label for="titanic">Quel est le nom du bateau dans le film Titanic ?</label>
|
<input type="radio" id="chocolatine" name="viennoiserie" value="un mensonge">
|
||||||
<input type="text" name="titanic" id="titanic">
|
<label for="chocolatine">chocolatine</label>
|
||||||
<br>
|
<br>
|
||||||
<input type="submit" value="Trouves mon don't meet!">
|
<!------------------------------>
|
||||||
</form>
|
<!-- 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>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
43
header.php
43
header.php
@ -5,25 +5,28 @@
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<div id="buttonSec">
|
<section id="buttonSec">
|
||||||
<button type="button" onclick="switchTheme()">2000/today</button>
|
<button type="button" onclick="switchTheme()">Click Me!</button>
|
||||||
</div>
|
</section>
|
||||||
<div id="title">
|
<section id="title">
|
||||||
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
<img src="img/logo.png" alt="Logo don't meet me" id="logo">
|
||||||
</div>
|
</section>
|
||||||
<nav>
|
<section>
|
||||||
<a href="#" class="burger_button" onclick="menu()">
|
<nav>
|
||||||
<span class="bar"></span>
|
<a href="#" class="burger_button" onclick="menu()">
|
||||||
<span class="bar"></span>
|
<span class="bar"></span>
|
||||||
<span class="bar"></span>
|
<span class="bar"></span>
|
||||||
</a>
|
<span class="bar"></span>
|
||||||
<div class="navbar_links hide">
|
</a>
|
||||||
<ul>
|
<div class="navbar_links hide">
|
||||||
<li><a href="index.php">Accueil</a></li>
|
<ul>
|
||||||
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
|
<li><a href="index.php">Accueil</a></li>
|
||||||
<li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
|
<li><a href="for.php?gender=man">Trouve un homme !</a></li>
|
||||||
<li><a href="contact.php">Qui sommes nous</a></li>
|
<li><a href="for.php?gender=woman">Trouve une femme ! </a></li>
|
||||||
</ul>
|
<li><a href="contact.php">Qui sommes nous</a></li>
|
||||||
</div>
|
</li>
|
||||||
</nav>
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
</header>
|
</header>
|
||||||
BIN
img/man/0.jpeg
BIN
img/man/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 481 KiB |
BIN
img/man/1.jpeg
BIN
img/man/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 413 KiB |
BIN
img/man/10.jpeg
BIN
img/man/10.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 477 KiB |
BIN
img/man/11.jpeg
BIN
img/man/11.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 562 KiB |
BIN
img/man/2.jpeg
BIN
img/man/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 410 KiB |
BIN
img/man/3.jpeg
BIN
img/man/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 407 KiB |
BIN
img/man/4.jpeg
BIN
img/man/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB After Width: | Height: | Size: 451 KiB |
BIN
img/man/5.jpeg
BIN
img/man/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 461 KiB |
BIN
img/man/6.jpeg
BIN
img/man/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 408 KiB |
BIN
img/man/7.jpeg
BIN
img/man/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB After Width: | Height: | Size: 464 KiB |
BIN
img/man/8.jpeg
BIN
img/man/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 402 KiB |
BIN
img/man/9.jpeg
BIN
img/man/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 458 KiB |
BIN
img/woman/0.jpeg
BIN
img/woman/0.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 514 KiB |
BIN
img/woman/1.jpeg
BIN
img/woman/1.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 515 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB After Width: | Height: | Size: 535 KiB |
BIN
img/woman/2.jpeg
BIN
img/woman/2.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 522 KiB |
BIN
img/woman/3.jpeg
BIN
img/woman/3.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 538 KiB |
BIN
img/woman/4.jpeg
BIN
img/woman/4.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 525 KiB |
BIN
img/woman/5.jpeg
BIN
img/woman/5.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 504 KiB |
BIN
img/woman/6.jpeg
BIN
img/woman/6.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 451 KiB |
BIN
img/woman/7.jpeg
BIN
img/woman/7.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 398 KiB |
BIN
img/woman/8.jpeg
BIN
img/woman/8.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 588 KiB |
BIN
img/woman/9.jpeg
BIN
img/woman/9.jpeg
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 388 KiB |
40
index.php
40
index.php
@ -4,8 +4,6 @@
|
|||||||
<title>Accueil | Don't meet me</title>
|
<title>Accueil | Don't meet me</title>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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/main.css"/>
|
||||||
<link rel="stylesheet" class="css" type="text/css" href="styles/today/index.css"/>
|
<link rel="stylesheet" class="css" type="text/css" href="styles/today/index.css"/>
|
||||||
@ -21,11 +19,9 @@
|
|||||||
<div id="fade"></div>
|
<div id="fade"></div>
|
||||||
<?php include("header.php") ?>
|
<?php include("header.php") ?>
|
||||||
<main>
|
<main>
|
||||||
|
<h1>Rencontrez une personne qui vous correspond !</h1>
|
||||||
<section>
|
<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>
|
||||||
<h1>Rencontrez une personne qui vous correspond !</h1>
|
<section id="makeachoicehf">
|
||||||
<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">
|
<a href="for.php?gender=woman" class="tuile">
|
||||||
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
|
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
|
||||||
<p>Trouver une femme</p>
|
<p>Trouver une femme</p>
|
||||||
@ -34,7 +30,6 @@
|
|||||||
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
<img src="img/man.jpg" alt="image homme" class="imgbouton">
|
||||||
<p>Trouver un homme</p>
|
<p>Trouver un homme</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
<section id="whydmm">
|
<section id="whydmm">
|
||||||
<h2 id="whydmmtitle">Pourquoi Don't meet me ?</h2>
|
<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>
|
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>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section id="comments">
|
||||||
<h2 id="comments_head"> Commentaires </h2>
|
<figure>
|
||||||
<div id="comments">
|
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
||||||
<figure>
|
<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>
|
||||||
<img class="avis" src="img/avis1.jpeg" alt="image femme avis 1">
|
</figure>
|
||||||
<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">
|
||||||
<figure>
|
<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>
|
||||||
<img class="avis" src="img/avis2.jpg" alt="image femme avis 2">
|
</figure>
|
||||||
<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">
|
||||||
<figure>
|
<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>
|
||||||
<img class="avis" src="img/avis3.jpeg" alt="image homme avis 3">
|
</figure>
|
||||||
<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>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
15
mentions.php
15
mentions.php
@ -4,9 +4,6 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
|
||||||
@ -16,15 +13,15 @@
|
|||||||
<body>
|
<body>
|
||||||
<h1>Mentions Légales</h1>
|
<h1>Mentions Légales</h1>
|
||||||
<h2>Préambule</h2>
|
<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>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>
|
<h2>Propriétées intellectuelles :</h2>
|
||||||
<ul>
|
<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>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'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'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'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'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'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'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>
|
<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>
|
</ul>
|
||||||
<h3>Hébergement du site :</h3>
|
<h3>Hébergement du site :</h3>
|
||||||
|
|||||||
@ -21,22 +21,14 @@
|
|||||||
.contactprofile a {
|
.contactprofile a {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
|
/*justify-content: space-between;*/
|
||||||
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.contactprofile a p{
|
.contactprofile a p{
|
||||||
align-self: center;
|
align-self: center;
|
||||||
margin-left: 2rem;
|
margin-left: 2rem;
|
||||||
text-decoration: none;
|
/* justify-content: center;*/
|
||||||
}
|
|
||||||
@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,36 +1,11 @@
|
|||||||
main {
|
section #form {
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#formulaire {
|
|
||||||
width: fit-content;
|
|
||||||
border: solid purple 2px ;
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: space-between;
|
align-content: space-between;
|
||||||
padding-left: 15%;
|
padding-left: 15%;
|
||||||
padding-right: 15%;
|
padding-right: 15%;
|
||||||
padding-bottom: 2rem;
|
|
||||||
margin-top: 5rem;
|
|
||||||
margin-bottom: 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;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer {
|
#feedback {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding-bottom: 2rem;
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#rightfoot {
|
#rightfoot {
|
||||||
@ -135,54 +134,3 @@ figure {
|
|||||||
#rightfoot ul li {
|
#rightfoot ul li {
|
||||||
margin: 5px;
|
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;
|
font-family: "pacifico" ,Arial, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
#meet {
|
#succes {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
border : solid purple 2px;
|
border : solid purple 2px;
|
||||||
@ -29,22 +29,3 @@ main h2 {
|
|||||||
section #bio {
|
section #bio {
|
||||||
align-self: center;
|
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;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
main #formulaire{
|
#formtot{
|
||||||
background-color: rgba(255, 255, 255, 0.733);
|
background-color: rgba(255, 255, 255, 0.733);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
border: solid 2px black;
|
border: solid 2px black;
|
||||||
@ -19,7 +19,7 @@ main #formulaire{
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
#formulaire{
|
#form{
|
||||||
padding-top: 1rem;
|
padding-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -28,7 +28,7 @@ main #formulaire{
|
|||||||
#intro{
|
#intro{
|
||||||
font-size: 2.1rem;
|
font-size: 2.1rem;
|
||||||
}
|
}
|
||||||
#formulaire{
|
#form{
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -54,10 +54,6 @@ p{
|
|||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
#comments_head{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#whydmmtitle{
|
#whydmmtitle{
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
padding-left: 2rem;
|
padding-left: 2rem;
|
||||||
|
|||||||
56
success.php
56
success.php
@ -1,11 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="fr">
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<title>It's a don't meet ! | Don't meet me</title>
|
<title>It's a don't meet ! | Don't meet me</title>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<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/main.css"/>
|
||||||
<link rel="stylesheet" type="text/css" class="css" href="styles/today/success.css"/>
|
<link rel="stylesheet" type="text/css" class="css" href="styles/today/success.css"/>
|
||||||
@ -39,32 +36,35 @@
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
<h2>It's a don't meet !</h2>
|
||||||
<section id="succes">
|
<section id="succes">
|
||||||
<h2>It's a don't meet !</h2>
|
<section id="sec_img">
|
||||||
<div id="meet">
|
<!--<img src="img/avis1.jpeg" alt="La tếte de votre vie">-->
|
||||||
<div id="sec_img">
|
<?php
|
||||||
<?php
|
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
||||||
echo '<img src="'.$image.'" alt="La tếte de votre vie">';
|
?>
|
||||||
?>
|
</section>
|
||||||
</div>
|
<section id="info_bases">
|
||||||
<div id="info_bases">
|
<section id="prenom">
|
||||||
<section id="prenom">
|
<h3>PRENOM</h2>
|
||||||
<h3>PRENOM</h3>
|
<p><?php echo $profile['prenom']; ?></p>
|
||||||
<p><?php echo $profile['prenom']; ?></p>
|
</section>
|
||||||
</section>
|
<section id="nom">
|
||||||
<section id="nom">
|
<h3>NOM</h2>
|
||||||
<h3>NOM</h3>
|
<p><?php echo $profile['nom']; ?></p>
|
||||||
<p><?php echo $profile['nom']; ?></p>
|
</section>
|
||||||
</section>
|
<section id="age">
|
||||||
<section id="age">
|
<h3>AGE</h2>
|
||||||
<h3>AGE</h3>
|
<p><?php echo $profile['age']; ?></p>
|
||||||
<p><?php echo $profile['age']; ?></p>
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
<section id="bio">
|
||||||
<div id="bio">
|
<p>
|
||||||
<p> <?php echo $profile['bio']; ?> </p>
|
<?php
|
||||||
</div>
|
echo $profile['bio'];
|
||||||
</div>
|
?>
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<?php include("footer.php") ?>
|
<?php include("footer.php") ?>
|
||||||
|
|||||||
60
test.html
Normal file
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>
|
||||||
Loading…
Reference in New Issue
Block a user