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

36
styles/today/index.css
View File

@ -1,10 +1,40 @@
.imgbouton{
width: 350px;
height: auto;
}
#makeachoicehf{ #makeachoicehf{
display: flex; display: flex;
flex-direction: row; 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; 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;
} }