gros changements contact

This commit is contained in:
Frédéric Egenscheviller 2021-11-20 15:14:05 +01:00
parent 097f8b3c6c
commit 0287049914
9 changed files with 94 additions and 26 deletions

View File

@ -6,7 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" class="css" type="text/css" href="styles/today/main.css"/>
<link rel="stylesheet" class="css" type="text/css" href="styles/today/index.css"/>
<link rel="stylesheet" class="css" type="text/css" href="styles/today/contact.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
@ -18,37 +18,45 @@
<body>
<?php include("header.php") ?>
<main>
<h1> Notre equipe de specialites </h1>
<h1>Notre équipe de spécialistes</h1>
<section id="devs">
<!-- Fred -->
<a href="mailto:fred@dontmeetme.hopto.org" class="tuile">
<img src="img/fred.jpeg" alt="fred" class="">
<p>Frédéric EGENSCHEVILLER</p>
</a>
<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 -->
<a href="mailto:marius@dontmeetme.hopto.org" class="tuile">
<img src="img/marius.jpeg" alt="marius" class="">
<p>Marius PISTORESI</p>
</a>
<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 -->
<a href="mailto:lucas@dontmeetme.hopto.org" class="tuile">
<img src="img/lucas.jpeg" alt="lucas" class="">
<p>Lucas FABRE</p>
</a>
<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 -->
<a href="mailto:djalim@dontmeetme.hopto.org" class="tuile">
<img src="img/djalim.jpeg" alt="djalim" class="">
<p>Djalim SIMAILA</p>
</a>
<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 -->
<a href="mailto:thomas@dontmeetme.hopto.org" class="tuile">
<img src="img/thomas.jpeg" alt="thomas" class="">
<p>Thomas RUBINI</p>
</a>
<p>
N'hesitez pas a faire par de votre avis !
</p>
<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>
<h2 id="review">N'hesitez pas a nous faire part de votre avis !</h2>
</main>
<?php include("footer.php") ?>
</body>

View File

@ -1,7 +1,7 @@
<footer>
<section id="feedback">
<h2>Donnez nous votre avis !</h2>
<form id="form" action="mailto:staff@dontmeetme.hopto.org" method="get" enctype="text/plain">
<form id="form" action="mailto:dontmeetme13100@gmail.com" method="get" enctype="text/plain">
<textarea name="body" id="txtfeedback" cols="70" rows="2" placeholder="Donnez votre avis sur le site"></textarea>
<input name="subject" type="hidden" value="Avis sur le site" />
<input id="send" type="submit" value="Envoyer">

BIN
img/profils/djalim.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 220 KiB

BIN
img/profils/fred.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

BIN
img/profils/lucas.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

BIN
img/profils/marius.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

BIN
img/profils/thomas.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<title>Mentions légales | Don't meet me</title>
</head>
<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>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 é
</body>
</html>

40
styles/today/contact.css Normal file
View File

@ -0,0 +1,40 @@
h1{
text-align: center;
}
#devs{
display: flex;
align-items: center;
justify-content: center;
gap: 2rem;
}
.contactprofile a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.profilsimg{
padding-left: auto;
padding-right: auto;
height : 10rem;
width: auto;
border-radius: 1rem;
border: solid 2px black;
}
#review{
margin-top: 2rem;
text-align: center;
font-size: 2rem;
background-color: rgba(228, 228, 228, 0.767);
border: double 2px rgb(252, 128, 235);
}
@media screen and (max-width:1000px){
#devs{
flex-direction: column;
}
}