CINXE.COM
NebuleAir
<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>NebuleAir</title> <!-- favicon --> <link rel="icon" type="image/x-icon" href="img/LogoNebuleAirFavIcon.png"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <!-- Config --> <script type="text/javascript" src="config.js"></script> </head> <body class="bg-white"> <div class="container"> <img src="/img/LogoNebuleAir.png" class="img-fluid" alt="Responsive image" style="margin-top: 20px;"> <!-- <p>Page d'accueil du projet Module Air.</p> --> <div class="row"> <!-- MON Nebule AIR --> <div class="col-sm-4"> <div class="card"> <img class="card-img-top" src="/img/NebuleAir_img.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Mon NebuleAir</h5> <p class="card-text">Page d'acc猫s au donn茅es de mon NebuleAir</p> <a href="monNebuleAir.html" class="btn btn-primary">Acc茅der</a> </div> </div> </div> <!-- OpenAirMap --> <div class="col-sm-4"> <div class="card"> <img class="card-img-top" src="/img/nebuloMap.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">OpenAirMap</h5> <p class="card-text">Carte des capteur d'air ext茅rieur NebuleAir.</p> <!-- <a href="https://openairmap.fr" class="btn btn-primary">Acc茅der</a> --> <a id="openairmap-link" href="" class="btn btn-primary">Acc茅der</a> <script type="text/javascript">document.getElementById("openairmap-link").setAttribute("href",openairmap_uri);</script> </div> </div> </div> <!-- Tutoriel --> <div class="col-sm-4"> <div class="card"> <img class="card-img-top" src="/img/tuto/tuto1.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Tutoriel</h5> <p class="card-text">Tutoriel de montage du capteur.</p> <a href="tutoriel" class="btn btn-primary">Acc茅der</a> </div> </div> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>