<?php
    include_once("config.php");
// on tente de se connecter a la base de donnees

?>
<!Doctype html>
<html lang="fr">
    <head>
        <title class="intro">menu</title>
        <meta charset="UTF-8"> 
        <meta name="color-scheme" content="light only">
        <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
        <link rel="stylesheet" href="css/header.css" >
        <link rel="stylesheet" href="css/style.css" >
        <link rel="stylesheet" href="css/index.css" >
    </head>
    <body>
        <?php include("header.php");?>
        <div class=pubG>
            <a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
                <img src="img/pubG.png"  alt="">   
            </a>
        </div>
        <main>
            <section class="Liste">
                <div class="row">
                    <div class="column">
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=bouton">
                                <img src="img/meme/bouton.jpg" class=meme>
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=DecouvreSodaraMeme">
                                <img src="img/meme/DecouvreSodaraMeme.jpg" class=meme>
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=insulit">
                                <img src="img/meme/insulit.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=matrix">
                                <img src="img/meme/matrix.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                    </div>
                    <div class="column">
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=sodarameme">
                                <img src="img/meme/sodarameme.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=sodaramemev3">
                                <img src="img/meme/sodaramemev3.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=SodaSupHaribo">
                                <img src="img/meme/SodaSupHaribo.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=toiletramel">
                                <img src="img/meme/toiletramel.jpg" class=meme alt="" height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=megamindSoda">
                                <img src="img/meme/megamindSoda.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>                      
                    </div>
                    <div class="column">
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=uno">
                                <img src="img/meme/uno.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=sodabaguette">
                                <img src="img/meme/sodabaguette.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=mort">
                                <img src="img/meme/mort.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                        <div class="memeContainer">
                            <a href="UnMeme.php?meme=shitting">
                                <img src="img/meme/shitting.jpg" class=meme height="500vw" width="500vw">
                            </a>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <div class=pubD>
            <a href="https://dwarves.iut-fbleau.fr/~catanese/SAE_WEB_2022/index.html" >
                <img src="img/pubD.png"  alt="">   
            </a>
        </div>
        <?php include("footer.php");?>
    </body>