diff options
Diffstat (limited to 'kiffe.php')
| -rw-r--r-- | kiffe.php | 96 |
1 files changed, 96 insertions, 0 deletions
diff --git a/kiffe.php b/kiffe.php new file mode 100644 index 0000000..2f86bd3 --- /dev/null +++ b/kiffe.php | |||
| @@ -0,0 +1,96 @@ | |||
| 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 | <?php include("matomo.php"); ?> | ||
| 25 | </head> | ||
| 26 | |||
| 27 | <body> | ||
| 28 | <div id="bloc_page" > | ||
| 29 | <header> | ||
| 30 | <?php $actuelle = "kiffe"; ?> | ||
| 31 | <?php include("menu.php"); ?> | ||
| 32 | |||
| 33 | <p><a href="index.php" > | ||
| 34 | <img id="logohaut" src="images/logo.png" alt="ordipolo"> | ||
| 35 | <img id="logotitre" src="images/ordipolo.png" alt="ordipolo"> | ||
| 36 | </a></p> | ||
| 37 | </header> | ||
| 38 | |||
| 39 | <div class="parties"> | ||
| 40 | <a href="https://lelionetlecolibri.ordipolo.fr"> | ||
| 41 | <h1 >Le lion et le colibri</h1> | ||
| 42 | </a> | ||
| 43 | <div class="photoenhaut"> | ||
| 44 | <p>Blog que je tiens avec Katy<br> | ||
| 45 | Au programme: voyages, gastronomie, musique, détente.</p> | ||
| 46 | <a href="https://lelionetlecolibri.ordipolo.fr"> | ||
| 47 | <img class="photo" src="images/sakura.png" alt="fleur de cerisier japonais"> | ||
| 48 | </a> | ||
| 49 | </div> | ||
| 50 | </div> | ||
| 51 | |||
| 52 | <div class="parties"> | ||
| 53 | <a href="https://melainefavennec.com"> | ||
| 54 | <h1 >Melaine Favennec</h1> | ||
| 55 | </a> | ||
| 56 | <div class="photoenhaut"> | ||
| 57 | <p>Musique bretonne, chanson folk et peinture.<br><br> | ||
| 58 | Graphisme utilisant des dessins de François Bourgeon.<br> | ||
| 59 | Code client et serveur par mes soins.</p> | ||
| 60 | <a href="https://melainefavennec.com"> | ||
| 61 | <img class="photo" src="images/mouette.jpg" alt="melaine"> | ||
| 62 | </a> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 65 | |||
| 66 | <div class="parties"> | ||
| 67 | <a href="julian/maths.html"> | ||
| 68 | <h1>Recherches en mathématiques</h1> | ||
| 69 | </a> | ||
| 70 | <div class="photoenhaut"> | ||
| 71 | <p>de Julian Favennec à la cité de la ruche.</p> | ||
| 72 | <a href="julian/maths.html"> | ||
| 73 | <img class="photo" src="julian/polygones.png" alt=""> | ||
| 74 | </a> | ||
| 75 | </div> | ||
| 76 | </div> | ||
| 77 | |||
| 78 | <div class="parties"> | ||
| 79 | <a href="http://www.romainlebadezet.com"> | ||
| 80 | <h1>Romain Le Badezet</h1> | ||
| 81 | </a> | ||
| 82 | <div class="photoenhaut"> | ||
| 83 | <p>Artistre peintre, dessinateur, plasticien</p> | ||
| 84 | <a href="http://www.romainlebadezet.com"> | ||
| 85 | <img class="photo" src="images/oneline.jpg" alt="ligne"> | ||
| 86 | </a> | ||
| 87 | </div> | ||
| 88 | </div> | ||
| 89 | |||
| 90 | <footer> | ||
| 91 | <h1><a href="#bloc_page" >Remonter en haut de la page.</a></h1> | ||
| 92 | </footer> | ||
| 93 | </div> | ||
| 94 | <!--<script src="detecteur.js"></script>--> | ||
| 95 | </body> | ||
| 96 | </html> | ||