|
|
(Une révision intermédiaire par le même utilisateur non affichée) |
Ligne 1 : |
Ligne 1 : |
| | | |
− | {{#tag:html|
| |
− | <!-- Global site tag (gtag.js) - Google Analytics -->
| |
− | <script async src="https://www.googletagmanager.com/gtag/js?id=G-B39ZP5NXJ2"></script>
| |
− | <script>
| |
− | window.dataLayer = window.dataLayer || [];
| |
− | function gtag(){dataLayer.push(arguments);}
| |
− | gtag('js', new Date());
| |
− |
| |
− | gtag('config', 'G-B39ZP5NXJ2');
| |
− | </script>
| |
− |
| |
− |
| |
− | <div class="background2" style="width:100%; height: 100vh; position:relative;">
| |
− |
| |
− |
| |
− | <div style="position:sticky;top:0;width:100%;height:120px;background-color:white; display: flex; justify-content: space-between; align-items:center; z-index:500">
| |
− | <div style="display:flex; height:100%; align-items:center">
| |
− | <div style="float:left; margin-left:20px"><img src="/images/Logo_SCOT.jpg" width="110px"></div>
| |
− | <div style="float:left; padding-left:50px;font-size:90%">Un renseignement sur l'opération BIMBY-BUNTI ?<br>Appelez le SCoT des Vosges Centrales :<br><img src="/images/Logo_Tel2.png" width="15px"> <a href="tel:+33329324796"style="color:black">03 29 32 47 96</a> </div>
| |
− | </div>
| |
− | <div style="text-align:center">
| |
− | Une idée ? Un projet ? Appelez l'équipe du LIV<br>
| |
− | <div style="margin-top:10px; display:flex; width:100%">
| |
− | <div style="border:solid 2px #05C3DE; background-color:#05C3DE; height:30px; width:200px"><a href="tel:+33805383444"style="color:white; font-weight:bold;font-size:150%; position:relative; top:-2px"><img src="/images/Logo_Tel3.png" width="20px"> 0 805 383 444</a></div>
| |
− | <div style="border:solid 2px #05C3DE; width:120px; height:30px; color:#05C3DE; line-height:30px">n° vert gratuit</div>
| |
− | </div>
| |
− | <div style="margin-top:10px">
| |
− | <a href="mailto:paul.lemperiere@vivantes.fr"style="color:black"><img src="/images/Logo_Mail.png" width="15px"> Contactez nous</a>
| |
− | </div>
| |
− | </div>
| |
− | <div style="display:flex; height:100%; align-items:center; margin-right:20px">
| |
− | <img src="/images/Logo_BIMBY.png" width="80px" style="margin-right:15px">
| |
− | <img src="/images/Logo_BUNTI.png" width="80px" style="margin-right:15px">
| |
− | <img src="/images/Logo_LIV.png" width="80px">
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="width:70vw;position:absolute; bottom:50px;">
| |
− | <div style="width:100%; height:110px; text-align:center; line-height:110px; background-color:rgba(255,255,255,0.8); position:absolute; bottom:50px; font-weight:900; font-size:3.5vw; letter-spacing: 0.5rem">
| |
− | OPÉRATION <span style="color:#ff217f">BIMBY</span>-<span style="color:#05C3DE">BUNTI</span></div>
| |
− | <div style="text-align:center; position:absolute; left:50%; bottom:30px; background-color:#05C3DE; font-family:Caveat; Font-size:250%; color:white; width:380px; text-align;center; z-index:100; height:40px; line-height:40px">du SCoT des Vosges Centrales</div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div style="display:flex; justify-content: center; align-items:center; width:100%; background-color:white;">
| |
− | <div style="position:relative; margin: 150px 0; padding-right:50px">
| |
− | <div style="float:left; text-align:right; font-size:400%; font-weight:900; line-height:20px">«</div>
| |
− | <div style="float:left; width:520px; text-align:right"><span style="font-size:160%; font-style:italic">Avec Bimby et Bunti, nous offrons un nouveau service aux habitants, des idées concrètes pour redonner de la vie à nos villes et nos villages en préservant nos terres naturelles et agricoles.</span><br><br><span style="font-weight:bold;font-size:130%">Michel Heinrich,</span><br><span style="font-style:italic">Président du syndicat du SCoT de Vosges Centrales</span></div>
| |
− | <div style="float:left; position:absolute; right:0; bottom:75px; font-size:400%; font-weight:900; line-height:40px">»</div>
| |
− | </div>
| |
− |
| |
− | <div>
| |
− | <img src="/images/Heinrich.png" width="200px" style="margin-left:20px">
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="width:100%; background-color:#f0f0f0; padding: 105px 0">
| |
− |
| |
− | <div style="font-size:200%; font-weight:800; width:800px; margin: 0 auto">
| |
− | BIMBY - BUNTI : découvrez le potentiel de votre bien !
| |
− | <div style="margin-top:5px; width:30%; height:6px; background-color:#05C3DE"></div>
| |
− | </div>
| |
− | <div style="width:750px; font-size:120%; margin:50px auto 0 auto; text-align:justify">
| |
− | Avec les opérations BIMBY (« Build In My Back Yard », ou « Construire dans mon jardin ») et BUNTI (de « tisser » en hindi, mais aussi de l'anglo-normand « bontë », « bonté »), le SCoT des Vosges Centrales a missionné l’équipe du LIV <span style="font-weight:bold">pour accompagner les habitants volontaires dans la réalisation de leurs projets d’habitat.</span><br><br>
| |
− | Du lundi au samedi, de 9 h à 19 h, ces professionnels de l’architecture, de l’urbanisme et du paysage sont à votre écoute pour étudier vos projets et les modéliser en 3D. Du sur-mesure pour chaque habitant des Vosges Centrales qui en saisit l’opportunité !
| |
− | </div>
| |
− |
| |
− | <div style="display:flex; justify-content: center; margin: 80px auto 0 auto">
| |
− |
| |
− | <div style="margin:20px; width:350px; height:200px; background-color:white; box-shadow: 2px 2px 10px #c8c8c8;position:relative">
| |
− | <div style="position:absolute; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:110px; height:110px; background-color:#ff217f; display:flex; align-items:center; justify-content:center">
| |
− | <img src="/images/HouseCare.svg" width="70px">
| |
− | </div>
| |
− | <div style="padding-top:70px; position:relative; width:100%; font-weight:bold; color: #ff217f; text-align:center">
| |
− | Vous êtes propriétaire d’une maison<br>
| |
− | et souhaitez connaître les possibilités<br>
| |
− | de construction d’une nouvelle habitation<br>
| |
− | pour vous-même, un proche<br>ou un nouvel habitant ?
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="margin:20px; width:350px; height:200px; background-color:white; box-shadow: 2px 2px 10px #c8c8c8;position:relative">
| |
− | <div style="position:absolute; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:110px; height:110px; background-color:#ff217f; display:flex; align-items:center; justify-content:center">
| |
− | <img src="/images/House.svg" width="70px">
| |
− | </div>
| |
− | <div style="padding-top:90px; position:relative; width:100%; font-weight:bold; color: #ff217f; text-align:center">
| |
− | Vous souhaitez faire bâtir ou rénover<br>
| |
− | pour vous installer dans les Vosges Centrales ?
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="margin:20px; width:350px; height:200px; background-color:white; box-shadow: 2px 2px 10px #c8c8c8;position:relative">
| |
− | <div style="position:absolute; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:110px; height:110px; background-color:#ff217f; display:flex; align-items:center; justify-content:center">
| |
− | <img src="/images/Hammer.svg" width="70px">
| |
− | </div>
| |
− | <div style="padding-top:90px; position:relative; width:100%; font-weight:bold; color: #ff217f; text-align:center">
| |
− | Vous souhaitez rénover et reconfigurer<br>
| |
− | un bien dont vous êtes propriétaire ?
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | <div style="width:750px; font-size:120%; margin:50px auto 0 auto; text-align:justify">
| |
− | Les opérations BIMBY/BUNTI proposent un urbanisme en circuit court : construire ou rénover des logements sur mesure sans consommer de terres naturelles et agricoles, au coeur des bourgs et respectueux de ce patrimoine.<br><br>
| |
− | <span style="font-weight:bold">L’objectif ?</span> Permettre aux propriétaires de valoriser leur patrimoine, de faire avancer leurs
| |
− | projets de toutes natures et accueillir une population nouvelle dans une offre immobilière
| |
− | séduisante et diversifiée, en contribuant à l’activité des professionnels du territoire et en
| |
− | confortant la vie et l’identité des bourgs.
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <div style="width:100%; height:100vh; padding:80px 0">
| |
− | <div style="font-size:200%; font-weight:800; width:870px; margin: 0 auto">
| |
− | Les Vosgiens métamorphosent leur habitat et leur territoire !
| |
− | <div style="margin:5px 0 30px 0; width:30%; height:6px; background-color:#05C3DE"></div>
| |
− | </div>
| |
− |
| |
− | <div style="display:flex;justify-content:center; height:100%">
| |
− |
| |
− | <div style="height:100%">
| |
− | <img src="/images/Carte_Vosges-V12-01.png" height="80%">
| |
− | </div>
| |
− |
| |
− | <div style="">
| |
− | <div>
| |
− | <div style="width:400px; margin: 0 auto; text-align:center; color:#4095fc; font-family:Bebas Neue; font-size:900%; line-height:130px">208</div>
| |
− | <div style="position:relative; border-radius:20px; border: solid 1px #4095fc; width:400px; margin: 0 auto; padding: 20px 0">
| |
− | <div style="padding: 0 10px; background-color:white; font-weight:700; font-size:150%; position:absolute; top:-20px; left:25px">projets accompagnés</div>
| |
− | <div style="display:flex; justify-content:center">
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #6100c2">
| |
− | <div style=" font-size:350%;">128</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BUNTI</div>
| |
− | <div style="border-radius:50%; width:10px; height:10px; border: 1px solid #6100c2; margin:0 auto"></div>
| |
− | </div>
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #ff217f">
| |
− | <div style=" font-size:350%;">52</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BIMBY</div>
| |
− | <div style="border-radius:50%; width:10px; height:10px; border: 1px solid #ff217f; margin:0 auto"></div>
| |
− | </div>
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #00bfda">
| |
− | <div style=" font-size:350%;">28</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BIMBY-BUNTI</div>
| |
− | <div style="border-radius:50%; width:10px; height:10px; border: 1px solid #00bfda; margin:0 auto"></div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div>
| |
− | <div style="width:400px; margin: 20px auto 0 auto; text-align:center; color:#4095fc; font-family:Bebas Neue; font-size:900%; line-height:130px">108</div>
| |
− | <div style="position:relative; border-radius:20px; border: solid 1px #4095fc; width:400px; margin: 0 auto; padding: 20px 0">
| |
− | <div style="padding: 0 10px; background-color:white; font-weight:700; font-size:150%; position:absolute; top:-20px; left:25px">projets de logements aboutis<br><div style="font-weight:500;font-size:65%; line-height:10px">(autorisation d'urbanisme obtenue)</div></div>
| |
− | <div style="display:flex; justify-content:center">
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #6100c2">
| |
− | <div style=" font-size:350%;">58</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BUNTI</div>
| |
− | <div style="border-radius:50%; width:20px; height:20px; border: 1px solid #6100c2; margin:0 auto">
| |
− | <div style="border-radius:50%; width:10px; height:10px; background-color:#6100c2; margin: 5px">
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #ff217f">
| |
− | <div style=" font-size:350%;">10</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BIMBY</div>
| |
− | <div style="border-radius:50%; width:20px; height:20px; border: 1px solid #ff217f; margin:0 auto">
| |
− | <div style="border-radius:50%; width:10px; height:10px; background-color:#ff217f; margin: 5px">
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div style="flex:1; text-align:center;font-family:Bebas Neue; color: #00bfda">
| |
− | <div style=" font-size:350%;">40</div>
| |
− | <div style="font-size:180%; margin-top:-18px">BIMBY-BUNTI</div>
| |
− | <div style="border-radius:50%; width:20px; height:20px; border: 1px solid #00bfda; margin:0 auto">
| |
− | <div style="border-radius:50%; width:10px; height:10px; background-color:#00bfda; margin: 5px">
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div style="width:calc(100% - 40px);background-color:#f0f0f0; padding : 40px; height:300px">
| |
− |
| |
− | <div style="float:left">
| |
− | <div style="display:flex; height:100px; align-items:center; margin:20px">
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_SCOT.jpg" width="110px"></div>
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_CCMD.png" width="110px"></div>
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_CAE.png" width="150px"></div>
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_Dpt.png" width="150px"></div>
| |
− | <div style="float:left"><img src="/images/Logo_Region.png" width=170px"></div>
| |
− | </div>
| |
− |
| |
− | <div style="display:flex; height:100px; align-items:center; margin:20px">
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_LIV.png" width="80px"></div>
| |
− | <div style="float:left; margin-right:10px"><img src="/images/Logo_BIMBY.png" width="100px"></div>
| |
− | <div style="float:left; "><img src="/images/Logo_BUNTI.png" width="100px"></div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="float:right; text-align:right; padding: 20px 40px 0 0;font-size:120%">
| |
− | N'attendez plus,<br>
| |
− | <span style="font-weight:bold">Contactez nous !</span> <br><br>
| |
− | <img src="/images/Logo_Tel2.png" width="15px"><a href="tel:+33329324796"style="color:black; font-weight: bold">03 29 32 47 96</a><br>
| |
− | <span style="font-size: 80%; line-height:5px">n°vert gratuit</span><br>
| |
− | <a href="mailto:bonjour@vivantes.fr"style="color:black"><img src="/images/Logo_Mail.png" width="15px"> bonjour@vivantes.fr</a>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | }}
| |