forked from rebillar/site-accueil-insa
meilleur mise en page
This commit is contained in:
parent
5bb031d388
commit
0fff477e3b
2 changed files with 10 additions and 68 deletions
|
@ -1,64 +0,0 @@
|
||||||
body {
|
|
||||||
color: white;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-jaune h1 {
|
|
||||||
margin: 0 0 0.5em;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
section h1 {
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
section h4 {
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main_content {
|
|
||||||
display: block;
|
|
||||||
background-color: rgba(255,255,255,0); //pour mettre un magnifique fond
|
|
||||||
width: 40%;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
display: block;
|
|
||||||
width: 80%;
|
|
||||||
padding: 0;
|
|
||||||
margin: 20px auto auto;
|
|
||||||
align-items: center;
|
|
||||||
border: 5px solid white;
|
|
||||||
background: rgba(0,0,0,0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
section ul {
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
section li {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
section .title_com {
|
|
||||||
width: 100%;
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 10px 0px 10px 0px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.fonction_bureau {
|
|
||||||
display: inline-block;
|
|
||||||
background-color: white;
|
|
||||||
color: black;
|
|
||||||
padding: 10px;
|
|
||||||
margin-top: 0;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
14
coms.php
14
coms.php
|
@ -1,11 +1,14 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
|
include "assets/fonts/color.php";
|
||||||
|
|
||||||
?>
|
?>
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<div id="main_content">
|
<div id="main_content">
|
||||||
<div class="zone_txt">
|
<div class="zone_txt">
|
||||||
<div class='title_com'>Le Bureau</div>
|
<div class='title_com'><?= colored_text("Le Bureau") ?></div>
|
||||||
|
<hr>
|
||||||
<?php
|
<?php
|
||||||
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
$fonction = ["Président", "Vice présidente", "Trésorier", "Secrétaire"];
|
||||||
$prenom = ["Eléa", "Arthur", "Paul", "Cannelle"];
|
$prenom = ["Eléa", "Arthur", "Paul", "Cannelle"];
|
||||||
|
@ -19,6 +22,7 @@ ob_start(); // Start reading html
|
||||||
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
|
||||||
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
|
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
|
||||||
echo "</li>";
|
echo "</li>";
|
||||||
|
echo "<hr>";
|
||||||
}
|
}
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
?>
|
?>
|
||||||
|
@ -26,8 +30,9 @@ ob_start(); // Start reading html
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
function respo($name, $prenom, $nom, $mail) {
|
function respo($name, $prenom, $nom, $mail) {
|
||||||
echo "<section>";
|
echo "<div class=\"zone_txt\">";
|
||||||
echo "<div class='title_com'>".$name."</div>";
|
echo "<div class='title_com'>".colored_text($name)."</div>";
|
||||||
|
echo "<hr>";
|
||||||
echo "<ul>";
|
echo "<ul>";
|
||||||
for($i = 0; $i < count($prenom); $i++) {
|
for($i = 0; $i < count($prenom); $i++) {
|
||||||
echo "<li>";
|
echo "<li>";
|
||||||
|
@ -36,7 +41,8 @@ ob_start(); // Start reading html
|
||||||
echo "</li>";
|
echo "</li>";
|
||||||
}
|
}
|
||||||
echo "</ul>";
|
echo "</ul>";
|
||||||
echo "</section>";
|
|
||||||
|
echo "</div>";
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue