Merge branch 'main' of https://github.com/Thomas776/dontmeetme
This commit is contained in:
commit
1e34ed5b3a
33
contact.php
33
contact.php
@ -17,5 +17,38 @@
|
||||
</head>
|
||||
<body>
|
||||
<?php include("header.php") ?>
|
||||
<main>
|
||||
<h1> Notre equipe de specialites </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>
|
||||
<!-- Marius -->
|
||||
<a href="mailto:marius@dontmeetme.hopto.org" class="tuile">
|
||||
<img src="img/marius.jpeg" alt="marius" class="">
|
||||
<p>Marius PISTORESI</p>
|
||||
</a>
|
||||
<!-- Lucas -->
|
||||
<a href="mailto:lucas@dontmeetme.hopto.org" class="tuile">
|
||||
<img src="img/lucas.jpeg" alt="lucas" class="">
|
||||
<p>Lucas FABRE</p>
|
||||
</a>
|
||||
<!-- Djalim -->
|
||||
<a href="mailto:djalim@dontmeetme.hopto.org" class="tuile">
|
||||
<img src="img/djalim.jpeg" alt="djalim" class="">
|
||||
<p>Djalim SIMAILA</p>
|
||||
</a>
|
||||
<!-- 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>
|
||||
</main>
|
||||
<?php include("footer.php") ?>
|
||||
</body>
|
||||
@ -2,7 +2,8 @@
|
||||
<section id="feedback">
|
||||
<h2>Donnez nous votre avis !</h2>
|
||||
<form id="form" action="mailto:staff@dontmeetme.hopto.org" method="get" enctype="text/plain">
|
||||
<textarea name="feedback" id="txtfeedback" cols="70" rows="2" placeholder="Donnez votre avis sur le site"></textarea>
|
||||
<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">
|
||||
</form>
|
||||
</section>
|
||||
|
||||
@ -0,0 +1,72 @@
|
||||
body {
|
||||
background-color: #F8BCFF;
|
||||
background-repeat: repeat;
|
||||
background-position: center;
|
||||
width: 50vw;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
header{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
justify-content: space-between;
|
||||
|
||||
border: solid purple 2px;
|
||||
}
|
||||
|
||||
nav{
|
||||
padding-bottom: .3rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
nav ul li{
|
||||
text-align: center;
|
||||
background-color: salmon;
|
||||
margin: 5px;
|
||||
}
|
||||
nav ul li:hover{
|
||||
background-color: #F59BFF;
|
||||
}
|
||||
nav ul li a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1,h2,p,#intropage {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#makeachoicehf{
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
#makeachoicehf a{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border: solid purple 5px ;
|
||||
margin: 15px;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#makeachoicehf a:hover{
|
||||
background-color: #fcdcff;
|
||||
}
|
||||
|
||||
|
||||
#makeachoicehf a p{
|
||||
text-decoration: none;
|
||||
font-size: 2rem;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
.imgbouton{
|
||||
width: 200px;
|
||||
height: auto;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user