début modification css tab.php

tab.php

@@ -11,6 +11,7 @@ if (isset($_SESSION["authent"]) && $_SESSION['authent'] == 0){
     </div>
 </header>
 
+
 <?php 
 define('_EMAIL_REGEX_','/^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]{2,}\.[a-zA-Z]{2,4}$/');
 define('_8_CHARS_REGEX_', '/^.{8,}$/');
@@ -129,7 +130,9 @@ $infos = mysqli_query($link, 'SELECT * FROM users WHERE mail="'.$_SESSION["pseud
 ?>
 <section class="one">
 	<div class="container">
-    <h4>Mes Infos</h4>
+        <div class="inscription text-center shadow-lg">
+            <h2 class="titleInscription">Mes Infos</h2>
+        </div>
     <div class="divider"></div>
     <?php while ($row = mysqli_fetch_assoc($infos)) {
 
@@ -145,14 +148,14 @@ $infos = mysqli_query($link, 'SELECT * FROM users WHERE mail="'.$_SESSION["pseud
     <b>Prénom :</b> <?php echo $prenom;?><br/>
     <b>Nom :</b> <?php echo $nom;?><br/>
     <b>Date de naissance :</b>  <?php echo $bday;?><br/>
-    <b>Mail :</b> <?php echo $mail;?>  <a onclick=showmail()><i class="far fa-edit"></i></a><br/>
+    <b>Mail :</b> <?php echo $mail;?>  <a onclick=showmail()><i class="far fa-edit" style="cursor:pointer"></i></a><br/>
     <div id="mail" style="display: none;">
         <form action="tab.php" method="post" class="form">
             <input type="text" name="email" value=<?php echo $mail; ?> maxlength="30" required>
             <input type="submit" value="Modifier" name="mail">
         </form>
     </div>
-    <a onclick=showmdp()><b>Modifier mon mot de passe</b>  <i class="far fa-edit"></i></a>
+    <a onclick=showmdp()><b>Modifier mon mot de passe</b>  <i class="far fa-edit" style="cursor:pointer"></i></a>
     <div id="mdp" style="display: none;">
         <form action="tab.php" method="post" class="form">
             <input type="password" name="mdp" placeholder="Mot de passe" required>
@@ -162,6 +165,43 @@ $infos = mysqli_query($link, 'SELECT * FROM users WHERE mail="'.$_SESSION["pseud
     </div>
     </div>
 </section>
+
+
+        <div class="inscription text-center shadow-lg">
+            <h2 class="titleInscription">Choisis tes critères ! <i class="fas fa-smile"></i></h2>
+            <form action="result_searchAd.php" method="get" class="p20" role="form">
+            <div class="row">
+                <div class="col-sm-6">
+                Sexe : <input type="radio" name="sexe" value="M"/> Homme <input type="radio" name="sexe" value="F"/> Femme <br/><br/>
+                Réseau(x) : <br/>
+                <div class="custom-control custom-checkbox">
+                    <input type="checkbox" class="custom-control-input" id="instagram" name="instagram"/>
+                    <label class="custom-control-label" for="instagram" name="reseau" value="instagram">Instagram <i class="fab fa-instagram"></i></label>
+                </div>
+                <div class="custom-control custom-checkbox">
+                    <input type="checkbox" class="custom-control-input" id="youtube" name="youtube"/>
+                    <label class="custom-control-label" for="youtube" name="reseau" value="youtube">YouTube <i class="fab fa-youtube"></i></label>
+                </div> <br/>
+            </div>
+
+            <div class="col-sm-6">
+                Catégorie : 
+                <select name="categorie">
+                    <option value="choose">--Choisir une catégorie--</option>
+                    <?php if(!empty($result)) {
+                        while ($row=$result->fetch()) { ?>
+                            <option value=<?php echo $row['id_categorie'] ?>><?php echo $row['nom_categorie'] ?> </option> <!-- la value est l'id de la catégorie -->
+                        <?php }
+                    } ?>
+                </select> <br/><br/>
+                Nombre d'abonnés : <input type="number" name="nbabonnes_min" step="100" min="0" placeholder="min"/> <input type="number" name="nbabonnes_max" step="100" min="0" placeholder="max"/><br/><br/>
+
+            </div>
+
+        </div>
+
+
+
 <script>
 function showmail() {
             var mail = document.getElementById("mail");