<!doctype html> <html lang="en"> <head> <title>Soylent Green Fine Cuisine - Carte</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="Solyent Green Fine Cuisine®" content="Solyent Green"> <link href="https://fonts.googleapis.com/css?family=Archivo|Playfair+Display" rel="stylesheet"> <!--favicon --> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <!--styles --> <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- navigation bar --> <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top border-bottom"> <div class="container"> <a class="navbar-brand" href="#">Solyent Green Menu</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item active"> <a class="nav-link" href="index.html">| Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="carte.html">| La carte</a> </li> <li class="nav-item"> <a class="nav-link" href="photos.html">| Photos</a> </li> <li class="nav-item"> <a class="nav-link" href="restaurants.html">| Restaurants</a> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">| Contact</a> </li> </div> </div> </nav> <!-- splash --> <div class="jumbotron jumbotron-fluid splash"> <div class="container"> <div class="row"> <div class="col-6"><img src="assets/img/splash.jpg" alt="Welcome to Solyent Green Fine Cuisine®" class="splash"/> </div> <div class="col-2 offset-sm-1"><img src="assets/img/tree.png" alt="tree" class="splashtree" /></div> <div class="col-2"><img src="assets/img/tree.png" alt="tree2" class="splashtree2" /></div> <div class="col-1"><img src="assets/img/tree.png" alt="tree3" class="splashtree3" /></div> </div> </div> </div> <!-- main --> <main> <!-- carte --> <div class="row"> <div class="col-4"> <div class="list-group" id="list-tab" role="tablist"> <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">menu1</a> <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">menu2</a> <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Entrées</a> <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Plats</a> </div> </div> <div class="col-8"> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list"> <div class="carte"> <div class="center"> <h4>Menu uno <i class='fas fa-beer fa-sm'></i><span class="badge badge-warning">PROMO</span></h4> </div> <hr class="my-4 light"> <ul> <li> <p>Tapenade à la mode de Fukushima</p> </li> <li> <p>Tartuffata verde al'ogm</p> </li> <li> <p>Poulet fermier sauce Brawndo</p> </li> <li> <p>Insectes de saison</p> </li> </ul> </div> </div> <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list"> <div class="carte"> <div class="center"> <h4>Menu due <i class='fas fa-glass-cheers'></i><span class="badge badge-primary">BEST VALUE</span></h4> </div> <hr class="my-4 light"> <ul> <li> <p>Scarmoza de spiruline servi sur poële</p> </li> <li> <p>Tartuffata verde al'ogm</p> </li> <li> <p>Poulet fermier sauce Brawndo</p> </li> <li> <p>Insectes de saison</p> </li> </ul> </div> </div> <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list"> <div class="carte"> <div class="center"> <h4>Entrées <i class="fas fa-seedling"></i></h4> </div> <hr class="my-4 light"> <ul> <li> <p>Tapenade à la mode de Fukushima <span class="badge badge-pill badge-success">150d$</span></p> </li> <li> <p>Tartuffata verde al'ogm <span class="badge badge-pill badge-success">150d$</span></p> </li> <li> <p>Poulet fermier sauce Brawndo <span class="badge badge-pill badge-success">150d$</span></p> </li> <li> <p>Insectes de saison <span class="badge badge-pill badge-success">200d$</span></p> </li> </ul> </div> </div> <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list"> <div class="carte"> <div class="center"> <h4>Plats <i class="fas fa-seedling"></i></h4> </div> <hr class="my-4 light"> <ul> <li> <p>Tapenade à la mode de Fukushima <span class="badge badge-pill badge-success">200d$</span></p> </li> <li> <p>Tartuffata verde al'ogm <span class="badge badge-pill badge-success">250d$</span></p> </li> <li> <p>Poulet fermier sauce Brawndo <span class="badge badge-pill badge-success">300d$</span></p> </li> <li> <p>Insectes de saison <span class="badge badge-pill badge-success">100d$</span></p> </li> </ul> </div> </div> </div> </div> </div> </main> </div> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script src="assets/js/scripts.js"></script> </body> </html>