Offre éphémère

Format

Sidebox

COMPLEXITÉ

Low
Figma
🔥 Le code de ce scénario a été copié dans votre presse-papier
Preview
{"archived":0,"name":"[FR] Hotel Regina ","stages":[{"__typename":"ScenarioStages","customScript":"","formatContainer":{"__typename":"ScenarioStagesFormatContainer","closeButtonStyle":{"position":"absolute","top":"0","right":"0"},"coverStyle":{"opacity":".6","transition":"opacity .5s linear","background-color":"black"},"iframeStyle":{},"wrapperClose":{"transition":"right .3s linear","right":"-380px"},"wrapperHidden":{"width":"380px","height":"94vh","right":"-380px","bottom":"3vh","border-radius":"15px","max-height":"700px"},"wrapperOpen":{"transition":"right .3s linear","right":"1vw"}},"htmlCloseButton":"<style>\n .perfmaker-close-cross {\n cursor: pointer;\n display: block;\n background-color: transparent !important;\n color: #947C3C !important;\n width: 40px;\n height: 40px;\n font-size: 16px;\n line-height: 40px;\n text-align: center;\n font-weight: 600;\n }\n @media only screen and (max-width: 600px) {\n .perfmaker-sidebar-wrapper {\n width: 90% !important;\n \tleft:5% !important;\n }\n }\n \n</style>\n<a class=\"perfmaker-close-cross\">\n X\n</a>\n","htmlContent":"\n<style>\n\t@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');\n\n @font-face {\n font-family: \"Futura\";\n src: url(\"https://img.perfmaker.net/812/1642690439_Futura.woff2\")\n }\n @font-face {\n font-family: \"honey2\";\n src: url(\"https://img.perfmaker.net/812/1643118793_hello honey.otf\");\n }\n\n\n\t.pm-root{\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: white;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n border-radius:15px;\n overflow:hidden;\n\t}\n .pm-header{\n \twidth:100%;\n height:10vh;\n display:flex;\n justify-content:center;\n align-items:center;\n }\n .pm-header img{\n \theight:8vh;\n margin-top:2vh;\n }\n\t.pm-text-container{\n \tz-index:2;\n\t\twidth: 90%;\n height:55vh;\n\t\tdisplay: flex;\n justify-content:center;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t}\n .condition-container{\n \twidth:88%;\n text-align:left;\n }\n \n .pm-subtitle{\n\tcolor:#C34343;\n margin:0;\n font-family: 'honey2';\n font-size: calc(14px + 2.4vh + 1.3vw);\n font-weight: 1;\n }\n\t.pm-title{\n\t\tfont-family: 'playfair display';\n\t\tcolor: black;\n\t\tfont-size: calc(10px + 2.3vh + 1.3vw);\n \twidth:100%;\n font-weight:300;\n margin-bottom: 1vh;\n\t}\n\t.pm-reduc {\n font-family: \"Futura\";\n font-size: calc(9px + 1vh);\n font-weight: 400;\n margin-top: 0;\n}\n\t\n\t.pm-conditions {\n font-size: calc(8px + 1vh);\n font-family: \"Futura\";\n\tlist-style-image:url(https://img.perfmaker.net/812/1643103167_Union.svg);\n font-weight:500;\n padding-top:1.2vh; \n}\n .pm-conditions span {\n \tcolor:#C34343;\n }\n\t\n\t.pm-btn-container{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\twidth: 100%;\n z-index:2;\n margin-top:3vh;\n\t}\n\t\n\t\n\t.pm-btn-container button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0.6vh 13vw 0.6vh 13vw;\n border: solid 3px #C34343;\n cursor: pointer;\n background: #C34343;\n color: white;\n transition: all ease .7s;\n font-size: calc(10px + .6vh);\n text-transform: uppercase;\n font-family: 'futura';\n}\n .pm-text-btn{\n \tfont-size: calc(5px + .5vh);\n text-align:left;\n margin: 0.5vh;\n color:grey;\n font-style:italic;\n font-family: 'futura';\n }\n \n \n \n\t.pm-btn-container button:hover{\n\t\tborder: solid 3px #8A2D2D;\n \tbackground:#8A2D2D;\n\t}\n \n \n\t.pm-bg-container{\n\t\twidth: 100%;\n\t\tposition: absolute;\n\t\tbottom: 0px;\n\t\tleft: 0;\n \tz-index:1;\n border-radius:0px 0px 15px 15px;\n \toverflow:hidden;\n\t}\n .bottom-span{\n \tcolor:white;\n font-size:calc(6px + .3vh + .5vw);\n position:absolute;\n bottom:0px;\n left:10px;\n text-align:left;\n z-index:3;\n font-family:'futura';\n\tfont-style:italic;\n text-shadow:black 0px 0px 5px;\n }\n @media (max-height:699px){\n .pm-text-container{\n \theight:50vh;\n }\n }\n @media (max-height: 650px){\n\t.pm-btn-container {\n margin-top: 0vh;\n}\n</style>\n\n\n<div class=\"pm-root\">\n \n\t<div class=\"pm-text-container\">\n\t\t<h1 class=\"pm-title\">Offre spéciale\n\t\t<p class=\"pm-subtitle\">Saint Valentin</p></h1>\n <ul class=\"condition-container\">\n \t<li class=\"pm-conditions pm-conditions\"><!--<img src=\"https://img.perfmaker.net/812/1643103167_Union.svg\">-->Une <span>bouteille de Champagne</span> offerte</li>\n\t\t<li class=\"pm-conditions2 pm-conditions\"><!--<img src=\"https://img.perfmaker.net/812/1643103167_Union.svg\">--><span>Surclassement</span> offert*</li>\n <li class=\"pm-conditions3 pm-conditions\"><!--<img class=\"heart3\" src=\"https://img.perfmaker.net/812/1643103167_Union.svg\">--><span>Arrivée anticipée</span> et <span>départ tardif</span> offerts et garantis** </li>\n <li class=\"pm-conditions2 pm-conditions\"><!--<img src=\"https://img.perfmaker.net/812/1643103167_Union.svg\"--><span>Petit-déjeuner</span> inclus</li>\n <li class=\"pm-conditions2 pm-conditions\"><!--<img src=\"https://img.perfmaker.net/812/1643103167_Union.svg\">-->Conditions d'annulation <span>flexibles</span></li>\n </ul>\n <div class=\"pm-btn-container\">\n <button class=\"perfmaker-action\" data-onclick=\"HIDE_SIDEBAR\" data-url='https://be.synxis.com/?adult=2&arrive=2022-02-14&brand=BAVEREZ&chain=10237&child=0&config=PARHR&configcode=PARHR&currency=EUR&depart=2022-02-15&hotel=55375&level=hotel&locale=fr-FR&rate=STVALHWS&rooms=1&theme=PARHR&themecode=PARHR'>Je réserve</button>\n <p class=\"pm-text-btn\">Réservable du 10 au 15 février inclus</p>\n\t</div>\n\t</div>\n\t\n\t<img class=\"pm-bg-container\" src=\"https://img.perfmaker.net/812/1643107478_View%204%20-%20%C2%A9Hotel%20Regina%20Paris%203%20(1).png\">\n <p class=\"bottom-span\">*Garanti pour les chambres et selon disponibilités pour les suites<br>** À partir de 9h et jusqu’à 16h</p>\n</div>","name":"scène 1","notBlocking":null}],"transitions":[[{"__typename":"ScenarioTransitions","actionType":null,"closeBefore":false,"data":null,"nextStage":null}]]}