804 lines
41 KiB
HTML
804 lines
41 KiB
HTML
<!doctype html>
|
||
|
||
|
||
<!-- Hey there ! Vous ici ?? Je vois que tu es un(e) petit(e) malin(e) qui est allé(e) voir le code source ;-) Pour te récompenser, voici une blague: L’amour avant le mariage
|
||
Pourquoi les curés sont-ils contre l’amour avant le mariage?
|
||
Parce que ça retarde la cérémonie!-->
|
||
|
||
|
||
<!--[if lt IE 7]>
|
||
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
|
||
<!--[if IE 7]>
|
||
<html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
|
||
<!--[if IE 8]>
|
||
<html class="no-js lt-ie9" lang="en"> <![endif]-->
|
||
<!--[if gt IE 8]><!-->
|
||
|
||
<html class="no-js" lang="en"> <!--<![endif]-->
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
||
<title>Marie & Guillaume se marient!</title>
|
||
<meta name="description" content="Nous aimerions vous inviter pour le grand jour.">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<meta property="og:title" content="Marie & Guillaume se marient">
|
||
<meta property="og:description" content="Nous aimerions vous inviter pour le grand jour.">
|
||
<meta property="og:type" content="website">
|
||
<link rel="apple-touch-icon" sizes="180x180" 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="manifest.json">
|
||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||
<link rel="stylesheet" href="css/normalize.min.css">
|
||
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="css/jquery.fancybox.css">
|
||
<link rel="stylesheet" href="css/flexslider.css">
|
||
<link rel="stylesheet" href="css/styles.min.css">
|
||
<link rel="stylesheet" href="css/queries.css">
|
||
<link rel="stylesheet" href="node_modules/animate.css/animate.min.css">
|
||
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
|
||
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
|
||
</head>
|
||
<body id="top">
|
||
<!--[if lt IE 8]>
|
||
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
|
||
your browser</a> to improve your experience.</p>
|
||
<![endif]-->
|
||
<section class="hero">
|
||
<section class="navigation">
|
||
<header>
|
||
<div class="header-content">
|
||
<div class="logo"><a href="#"><img src="img/logo.png" alt="Logo"></a></div>
|
||
<div class="header-nav">
|
||
<nav>
|
||
<ul class="primary-nav">
|
||
<li><a href="#intro">Notre rencontre</a></li>
|
||
<li><a href="#eng-pics">6 ans ensemble !</a></li>
|
||
<li><a href="#video-bg">Le lieu de réception</a></li>
|
||
<li><a href="#events">Programme</a></li>
|
||
<li><a href="#pratique">Infos pratiques</a></li>
|
||
<li><a href="#instagram">Photos</a></li>
|
||
<li><a href="#on_veut_des_sioux">Cagnotte</a></li>
|
||
</ul>
|
||
<ul class="member-actions">
|
||
<li><a href="#rsvp" class="btn-white btn-small">RSVP</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
<div class="navicon">
|
||
<a class="nav-toggle" href="#"><span></span></a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
</section>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="hero-content text-center">
|
||
<br> <br> <br>
|
||
<img src="img/logo-lg.png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-4 hidden-xs"></div>
|
||
<div class="col-sm-4 hidden-xs text-center"><a href="#rsvp"
|
||
class="btn btn-accent btn-large rsvp-btn">RSVP</a></div>
|
||
<div class="col-sm-4 hidden-xs"></div>
|
||
</div>
|
||
</div>
|
||
<div class="down-arrow floating-arrow"><a href="#invitation"><i class="fa fa-angle-down"></i></a></div>
|
||
</section>
|
||
|
||
<section id="invitation" class="section-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<h3>Nous allons nous marier</h3>
|
||
<p>Nous nous marions le weekend du 19 & 20 Septembre 2020 et nous aimerions que vous vous joigniez à nous pour ce grand moment !</p>
|
||
<!--<div class="share-bar"></div>-->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="intro">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<h3 class="header"> <b style="color:rgb(53, 54, 56);"> Notre rencontre </b></h3>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-3 hidden-sm hidden-xs"><img src="img/guillaume.png" class="wp1"></div>
|
||
<div class="col-md-6">
|
||
<p>
|
||
<div class=" text-center" >
|
||
<p style="color:rgb(0, 0, 0);">
|
||
Nous nous sommes rencontrés pour la première fois en 2014 quand nous avons commencé notre Master of Sciences à Londres.
|
||
<br>Le courant est tout de suite passé ! <br>
|
||
Un dimanche de février, c'est à Richmond Park que nous nous sommes finalement embrassés. La suite des choses, vous la connaissez
|
||
<i class="fa fa-smile-o"></i>
|
||
</p>
|
||
</div>
|
||
</p>
|
||
</div>
|
||
<div class="col-md-3 hidden-sm hidden-xs"><img src="img/marie.png" class="wp2"></div>
|
||
</div>
|
||
<p></p><p></p><p></p>
|
||
<div class="row ">
|
||
<div class=" text-center">
|
||
<a class="btn btn-fill btn-small" data-toggle="modal" data-target="#nous-modal">
|
||
<i class="fa fa-heart"></i> Marie & Guillaume
|
||
</a>
|
||
<a class="btn btn-fill btn-small" data-toggle="modal" data-target="#eng-modal">
|
||
<i class="fa fa-diamond"></i> La demande
|
||
</a>
|
||
<a class="btn btn-fill btn-small" data-toggle="modal" data-target="#family-modal">
|
||
<i class="fa fa-group"></i> Nos familles
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-4 col-sm-push-2 col-xs-6 hidden-md hidden-lg"><img src="img/guillaume.png" class="wp8"></div>
|
||
<div class="col-sm-4 col-sm-push-2 col-xs-6 hidden-md hidden-lg"><img src="img/marie.png" class="wp9"></div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div id="nous-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h5><span class="time">Guillaume décrit par Marie</span></h5>
|
||
<div class="text-left"> <i class="fa fa-shopping-basket"> </i> Cuisinier attentionné
|
||
<br> <i class="fa fa-bicycle"></i> Cycliste-marathonien addict
|
||
<br> <i class="fa fa-terminal"></i> Geek autodidacte
|
||
<br> <i class="fa fa-smile-o"></i> Drôle (parfois !)
|
||
<br> <i class="fa fa-hourglass-half"></i> Impatient (souvent !)
|
||
</div>
|
||
</p>
|
||
<h5><span class="time">Marie décrite par Guillaume</span></h5>
|
||
<div class="text-left">
|
||
<b>M</b>éticuleuse
|
||
<br> <b> A</b>ffirmative (la preuve elle m'a fait changer ce mot !)
|
||
<br> <b> R</b>omantique
|
||
<br> <b> I</b>nsistante (parfois trop <i class="fa fa-smile-o"></i>)
|
||
<br> <b> E</b>picurienne
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<div id="eng-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">La demande</h3>
|
||
<h5><span class="time">23 mai 2019</span></h5>
|
||
<p>
|
||
J'ai demandé à Marie si elle voulait m'épouser à Nara au Japon, non loin de Osaka.
|
||
Après une balade dans le parc au milieu des daims sacrés et la visite du temple de l'immense Bouddha du Todai-ji,
|
||
nous nous sommes reposés sous une petite pergola à l'abri des touristes où j'ai fait ma demande.
|
||
</p>
|
||
<center>
|
||
<p>
|
||
<img src="img/daim.jpg" style="max-width: 100%;
|
||
min-width: 300px;
|
||
height: auto;">
|
||
</p>
|
||
</center>
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal-dialog -->
|
||
</div><!-- /.modal -->
|
||
</section>
|
||
|
||
<div id="family-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">Nos familles</h3>
|
||
<p>
|
||
<img src="img/arbre.jpg" style="max-width: 100%;
|
||
min-width: 300px;
|
||
height: auto;">
|
||
</p>
|
||
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div><!-- /.modal-dialog -->
|
||
</div><!-- /.modal -->
|
||
</section>
|
||
|
||
<section id="eng-pics" class="section-padding">
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="text-center">
|
||
<h3>6 ans ensemble !</h3>
|
||
<p> Quelques selfies d'amoureux <i class="fa fa-camera"></i></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/IMG-20190523-WA0006-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/IMG-20190523-WA0006-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/IMG_3483-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/IMG_3483-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/_RFX2992-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/_RFX2992-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/_RFX3064-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/_RFX3064-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/NGP_4089-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/NGP_4089-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="col-md-2">
|
||
<a class="fancybox" rel="group" href="img/eng_pics/NGP_4119-lg.jpg">
|
||
<div class="img-wrap">
|
||
<div class="overlay">
|
||
<i class="fa fa-search"></i>
|
||
</div>
|
||
<img src="img/eng_pics/NGP_4119-sm.jpg" alt=""/>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row hidden-lg hidden-md hidden-xs">
|
||
<div class="col-xs-12 section-border section-padding"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="video-bg">
|
||
<!---<div id="bgndVideo" class="player"
|
||
data-property="{videoURL:'http://youtu.be/B7xxiwpgd0M',containment:'#video-bg',autoPlay:true, mute:true, showControls:false, startAt:80, stopAt:259, opacity:1}">
|
||
</div>
|
||
-->
|
||
|
||
<div id="bgndVideo" class="player"><img src="img/lieu/receptionlorangeriedevatimesnil.jpg" alt=""/></div>
|
||
<div id="video-content" style="color:rgb(244, 244, 248);">
|
||
<h5>L'Orangerie de Vatimesnil </h5>
|
||
<p><h4> Nous avons choisi ce domaine dans l'Eure pour son ambiance chaleureuse !
|
||
<br> Il se situe à environ une heure de Paris.</h4>
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="map">
|
||
<div class="text-center" >
|
||
<h3 style="color:rgb(255, 255, 255);"><br> Comment venir ?</h3>
|
||
<p style="color:rgb(255, 255, 255);">C'est plus simple que vous ne pensez !</p>
|
||
</div>
|
||
<div
|
||
id="map-canvas">
|
||
</div>
|
||
<div id="map-content-wrapper" class="container pointer-events-none">
|
||
<div class="row">
|
||
<div class="col-xs-offset-1 col-xs-10 col-md-offset-3 col-md-7">
|
||
<div class="text-center">
|
||
<div id="btn-show-content" class="toggle-map-content pointer-events-auto">
|
||
<i class="fa fa-info-circle"></i> Afficher info
|
||
</div>
|
||
</div>
|
||
<div id="map-content" class="pointer-events-auto">
|
||
<div class="row">
|
||
<div class="col-md-6 text-center">
|
||
<h5>L'orangerie de Vatimesnil</h5>
|
||
<p>6 Rue du Château <br>Hameau de Vatimesnil,<br>
|
||
27150 Vatimesnil</p>
|
||
</div>
|
||
<div class="col-md-6 text-center">
|
||
<h5>Site web</h5>
|
||
<p><i class="fa fa-hand-o-right"></i> <a href="https://www.lorangeriedevatimesnil.com" target="_blank">L'Orangerie de Vatimesnil</a><br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="row text-center">
|
||
<div class="col-md-6" style="padding: 5px;">
|
||
<a class="btn btn-fill btn-small" data-toggle="modal" data-target="#voiture-modal">
|
||
<i class="fa fa-car"></i> Service voiturier
|
||
</a>
|
||
</div>
|
||
<div class="col-md-6" style="padding: 5px;">
|
||
<a class="btn btn-accent btn-small" href=https://www.google.com/maps/@49.2801976,1.5867118,15z/data=!5m1!1e4" target="_blank">
|
||
|
||
<i class="fa fa-map-marker"></i> Afficher carte</a>
|
||
</div>
|
||
</div>
|
||
<div id="voiture-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center">Service voiturier</h3>
|
||
<p>
|
||
<div class="text-center">
|
||
Pour ceux qui choisiront un hébergement en dehors du domaine,
|
||
nous pourrons proposer un service voiturier pour la fin de soirée.
|
||
</div>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="events section-padding" id="events">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<h3 class="header">Demandez le Programme </h3>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col-md-6 col-sm-12 col-xs-12 leftcol">
|
||
<div class="wp3">
|
||
<p><strong>Samedi 19 Septembre</strong></p>
|
||
|
||
<h5>Cérémonie <span class="time">16h30 - 17h30 </span></h5>
|
||
<p>A environ 1 heure de Paris, la cérémonie du mariage aura lieu à 16h30 dans la chapelle Saint-Michel Archange.
|
||
Cette chapelle fait partie du domaine de l'Orangerie de Vatimesnil.</p>
|
||
</div>
|
||
<div class="wp3">
|
||
<h5>Rafraîchissements <span class="time">17h30 - 18h30</span></h5>
|
||
<p>Dans le petit verger, pour se remettre de ses émotions !</p>
|
||
</div>
|
||
<div class="wp3">
|
||
<h5>Cocktail et photos de mariage <span class="time">18h30 - 20h</span></h5>
|
||
<p> Nous commencerons les festivités autour d'un cocktail dans les jardins de l'Orangerie pendant que nous immortaliserons ce moment avec vous.
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-12 col-xs-12 rightcol">
|
||
<div class="wp4">
|
||
|
||
<h5>Soirée <span class="time">20h - 4h</span></h5>
|
||
<p>Le dîner puis la soirée auront lieu dans la salle de réception de l'Orangerie attenante aux jardins. </p>
|
||
</div>
|
||
<div class="wp4">
|
||
<p><strong>Dimanche 20 Septembre</strong></p>
|
||
<h5>Brunch <span class="time">10h - 14h</span></h5>
|
||
<p>Pour finir ce week-end en beauté, nous souhaitons vous inviter à un brunch le dimanche matin entre 10 heures et 14 heures afin de vous remercier de votre présence et profiter encore quelques instants de ce mariage.
|
||
Vous pourrez ramener ballons, pétanque, molki ... pour profiter à fond du grand jardin !
|
||
</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row section-padding">
|
||
<div class="col-md-4 col-md-offset-4 text-center">
|
||
<a class="btn btn-accent btn-small" data-toggle="modal" data-target="#dc-modal">
|
||
<i class="fa fa-male"></i><i class="fa fa-female"></i> Dress code
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="dc-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">Ugh... dress code ?</h3>
|
||
<p>
|
||
Aucune obligation de tenue pour notre mariage !
|
||
<br><br>
|
||
Mais si vous le souhaitez, une tenue <b style="color:rgb(22, 46, 185);">
|
||
bleue</b> et une touche de<b style="color:#ffb600;"> jaune ocre </b> (ou l'inverse pour les femmes !) sera le clin d'oeil parfait à notre choix de couleurs.
|
||
</p>
|
||
<div class="col-md-1 col-md-offset-3 text-center">
|
||
<a class="btn btn-accent btn-small" target="_blank" href="https://pin.it/l6baolzyrsh3kh">
|
||
</i> Besoin d'inspiration ?
|
||
</a>
|
||
</div>
|
||
<br>
|
||
<br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<section class="section-padding" id="pratique">
|
||
<div class="text-center">
|
||
<h3>Infos pratiques</h3>
|
||
<div class="row section-padding">
|
||
<div class=" text-center">
|
||
<a class="btn btn-accent btn-small" data-toggle="modal" data-target="#heb-modal">
|
||
<i class="fa fa-home"></i> Hébergement
|
||
</a>
|
||
<a class="btn btn-accent btn-small" data-toggle="modal" data-target="#bb-modal">
|
||
<i class="fa fa-child"></i> Babysitter
|
||
</a>
|
||
<a class="btn btn-accent btn-small" data-toggle="modal" data-target="#alentours-modal">
|
||
<i class="fa fa-tree"></i> Aux alentours
|
||
</a>
|
||
</div>
|
||
<div id="heb-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">Hébergement</h3>
|
||
<p>
|
||
Un <b>dortoir de 30 lits</b> est <b>disponible sur place</b>. <br>Si vous souhaitez en profiter, n'hésitez pas à nous le dire avec votre RSVP.<br>
|
||
Le tarif est de <b>40EUR/personne/nuit</b>. <br><br>
|
||
Sinon, voici des suggestions pour vous loger à proximité de l'Orangerie.
|
||
|
||
<br><br>
|
||
<b>GITES RURAUX et CHAMBRES d'HOTES</b><br>
|
||
Options centrées autour de Vatimesnil <br>
|
||
<a href="https://www.gites-de-france-eure.com/liste.html?liste=carte&instance=gites27&insee=27567&distcomm=10&minlat=48.345112483461&maxlat=49.88310665083&minlng=-0.21672675781247&maxlng=2.1331267578125&dep=n&infotourfd=n®ion_adm=n&libregion=n&quartier=n&lieucgi=27567"
|
||
target="_blank">Réservation via Gîtes de France</a> <br>
|
||
Si vous souhaitez être en groupe, nous pouvons vous indiquer les gîtes et chambres d'hôtes pouvant accueillir le nombre de personnes souhaité.
|
||
|
||
<br><br>
|
||
<b>HOTELS</b><br>
|
||
Les plus proches: les hôtels de Les Andelys, 14km <br>
|
||
Autres options autour de Vatimesnil <br>
|
||
<a href="https://www.booking.com/searchresults.fr.html?aid=397594&label=gog235jc-1BCAEoggI46AdIM1gDaE2IAQGYAQ24ARfIAQ_YAQHoAQGIAgGoAgO4Ar3fk-kFwAIB&sid=e3ae010dc105684f4ad0bf445119eefd&sb=1&src=index&src_elem=sb&error_url=https%3A%2F%2Fwww.booking.com%2Findex.fr.html%3Faid%3D397594%3Blabel%3Dgog235jc-1BCAEoggI46AdIM1gDaE2IAQGYAQ24ARfIAQ_YAQHoAQGIAgGoAgO4Ar3fk-kFwAIB%3Bsid%3De3ae010dc105684f4ad0bf445119eefd%3Bsb_price_type%3Dtotal%26%3B&ss=Sainte-Marie-de-Vatimesnil%2C+Haute-Normandie%2C+France&is_ski_area=&checkin_year=&checkin_month=&checkout_year=&checkout_month=&group_adults=2&group_children=0&no_rooms=1&b_h4u_keep_filters=&from_sf=1&ss_raw=sainte-marie-de-vatimesnil&ac_position=0&ac_langcode=fr&ac_click_type=b&dest_id=-1465037&dest_type=city&place_id_lat=49.2667007446289&place_id_lon=1.56666994094835&search_pageview_id=f7548b5e742a00a4&search_selected=true&search_pageview_id=f7548b5e742a00a4&ac_suggestion_list_length=1&ac_suggestion_theme_list_length=0&order=#map_opened-map-header-cta"
|
||
target="_blank">Réservation via Booking.com</a>
|
||
|
||
<br><br>
|
||
<b>CHEZ L'HABITANT</b><br>
|
||
Options centrées autour de Vatimesnil <br>
|
||
<a href="https://www.airbnb.fr/s/Sainte-Marie-de-Vatimesnil--France/homes?refinement_paths%5B%5D=%2Fhomes&click_referer=t%3ASEE_ALL%7Csid%3A715ad8a6-1d1c-4eef-9e29-ff907727125b%7Cst%3ALANDING_PAGE_MARQUEE&zoom=12&search_by_map=true&sw_lat=49.142652865263564&sw_lng=1.2763656750488508&ne_lat=49.330505499885106&ne_lng=1.8610443249511945&search_type=unknown&place_id=ChIJSxrWnazQ5kcREJK7T0gUDAQ&s_tag=GkeS3SFI
|
||
" target="_blank">Réservation via AirBnB</a> <br> Lien à ouvrir avec Firefox ou Chrome.
|
||
|
||
<br><br>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="bb-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">Babysitter</h3>
|
||
<img src="img/enfant.jpg"/>
|
||
<p><br>
|
||
Le domaine dispose d'une salle de jeux pour les enfants, et nous pouvons prendre les services d'une babysitter, le samedi de 18h à 4h le lendemain.
|
||
Laissez nous un commentaire dans le RSVP si vous êtes intéressés !
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="alentours-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<h3 class="text-center section-padding">Pour prolonger votre week-end</h3>
|
||
<p>
|
||
Quelques idées de balades autour de Vatimesnil ! <br> <br>
|
||
<b>Lyons-La-Forêt</b> <I> A 20 min en voiture</I> <br>
|
||
Village normand classé parmi Les Plus Beaux Villages de France<br>
|
||
<a href="http://www.lyons-andelle-tourisme.com/decouvrir-lyons-andelle-normandie-campagne/le-village-de-lyons-la-foret-normandie/" target="_blank">Office de tourisme</a>
|
||
<br><br>
|
||
<b>Les Andelys</b> <I> A 20 min en voiture</I> <br>
|
||
Château Gaillard avec très belle vue sur les bords de Seine<br>
|
||
<a href="http://www.normandie-tourisme.fr/decouvrir/les-incontournables/les-autres-incontournables/chateau-gaillard-258-1.html" target="_blank">Office de tourisme</a>
|
||
<br><br>
|
||
<b>Giverny </b><I> A 25 min en voiture</I><br>
|
||
Maison et jardins de Claude Monet, Musée des impressionnismes <br>
|
||
<a href="https://fondation-monet.com/"target="_blank">Site de la Fondation Monet</a>
|
||
<br><br>
|
||
<b>Poses </b><I> A 45 min en voiture</I><br>
|
||
Bords de Seine, Lac et Base de Loisirs <br>
|
||
<a href="http://www.lery-poses.fr/"target="_blank">Office de tourisme</a> <br>
|
||
</p>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br> <br>
|
||
Besoin d'autres renseignements ? Contactez-nous ! <br><br>
|
||
<b>contact@marie-guillaume.fr</b> <br><br><br>
|
||
<div class="col-md-12 text-center">
|
||
<p><h3>ET LE MARIAGE CIVIL ?</h3><br>
|
||
Le mariage civil aura lieu le <b>Samedi 5 Septembre 2020</b> à
|
||
<b>11h15</b> dans la salle des mariages de l'<b><a href="https://www.marlyleroi.fr/_Patrimoine%20ancien/58/12"target="_blank">Hôtel Couvé</a></b> de <b>Marly-le-Roi</b> (Yvelines) où nous habitons.
|
||
<br>
|
||
Vous pouvez nous indiquer votre présence dans le RSVP.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section id="on_veut_des_sioux" class="events section-padding">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<h3>Cagnotte voyage de noces !</h3>
|
||
<br>
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<p>Pour participer à notre cagnotte de lune de miel, cliquez sur le lien <i class="fa fa-smile-o" aria-hidden="true"></i>
|
||
<br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class=" text-center">
|
||
<a class="btn btn-accent btn-small" target="_blank" href='https://www.lyf.eu/fr/pot/bd1b4f9d-74e5-43ee-b9fd-2d42de66267d'>
|
||
<i class="fa fa-credit-card" aria-hidden="true"></i>
|
||
Cagnotte en ligne
|
||
</a>
|
||
</div> <br>
|
||
<br>
|
||
<div class="row wp7">
|
||
<div class="col-md-4 col-md-offset-4">
|
||
<img src="img/merci.png">
|
||
<br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
|
||
<section id="instagram" class="section-padding">
|
||
<div class="container">
|
||
<a href="https://marieetguillaume.ddns.net/index.php/s/s8BBtnbHwKtrAFS">
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<h3>Une image vaut mille mots !</h3>
|
||
<p>Après le mariage, vous pourrez partager vos photos ici: <br>
|
||
<I><a href="https://marieetguillaume.ddns.net/index.php/s/s8BBtnbHwKtrAFS">à vous d'uploader</a></I>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="row wp7">
|
||
<div class="col-md-4 col-md-offset-4">
|
||
<img src="img/appareil.jpg">
|
||
<br>
|
||
</div>
|
||
</div>
|
||
|
||
</a>
|
||
<div class='row wp7'>
|
||
<div class="col-md-12 text-center">
|
||
<h3>Visionnez les photos/vidéos des autres invités !</h3>
|
||
<a href="https://marieetguillaume.ddns.net/index.php/s/CoJtmHtm4RGbBam">Connexion</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-12 text-center">
|
||
<br>
|
||
<h3>Pour l'équipe EVJF <i class="fa fa-heart"></i> </h3>
|
||
<p>Merci pour la super surprise malgré les conditions si particulières ! </p>
|
||
</div>
|
||
</div>
|
||
<div class="row wp7">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<img src="img/EVJF/EVJF.png">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="rsvp text-center" id="rsvp">
|
||
|
||
<div id="rsvp-modal" class="modal fade" tabindex="-1" role="dialog">
|
||
<div class="modal-dialog" role="document">
|
||
<div class="modal-content">
|
||
<div class="modal-body">
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span>×</span>
|
||
</button>
|
||
<div class="section-padding">
|
||
<h3>Merci !</h3>
|
||
<p>Nous sommes très heureux à l'idée que vous vous joigniez à nous pour ce grand jour.</p>
|
||
<div id="add-to-cal"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-3">
|
||
<h3>On vous compte parmi nous ?</h3>
|
||
<p>Nous apprécierons d'avoir votre réponse dès que possible.</p>
|
||
<form id="rsvp-form" class="rsvp-form"
|
||
action=""
|
||
method="POST">
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group">
|
||
<i class="fa fa-envelope"></i><input type="email" name="email" class=""
|
||
placeholder="Email"
|
||
required>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group">
|
||
<i class="fa fa-user"></i><input name="name" class=""
|
||
placeholder="Prénom Nom"
|
||
required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group">
|
||
<i class="fa fa-user-plus"></i><input name="plus1" class=""
|
||
placeholder="Prénom Nom Conjoint">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group">
|
||
<i class="fa fa-users"></i><input type="number" name="enfants" class="" min="0"
|
||
max="3"
|
||
placeholder="Nombre d'enfants"
|
||
required>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<div class="row">
|
||
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group"> <i class="fa fa-phone"></i>
|
||
<input name="Telephone" class=""
|
||
placeholder="Telephone"
|
||
required>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-sm-6">
|
||
<div class="form-input-group">
|
||
<i class="fa fa-key"></i><input type="number" name="invite_code" id="invite_code"
|
||
class="" min="0"
|
||
placeholder="Code d'invitation"
|
||
required>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col-md-12 col-sm-6">
|
||
<div class="form-input-group"> <i class="fa fa-comment"></i>
|
||
<input name="Commentaire" class=""
|
||
placeholder="Message/Commentaires"
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-12" id="alert-wrapper"></div>
|
||
</div>
|
||
<button class="btn-fill rsvp-btn">
|
||
Répondre !
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<div class="container" >
|
||
<div class="row">
|
||
<div class="col-sm-12 text-center content">
|
||
<span class="to-top-wrapper"><a href="#top" class="to-top"><i class="fa fa-angle-up"></i></a></span>
|
||
<!-- <img src="img/frise.png"> -->
|
||
<p>Créé par Guillaume <span class="fa fa-heart pulse2"></span> Design par Marie</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
|
||
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
|
||
<script src="js/jquery.fancybox.pack.js"></script>
|
||
<script src="js/vendor/bootstrap.min.js"></script>
|
||
<script src="js/jquery.flexslider-min.js"></script>
|
||
<script src="js/jquery.mb.YTPlayer.min.js"></script>
|
||
<script src="node_modules/waypoints/lib/jquery.waypoints.min.js"></script>
|
||
<script src="js/vendor/ouical.js"></script>
|
||
<script src="js/scripts.js"></script>
|
||
<!--<script async defer
|
||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB3hqxSBOlYPSqSdem12TyJi6OnontwoDk&callback=initMap"></script> -->
|
||
<!-- Google Analytics -->
|
||
<script>
|
||
(function (i, s, o, g, r, a, m) {
|
||
i['GoogleAnalyticsObject'] = r;
|
||
i[r] = i[r] || function () {
|
||
(i[r].q = i[r].q || []).push(arguments)
|
||
}, i[r].l = 1 * new Date();
|
||
a = s.createElement(o),
|
||
m = s.getElementsByTagName(o)[0];
|
||
a.async = 1;
|
||
a.src = g;
|
||
m.parentNode.insertBefore(a, m)
|
||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
|
||
ga('create', 'UA-46465113-4', 'auto');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
</body>
|
||
</html>
|