DjalimSimaila/dontmeetme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modifs index

Browse Source
This commit is contained in:
Frédéric Egenscheviller 2021-10-31 13:26:41 +01:00
parent 84445b5ada
commit c1a88d91e5
2 changed files with 41 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.php
View File

@ -20,14 +20,14 @@
<?php include("header.php") ?>
<main>
<section id="makeachoicehf">
<section id="secman">
<img id="homme" src="img/man.jpg" alt="imgage homme">
<article id="txthomme">Chercher un homme</article>
</section>
<section id="secwoman">
<img id="femme" src="img/woman.jpeg" alt="image femme">
<article id="txtfemme">Chercher une femme</article>
</section>
<a href="for.php?gender=woman" class="tuile">
<img src="img/woman.jpeg" alt="image femme" class="imgbouton">
<p>Trouver une femme</p>
</a>
<a href="for.php?gender=man" class="tuile">
<img src="img/man.jpg" alt="image homme" class="imgbouton">
<p>Trouver un homme</p>
</a>
</section>
<section id="comments">
<section id="comment1">

36
styles/today/index.css
View File

@ -1,10 +1,40 @@
.imgbouton{
width: 350px;
height: auto;
}
#makeachoicehf{
display: flex;
flex-direction: row;
justify-content: space-around;
justify-content: center;
margin: auto;
width: auto;
padding-bottom: 30px ;
gap: 1rem;
}
img{
width: 200px;
.tuile {
border-radius: 10px;
margin: 7px;
height: auto;
width: 350px;
border: solid black 4px;
background: rgb(255, 131, 131);
transition : 0.3s ease-in-out;
display:flex;
flex-direction: column;
justify-content:center;
text-decoration: none;
text-align: center;
align-items: center;
}
.tuile:hover{
background-color: rgb(255, 255, 255);
box-shadow: black ;
}
p{
color: black;
}