<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Buvette - MTG Nantes</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="skin.css" media="screen,projection,handheld" />
<link rel="alternate" type="application/atom+xml" title="Actualité de #NOM_ASSO" href="#URL_ATOM" />
<!--[if lte IE 8]>
<script type="text/javascript">
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
</script>
<![endif]-->
</head>
<body>
<header class="main">
<h1>Buvette MTG Nantes</h1>
</header>
<section class="page"><div class='produits'>
<div class='produit'>Coca-Cola</div>
<div class='produit'>Orangina</div>
<div class='produit'>Fanta</div>
<div class='produit'>Ice Tea</div>
<div class='produit'>RedBull</div>
<div class='produit'>Lipton</div>
<div class='produit'>Bouteille d'eau</div>
<div class='produit'>Lion</div>
<div class='produit'>Kit Kat</div>
<div class='produit'>Snickers</div>
<div class='produit'>Mars</div>
<div class='produit'>Jambon Emmental</div>
<div class='produit'>Poulet Emmental</div>
</div>
</section>
<footer class="main">
MTG Untap, Nantes, Draw, association loi 1901 fondée le 09 août 2019 par Martin Cuchet et Martin Guet
</footer>
</body>
</html>
header.main {
text-align: center;
font-size: 1.4em;
}
footer.main {
background: rgb(230,230,229);
text-align: center;
font-size: 0.8em;
padding: 1px;
}
section.page {
width: 70%;
display: table;
}
div.produits {
display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
}
div.produit {
min-width: 10vw;
min-height: 10vw;
background: #aaa;
margin: 10px;
padding: 25px;
}
