soif.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Stick+No+Bills&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="fonts.css"/>
    <link rel="icon" type="image/png" href="assets/favicon.png"/>
    <title>J'ai Soif</title>
</head>
<body>
    <header>
      <div class="topnav" id="myTopnav">
        <a href="index.html" id="topnav-logo"><img class="wild-logo" src="./assets/Wild-advisor-logo.png" alt="Wild advisor"></a>
        <a href="index.html">Accueil</a>
        <a href="place.html">Sur place</a>
        <a href="pouce.html">Sur le pouce</a>
        <a href="soif.html">J'ai soif</a>
        <a href="surprise.html">Surprends-moi</a>
        <a href="favoris.html">Favoris</a>
        <a href="javascript:void(0);" class="icon" onclick="myFunction()"><img class="burger" src="./assets/Hamburger_icon.png" alt="Hamburger icon"></a>
    </div>  
      </header>
      <main>
      <h1 class="title" id="boire">J'ai Soif</h1>
      <div class="cards">
        </div>
      </div>
    </main>
    <footer class="footer"><a href='./a-propos.html'>À propos</a></footer>
      <script src="shops.js" type="module"></script>
      <script src="pages-header.js"></script>
</body>
</html> 