Skip to content

Instantly share code, notes, and snippets.

@almet almet/about.html
Created Sep 26, 2016

Embed
What would you like to do?
<!DOCTYPE HTML>
<html>
<head>
<title>La Brasserie du Vieux Singe</title>
<meta charset="utf-8" />
<meta name="slug" content="a-propos" />
<meta name="save_as" content="index.html" />
<meta name="og_url" content="http://www.vieuxsinge.com/" />
<meta name="og_type" content="website" />
<meta name="og_title" content="Brasserie du Vieux Singe - Rennes" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="theme/css/main.css" />
<!--[if lte IE 8]><script src="theme/js/ie/html5shiv.js"></script><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="theme/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="theme/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">La Brasserie du Vieux Singe</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Acceuil</a></li>
<li><a href="demarche.html">Notre démarche</a></li>
<li><a href="elements.html">Nos recettes</a></li>
<li><a href="contact.html">Nous contacter</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>La Brasserie du Vieux Singe (Rennes, 35)</h2>
<p>Ouverture durant l'été 2017.</p>
</div>
<a href="#one" class="more scrolly">En savoir plus</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<p>La bière peut être plein de choses differentes: la puissance des <strong>houblons</strong>, la torrefaction du <strong>malt</strong>, le fruité des <strong>levures</strong>… Nous, on est tombé dedans en essayant, en dégustant, en <strong>découvrant la complexité des assemblages</strong>, en explorant des nouveaux goûts, et quelques années plus tard on à décidé d'en faire notre métier ! </br>Avec un peu de chance, on peut aussi vous faire tomber amoureux !</p>
</header>
<ul class="icons major">
<li><span class="icon fa-beer major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-comments-o major style3"><span class="label">Dolor</span></span></li>
</ul>
<header class="major">
<h2>On veut partager<br />notre amour de la bière !</h2>
<p>La brasserie du Vieux Singe, c'est notre projet (peut être un peu fou) de monter une brasserie et d'en vivre. Après 5 ans à brasser différentes recettes de manière amateure, notre objectif est maintenant de faire partie du paysage brassicole <del>international</del> local et de <strong>faire des bières de qualité</strong>, pour vous.<br /><br />
Nous sommes dans <strong>une démarche d'ouverture</strong>, et pensons que la collaboration est meilleure que la compétition. C'est pourquoi nous mettons <strong>nos recettes à disposition</strong>, et nous <strong> vous acceuillons avec plaisir à la brasserie</strong> pour partager notre passion !</p>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/tropicat.jpg" alt="" /></div><div class="content">
<h2>La tropicat</h2>
<p>La Tropicat est de la famille des "American Wheat", C'est une bière de
blé (blanche) houblonnée avec un nez qui rappelle les fruits de la
passion (certains y sentent aussi du litchi !) et un goût qui tire sur
l'agrume, équilibré par le malt de blé.</p>
<p>A déguster de préférence sous un soleil de plomb, juste après s'être beigné dans l'atlantique.</a>
<h5>Recette</h5>
<ul class="alt">
<li>Alcool: 4.4°</li>
<li>IBU: 20 (faible)</li>
<li>Couleur: 5 EBC (clair)</li>
<li>Malts: Pils, Malt de blé</li>
<li>Houblons: Amarillo, Citra</li>
<li>Levures: WB-06 Safbrew Wheat</li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/eauquidort.jpg" alt="" /></div><div class="content">
<h2>L'eau qui dort</h2>
<p>“L'eau qui dort”, c'est une American Stout, une bière avec des aromes de
torrefaction, de café, de chocolat. Une mousse épaisse, des bulles fines
et si vous lui trouvez un petit quelque chose, c'est peut être les
gousses de vanille... Une bière qui se déguste gorgée après gorgée ! <em>(et on vous file un tuyau, elle sera encore meilleure après quelques années en cave)</em></p>
<h5>Recette</h5>
<ul class="alt">
<li>Alcool: 7°</li>
<li>IBU: 20 (faible)</li>
<li>Couleur: 65 EBC (noir)</li>
<li>Malts: Maris Otter, Special B, Chocolate, Dark Cara Ambré</li>
<li>Houblons: Northern Brewer</li>
<li>Levures: S-04 SafAle English Ale</li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/mambaker2.jpg" alt="" /></div><div class="content">
<h2>M'am Baker !</h2>
<p>“Miss Baker”, c'est la première guenon à être allée dans l'espace, rien que ça ! Et bah dites vous bien qu'avec un nom pareil il va falloir qu'on vous rende la pareille ...</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Nos valeurs</h2>
<p>On essaye de faire de la bonne bière, de la faire dans la bonne humeur, tout en respectant des valeurs qui nous sont chères.</p>
</header>
<ul class="features">
<li class="icon fa-headphones">
<h3>De la bonne musique</h3>
<p>Toutes nos bières sont fermentées en futs sonorisés, qui passent de la musique indépendante à longueur de journée. D'après nos tests <strong>très scientifiques</strong>, le goût s'en ressent considérablement.</p>
</li>
<li class="icon fa-heart-o">
<h3>Des styles connus</h3>
<p>Les meilleures bières du monde se trouvent chez les anglais, américains, belges et les canadiens, mais <strong>y'à pas de raison qu'ils se gardent le butin !</strong> Nous nous inspirons des styles existants pour construire nos recettes, avec notre touche personelle !</p>
</li>
<li class="icon fa-comment-o">
<h3>Collaboration</h3>
<p>Notre objectif est de participer à l'essort de la bonne bière dans nos régions. Plus on sera de petits brasseurs, meilleure sera la bière. Nous cherchons à échanger sur nos pratiques entre professionnels et amateurs.</p>
</li>
<li class="icon fa-leaf">
<h3>Agriculture biologique</h3>
<p>Nous pensons qu'il est primordial de travailler avec des produits sains pour nos corps et notre environnement: nos matières premières sont d'origine Biologique et les procédés de transformations validés par Écocert.</p>
</li>
<li class="icon fa-star-half-o">
<h3>Des dégustations</h3>
<p>Nous apprecions découvrir de nouvelles bières et cherchons à affiner nos palets lors de dégustations de ce qui se fait à travers le monde. Si ça vous interesse, vous pouvez nous rejoindre !</p>
</li>
<li class="icon fa-flag-o">
<h3>Travailler agréablement</h3>
<p>Être brasseur c'est faire beaucoup de manutention, mais on est pas là pour se faire du mal ! Donc on fait tout pour que notre travail soit le plus agréable possible, en éspérant que ça nous rende plus agréables et disponibles pour vous :).</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Contactez-nous</h2>
<p>Vous pouvez nous contacter au <a href="tel:0674785489">06 74 78 54 89 (Alexis)</a>, ou nous envoyer un mail à <a href="mailto:contact@vieuxsinge.com">contact@vieuxsinge.com</a>.</p>
</header>
<ul class="actions vertical">
<li><a href="brasserie.html" class="button fit special">La brasserie</a></li>
<li><a href="blog.html" class="button fit">Lire le blog</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="mailto:contact@vieuxsinge.com" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>&copy; Brasserie du Vieux Singe</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="theme/js/jquery.min.js"></script>
<script src="theme/js/jquery.scrollex.min.js"></script>
<script src="theme/js/jquery.scrolly.min.js"></script>
<script src="theme/js/skel.min.js"></script>
<script src="theme/js/util.js"></script>
<!--[if lte IE 8]><script src="theme/js/ie/respond.min.js"></script><![endif]-->
<script src="theme/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.