diff options
Diffstat (limited to 'kiffe.php')
| -rw-r--r-- | kiffe.php | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/kiffe.php b/kiffe.php new file mode 100644 index 0000000..0be7e0c --- /dev/null +++ b/kiffe.php | |||
| @@ -0,0 +1,80 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="fr" > | ||
| 3 | <head> | ||
| 4 | <meta charset="utf-8" /> | ||
| 5 | <title>Sites à visiter !</title> | ||
| 6 | <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> | ||
| 7 | <link rel="icon" type="image/png" href="images/favicon.png" > | ||
| 8 | <link rel="stylesheet" href="ordipolo.css" /> | ||
| 9 | <meta name="description" content="Liens vers les sites des amis" /> | ||
| 10 | <meta name="viewport" content="width=device-width" /> | ||
| 11 | <style> | ||
| 12 | .photoenhaut | ||
| 13 | { | ||
| 14 | display: flex; | ||
| 15 | } | ||
| 16 | @media screen and (max-width: 500px) | ||
| 17 | { | ||
| 18 | .photoenhaut | ||
| 19 | { | ||
| 20 | flex-direction: column; | ||
| 21 | } | ||
| 22 | } | ||
| 23 | </style> | ||
| 24 | </head> | ||
| 25 | |||
| 26 | <body> | ||
| 27 | <div id="bloc_page" > | ||
| 28 | <header> | ||
| 29 | <?php $actuelle = "kiffe"; ?> | ||
| 30 | <?php include ("menu.php"); ?> | ||
| 31 | |||
| 32 | <p><a href="index.php" > | ||
| 33 | <img id="logohaut" src="images/logo.png" alt="ordipolo" /> | ||
| 34 | <img id="logotitre" src="images/ordipolo.png" alt="ordipolo" /></a></p> | ||
| 35 | </header> | ||
| 36 | |||
| 37 | <div class="parties" > | ||
| 38 | <a href="https://lelionetlecolibri.ordipolo.fr" > | ||
| 39 | <h1 >Le lion et le colibri</h1> | ||
| 40 | </a> | ||
| 41 | <div class="photoenhaut" > | ||
| 42 | <p>Blog que je tiens avec Katy<br/> | ||
| 43 | Au programme: voyages, gastronomie, musique, détente.</p> | ||
| 44 | <a href="https://lelionetlecolibri.ordipolo.fr" > | ||
| 45 | <img class="photo" src="images/sakura.png" alt="fleur de cerisier japonais" /> | ||
| 46 | </a> | ||
| 47 | </div> | ||
| 48 | </div> | ||
| 49 | |||
| 50 | <div class="parties" > | ||
| 51 | <a href="julian/maths.html" > | ||
| 52 | <h1>Recherches en mathématiques</h1> | ||
| 53 | </a> | ||
| 54 | <div class="photoenhaut" > | ||
| 55 | <p>de Julian Favennec à la cité de la ruche.</p> | ||
| 56 | <a href="julian/maths.html" > | ||
| 57 | <img class="photo" src="julian/polygones.png" alt="" /> | ||
| 58 | </a> | ||
| 59 | </div> | ||
| 60 | </div> | ||
| 61 | |||
| 62 | <div class="parties" > | ||
| 63 | <a href="http://www.romainlebadezet.com" > | ||
| 64 | <h1>Romain Le Badezet</h1> | ||
| 65 | </a> | ||
| 66 | <div class="photoenhaut" > | ||
| 67 | <p>Artistre peintre, dessinateur, plasticien</p> | ||
| 68 | <a href="http://www.romainlebadezet.com" > | ||
| 69 | <img class="photo" src="images/oneline.jpg" alt="ligne" /> | ||
| 70 | </a> | ||
| 71 | </div> | ||
| 72 | </div> | ||
| 73 | |||
| 74 | <footer> | ||
| 75 | <h1><a href="#bloc_page" >Remonter en haut de la page.</a></h1> | ||
| 76 | </footer> | ||
| 77 | </div> | ||
| 78 | </body> | ||
| 79 | <script src="detecteur.js"></script> | ||
| 80 | </html> | ||