G: Le Grand Ribfest 2018
Submitted by Anonymous (not verified) on Sun, 01/13/2019 - 20:00
State:
Processed
Rank:
65
Size:
11478
Raw Content:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Le Grand Ribfest 2018</title>
<meta name="description"
content="Pour les amateurs de côtes levées et de porc efffiloché. Venant de partout à travers les États-Unis, les meilleurs maîtres du bbq seront au rendez-vous. Fumoirs géants, meilleurs plats garantis avec le RibFest. "/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css"
integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"
integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link rel="stylesheet" href="css/landing.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122350758-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-122350758-1');
</script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-4 p-0">
<div class="d-flex flex-column align-items-center justify-content-between py-5 sidebar">
<div>
<h1>
Le Grand Poutinefest
<img src="./img/logo.png" class="img-fluid px-5 mb-5">
</h1>
<nav class="navbar navbar-expand-md">
<a class="navbar-toggler d-flex d-md-none align-items-center" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<div class="main-menu-icon mr-3">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div>MENU</div>
</a>
<div class="collapse navbar-collapse mt-5" id="navbarSupportedContent">
<ul class="navbar-nav d-flex flex-column align-items-center justify-content-center w-100">
<li class="nav-item">
<a class="nav-link active" href="#a-propos">À propos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#dates">Dates à venir</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#photos">Photos</a>
</li>
<li class="nav-item d-flex flex-row align-items-center">
<a class="nav-link mr-3 facebook" href="https://www.facebook.com/legrandfoodfest/" target="_blank"><i
class="fab fa-facebook-f"></i></a>
<a class="nav-link instagram" href="https://www.instagram.com/legrandribfest/"
target="_blank"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</nav>
</div>
<div>
<a href="http://legrandpoutinefest.com/" target="_blank" class="btn-red big mt-3 d-flex">Le grand Poutinefest <i class="fas fa-chevron-right ml-1"></i></a>
<a href="http://legrandmacfest.ca/" target="_blank" class="btn-red big mt-3 d-flex">Le grand Macfest <i class="fas fa-chevron-right ml-1"></i></a>
</div>
</div>
</div>
<div class="col-12 col-md-8 p-0">
<img src="./img/img-intro-ribfest@2x.jpg" class="img-fluid d-none d-md-block">
<div class="row m-0 intro">
<div class="col-12 col-md-8 offset-md-2">
<h2 class="mb-4"><span>Un retour en force</span></h2>
<p class="mb-4">Les mangeurs de côtes levées et de porc effiloché peuvent remercier un jeune Québécois et son
père d’avoir réussi à convaincre les maîtres du BBQ du sud-est des USA et de l’Ontario à s’arrêter à
Montréal pour le RibFest du Vieux Port. Les ribbers originaires du Texas, d’Alabama, du Nouveau-Mexique, de
la Floride et de l’Ontario, s’arrêtent dans la métropole pendant trois jours.</p>
<p>Pour faire vivre l’ambiance du sud-est des États-Unis aux Québécois, les concurrents ont mis le paquet et
pas seulement dans leur recette.</p>
<p>Les trophées sont mis en évidence devant les imposants kiosques, des affiches géantes promettent aux
visiteurs qu’ils goûteront aux meilleurs plats, et les fumoirs géants laissent flotter l’odeur alléchante de
côtes levées braisées et de porc effiloché.</p>
<p>Le RibFest est aussi un concours et les ribbers veulent tous repartir avec le trophée du choix du
public.</p>
<a href="#dates" class="btn-red">Voir les dates</a>
</div>
</div>
<a name="a-propos"></a>
<div class="row m-0 edition">
<div class="col-10 offset-1 col-lg-4 offset-lg-2 mb-5">
<img src="./img/img-activites@2x.png" class="img-fluid">
</div>
<div class="col-12 col-md-8 offset-md-2 offset-lg-0 col-lg-4 text-left">
<h3>Le Grand RibFest revient en force cette année!</h3>
<ul>
<li><i class="fas fa-times mr-2"></i> Bieres de Microbrasseries</li>
<li><i class="fas fa-times mr-2"></i> Les meilleurs maîtres du BBQ du sud-est des États-Unis</li>
<li><i class="fas fa-times mr-2"></i> Des nouveaux "Ribbers"</li>
<li><i class="fas fa-times mr-2"></i> Spectacle de musique, Des shows et artistes</li>
<li><i class="fas fa-times mr-2"></i> Dj en soirée</li>
<li><i class="fas fa-times mr-2"></i> Zone famille</li>
<li><i class="fas fa-times mr-2"></i> Un site plus grand et mieux organisé</li>
<li><i class="fas fa-times mr-2"></i> Des files ordonnées</li>
<li><i class="fas fa-times mr-2"></i> Plus de places assises</li>
</ul>
</div>
</div>
<a name="dates"></a>
<div class="row m-0 dates">
<div class="col-12 col-md-8 offset-md-2 intro">
<h2 class="mb-4"><span>Dates à venir</span></h2>
<div class="accordion mt-5" id="events">
<!--Événement début-->
<div class="event">
<div class="p-4 event-bg">
<a class="w-100 d-flex align-item-center justify-content-between" data-toggle="collapse"
data-target="#event1" aria-expanded="false" aria-controls="event1">
<h3 class="mb-0">Montréal</h3>
<i class="fas fa-plus"></i>
</a>
<div id="event1" class="collapse" data-parent="#events">
<a href="https://goo.gl/maps/S1tF1WW51G32" target="_blank" class="link"><h4>LE GRAND RIBFEST DE
MONTRÉAL 2018</h4></a>
<h6>13 septembre au 16 septembre 2018</h6>
<p>Les ribbers originaires du Texas, d’Alabama, du Nouveau-Mexique, de la Floride et du Tennessee,
s’arrêtent dans la métropole pendant six jours.</p>
<p>L'édition 2018 sera la plus grandiose et importante de son histoire. De retour à son emplacement
originale: Le Quai Jacques Cartier du Vieux Port de Montréal.</p>
<p>LE Grand Ribfest REVIENT EN FORCE les amis !</p>
<ul>
<li>Bieres de Microbrasseries</li>
<li>Les meilleurs maîtres du BBQ du sud-est des États-Unis</li>
<li>Des nouveaux "Ribbers"</li>
<li>Spectacle de musique, Des shows et artistes</li>
<li>Dj en soirée</li>
<li>Zone famille</li>
<li>Un site plus grand et mieux organisé</li>
<li>Des files ordonnées</li>
<li>Plus de places assises</li>
</ul>
<p>Met ça à ton agenda parce que Le Grand Ribfest de Montréal 2018 sera MÉMORABLE!</p>
<a class="d-flex align-items-center w-100" data-toggle="collapse" href="#event1-horaire"
aria-expanded="false" aria-controls="event1-horaire">
<h4>Horaire</h4>
<i class="fas fa-plus ml-2"></i>
</a>
<div id="event1-horaire" class="collapse pt-3">
<ul>
<li>13 sept: 17-22h</li>
<li>14 au 16 sept: 11h-22h</li>
</ul>
</div>
<a class="d-flex align-items-center w-100" data-toggle="collapse" href="#event1-infos"
aria-expanded="false" aria-controls="event1-infos">
<h4>Infos supplémentaires</h4><i class="fas fa-plus ml-2"></i>
</a>
<div id="event1-infos" class="collapse pt-3">
<ul>
<li>LIEU: <a href="https://goo.gl/maps/S1tF1WW51G32" target="_blank" class="link"><i
class="fas fa-map-marker-alt mr-1"></i>Quai Jacques-Cartier</a></li>
<li>ENTRÉE GRATUITE</li>
</ul>
</div>
<div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-start mt-3">
<!--<a href="" target="_blank" class="btn-red mr-lg-5 mb-3 mb-lg-0">Acheter des billets</a>-->
<a href="https://www.facebook.com/events/165154110778052/" target="_blank" class="btn-blue">Voir sur
<i class="fab fa-facebook-f ml-2"></i></a>
</div>
</div>
</div>
</div>
<!--Événement fin-->
</div>
</div>
</div>
<a name="photos"></a>
<div class="row m-0 instagram">
<div class="col-12 col-md-8 offset-md-2">
<h2 class="mb-4"><span>#legrandribfest</span></h2>
<div class="row py-3">
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-1.png" class="img-fluid">
</div>
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-2.png" class="img-fluid">
</div>
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-3.png" class="img-fluid">
</div>
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-4.png" class="img-fluid">
</div>
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-5.png" class="img-fluid">
</div>
<div class="col-12 col-sm-6 col-lg-4 mb-4">
<img src="./img/instagram-6.png" class="img-fluid">
</div>
</div>
<div class="d-flex flex-column align-items-center">
<a href="https://www.instagram.com/legrandribfest/" target="_blank" class="btn-red">Nous
suivre sur <i class="fab fa-instagram ml-1"></i></a>
<img src="./img/fleche@1x.svg" class="mt-1">
</div>
<div class="copyrights mt-5">
<p>© Le Grand FoodFest 2018 | Tous Droits Réservés</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
jQuery(document).ready(function ($) {
/*Menu mobile*/
const mobileMenuIcon = $('.main-menu-icon');
$('.navbar-toggler').click(function () {
mobileMenuIcon.toggleClass('open');
});
$('.collapse').on('show.bs.collapse', function () {
$(this).parent().parent().addClass('open');
}).on('hide.bs.collapse', function () {
$(this).parent().parent().removeClass('open');
})
});
</script>
</body>
</html>
- Log in to post comments