Trombinoscope des membres du conseil d'administration #5

New issue

Open

opened 2023-05-29 17:23:24 +00:00 by mbess · 1 comment

mbess commented

2023-05-29 17:23:24 +00:00

Owner

sur la page /association, ajouter une section "les membres du CA"

Faire des photos de chaque membres du CA (pour l'instant on peut prendre des placeholders)
les afficher sous forme de grid (4 colonnes par ex)

sur la page `/association`, ajouter une section "les membres du CA" - Faire des photos de chaque membres du CA (pour l'instant on peut prendre des placeholders) - les afficher sous forme de grid (4 colonnes par ex)

mbess added this to the (deleted) project 2023-05-29 20:11:35 +00:00

mbess added the

todo

label 2023-05-29 20:14:22 +00:00

mbess added this to the Dev Site web project 2023-05-29 20:17:59 +00:00

gzod01 commented

2023-06-16 16:39:00 +00:00

Member

<!DOCTYPE HTML>
<html>
  <head>
    <!--Le contenu du head-->
    <style>
      /*Le style du trombinoscope*/
      .trombinoscope{
              display:flex;
              flex-direction:row;
              width:100%;
              justify-content:space-around;
              align-items:center;
              align-content:center;
              background-color:#8888ff;
              padding:20px 0px;
      }
      .trombinoscope .trombinoscope-elem{
              margin:0px 10px;
              display:flex;
              flex-direction:column;
              align-items:center;
              align-content:center;
              justify-content:space-around;
              padding:20px;
              background-color:white;

      }
      .trombinoscope .trombinoscope-elem .trombinoscope-elem-img{
              padding:20px;
              width:100%;
              height:100%

      }
      .trombinoscope .trombinoscope-elem .trombinoscope-elem-text{
              font-style:italic;
              font-weight:600;
              color:#999
      }
    </style>
  </head>
  <body>
    <!--Le contenu du body avant le trombinoscope-->
    <div class=trombinoscope>
      <div class="trombinoscope-elem">
        <img class="trombinoscope-elem-img" width=870 src="img">
        <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span>
      </div>
      <div class="trombinoscope-elem">
        <img class="trombinoscope-elem-img" width=870 src="img">
        <span class="trombinoscope-elem-text"  title="Prénom Nom">Prénom Nom</span>
      </div>
      <div class="trombinoscope-elem">
        <img class="trombinoscope-elem-img" width=870 src="img">
        <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span>
      </div>
      <div class="trombinoscope-elem">
        <img class="trombinoscope-elem-img" width=870 src="img">
        <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span>
      </div>
      <!--Autant qu'il en faut-->
    </div>
    <!--La suite du body après le trombinoscope-->
  </body>
</html>

```html <!DOCTYPE HTML> <html> <head>  <style> /*Le style du trombinoscope*/ .trombinoscope{ display:flex; flex-direction:row; width:100%; justify-content:space-around; align-items:center; align-content:center; background-color:#8888ff; padding:20px 0px; } .trombinoscope .trombinoscope-elem{ margin:0px 10px; display:flex; flex-direction:column; align-items:center; align-content:center; justify-content:space-around; padding:20px; background-color:white; } .trombinoscope .trombinoscope-elem .trombinoscope-elem-img{ padding:20px; width:100%; height:100% } .trombinoscope .trombinoscope-elem .trombinoscope-elem-text{ font-style:italic; font-weight:600; color:#999 } </style> </head> <body>  <div class=trombinoscope> <div class="trombinoscope-elem"> <img class="trombinoscope-elem-img" width=870 src="img"> <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span> </div> <div class="trombinoscope-elem"> <img class="trombinoscope-elem-img" width=870 src="img"> <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span> </div> <div class="trombinoscope-elem"> <img class="trombinoscope-elem-img" width=870 src="img"> <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span> </div> <div class="trombinoscope-elem"> <img class="trombinoscope-elem-img" width=870 src="img"> <span class="trombinoscope-elem-text" title="Prénom Nom">Prénom Nom</span> </div>  </div>  </body> </html> ```

👍 1