gros changements contact
This commit is contained in:
parent
097f8b3c6c
commit
0287049914
58
contact.php
58
contact.php
@ -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>
|
||||
@ -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
BIN
img/profils/djalim.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
img/profils/fred.jpg
Normal file
BIN
img/profils/fred.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
img/profils/lucas.jpg
Normal file
BIN
img/profils/lucas.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 145 KiB |
BIN
img/profils/marius.jpg
Normal file
BIN
img/profils/marius.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
img/profils/thomas.jpg
Normal file
BIN
img/profils/thomas.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
20
mentions.php
20
mentions.php
@ -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
40
styles/today/contact.css
Normal 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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user