1 2<!DOCTYPE HTML> 3<html lang="pt" class="js"> 4 5<head> 6 <link rel="apple-touch-icon" sizes="180x180" href="https://www.yorn.net/content/dam/digital-yorn/favicon/apple-touch-icon.png"/> 7 <link rel="icon" type="image/png" sizes="32x32" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-32x32.png"/> 8 <link rel="icon" type="image/png" sizes="16x16" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-16x16.png"/> 9 10 <link rel="icon" type="image/png" sizes="48x48" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-48x48.png"/> 11 <link rel="icon" type="image/png" sizes="96x96" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon-96x96.png"/> 12 <link rel="icon" type="image/svg+xml" href="https://www.yorn.net/content/dam/digital-yorn/favicon/favicon.svg"/> 13 14 <link rel="manifest" href="https://www.yorn.net/content/dam/digital-yorn/favicon/site.webmanifest"/> 15 16 <title>Parcerias - Yorn</title> 17 <meta name="description" content="Se és o que fazes, com a Yorn consegues ser mais a gastar menos, com promoções e descontos exclusivos para clientes Yorn. Aproveita as nossas parcerias!"/> 18 <meta name="viewport" content="width=device-width, initial-scale=1"/> 19 <meta name="robots" content="index, follow"/> 20 <meta name="facebook-domain-verification" content="m2kj30gjqpgtlsz7qgfspqq8v33eep"/> 21 22 23 24 <link rel="canonical"/> 25 26 27 28 29 30 31 32 <meta property="og:title" content="Parcerias"/> 33 34 35 36 37 <meta property="og:description" content="Se és o que fazes, com a Yorn consegues ser mais a gastar menos, com promoções e descontos exclusivos para clientes Yorn. Aproveita as nossas parcerias!"/> 38 39 40 41 42 <meta property="og:url"/> 43 44 45 46 47 <meta property="og:type" content="website"/> 48 49 50 51 52 <meta property="og:site_name" content="YORN"/> 53 54 55 56 57 <meta property="og:locale" content="pt_PT"/> 58 59 60 61 62 <meta property="og:image" content="https://www.yorn.net/content/dam/digital-yorn/images/yorn-thumbnail-1200x630.jpg"/> 63 64 65 66 67 <meta property="twitter:card" content="summary"/> 68 69 70 71 72 <meta property="twitter:title" content="Parcerias"/> 73 74 75 76 77 <meta property="twitter:description" content="Se és o que fazes, com a Yorn consegues ser mais a gastar menos, com promoções e descontos exclusivos para clientes Yorn. Aproveita as nossas parcerias!"/> 78 79 80 81 82 <meta property="twitter:image" content="https://www.yorn.net/content/dam/digital-yorn/images/yorn-thumbnail-1200x630.jpg"/> 83 84 85 86
86<script> 87 88 pageTitle = "Parcerias"; 89 90 var pagePath = "/content/digital-yorn/pt/yorn/parcerias"; 91 var canonicalUrl = ""; 92 var canonicalPath = 'https://www.yorn.net/yorn'; 93 94 if (pagePath.indexOf('digital-yorn') > -1){ 95 if (pagePath.indexOf('yorn') > -1) { 96 if (pagePath.split('yorn')[1].length > -1) { 97 canonicalPath += pagePath.split("content/digital-yorn/pt/yorn")[1] + '.html'; 98 } 99 } 100 } else { 101 canonicalPath += '/' + pagePath.split("/pt/")[1] + '.html'; 102 } 103 104 document.querySelector("link[rel='canonical']").setAttribute('href', canonicalPath); 105 106 if(canonicalUrl){ 107 document.querySelector("link[rel='canonical']").setAttribute('href', canonicalUrl); 108 } 109 110 </script>
110 111 112 113 114 115<link rel="stylesheet" href="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn.min.eb8785fd1491bed5972fbbdb4e9d0384.css" type="text/css"> 116 117 118 119 120 121
122<script src="/etc.clientlibs/clientlibs/granite/jquery.min.js"></script>
vendor: 1 bytes, line 122
122
123<script src="/etc.clientlibs/digital-commons/clientlibs/vendor/crypto-js.min.js"></script>
vendor: 1 bytes, line 123
123
124<script src="/apps/digital-yorn/clientlib-yorn-all.min.js"></script>
124 125 126 127 128 129 130
131<script src="/etc.clientlibs/digital-commons/clientlibs/clientlib-site.min.js"></script>
131 132 133 134 135 136 137<!-- fix $CQ AEM 6.5 dependencies issue --> 138 139
140<script src="/etc.clientlibs/foundation/clientlibs/jquery.min.js"></script>
vendor: 1 bytes, line 140
140
141<script src="/etc.clientlibs/foundation/clientlibs/shared.min.js"></script>
141 142 143 144 145<!-- fix $CQ AEM 6.5 dependencies issue --> 146 147
148<script type="text/javascript"> 149 (function() { 150 window.ContextHub = window.ContextHub || {}; 151 152 /* setting paths */ 153 ContextHub.Paths = ContextHub.Paths || {}; 154 ContextHub.Paths.CONTEXTHUB_PATH = "/etc/cloudsettings/default/contexthub"; 155 ContextHub.Paths.RESOURCE_PATH = "\/content\/digital\u002Dyorn\/pt\/yorn\/parcerias\/_jcr_content\/contexthub"; 156 ContextHub.Paths.SEGMENTATION_PATH = "\/etc\/segmentation\/contexthub"; 157 ContextHub.Paths.CQ_CONTEXT_PATH = ""; 158 159 /* setting initial constants */ 160 ContextHub.Constants = ContextHub.Constants || {}; 161 ContextHub.Constants.ANONYMOUS_HOME = "/home/users/H/HZgHXq3vSIvbXLQEH_R6"; 162 ContextHub.Constants.MODE = "no-ui"; 163 }()); 164 </script>
164<script src="/etc/cloudsettings/default/contexthub.kernel.js" type="text/javascript"></script>
164 165 166 167 168 169 170 171 172
172<script type="text/javascript" src="https://tags.vodafone.pt/pt-universal/prod/utag.sync.js"></script>
172 173 174
175<script> 176 let pageActionId = "Page View Yorn Partnerships", 177 contextPartner = "", 178 propertiesPath = "/content/digital-yorn/pt/yorn/parcerias"; 179 var utag_data = { 180 action_id: pageActionId 181 }; 182 if(contextPartner){ 183 utag_data.context_partner = contextPartner; 184 } 185</script>
185 186 187<!--COOKIE LAYER INIT--> 188 189 190<link rel="stylesheet" href="/etc.clientlibs/digital-commons/components/content/hidden/vf_cookieContext/clientlibs.min.019054dbdd125855fcaa3af1ca6e5dff.css" type="text/css">
191<script src="/etc.clientlibs/digital-commons/components/content/hidden/vf_cookieContext/clientlibs.min.js"></script>
191 192 193 194 195 196 197 198 199 200 201<!----> 202 203 204 205 206 207 208 209 210 211</head> 212 213<body class="mouse-active preload window-scroll" data-js="_preload, _mouseActive, _docs, _windowScroll, _fixed" style="background: #0a0a1f"> 214 215<div class="root responsivegrid"> 216 217 218<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 219 220 <div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> 221 222 223 224 225 226 227 <div class="xfpage page basicpage"> 228 229 230 231 232<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 233 234 <div class="vf_header aem-GridColumn aem-GridColumn--default--12"> 235
236<script> 237 editMode = "false"; 238</script>
238 239 240<div id="headerCmp"> 241 <header class="nav-header" ref="navHeader" :class="{ 'nav-header--sticky': showStickyMenu, 'nav-header--mobile-open': showMobileMenu}"> 242 <div class="flex-wrap d-flex nav-header__wrapper"> 243 <p v-cloak class="text-white" v-if="editMode">Desktop Logo</p> 244 <div class="nav-header__home-link"> 245 <div class="nav-header__logo" data-context="header-yorn-logo"> 246 247 248 249 250 251 <a role="button" href="/yorn.html" target="_self"> 252 <span class="icon icon--fill 8" style="width: ; height: ;"> 253 <svg xmlns="http://www.w3.org/2000/svg" width="90" height="38" viewBox="0 0 90 38"> 254 <g fill="none" fill-rule="evenodd"> 255 <g fill="#FFF" fill-rule="nonzero"> 256 <g> 257 <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/> 258 </g> 259 </g> 260 </g> 261</svg> 262 263</span> 264<span class="visually-hidden"></span> 265 </a> 266 267 268 269 </div> 270 <p v-cloak class="text-white" v-if="editMode">Mobile Logo</p> 271 <div v-cloak class="nav-header__logo" v-if="editMode"> 272 273 274 275 276 277 <a role="button" href="/yorn.html" target="_self"> 278 <span class="icon 10" style="width: 50px; height: 50px;"> 279 <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.9
2791,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg> 280</span> 281<span class="visually-hidden"></span> 282 </a> 283 284 285 286 </div> 287 </div> 288 <nav class="nav-header__nav"> 289 290 291 292 293 294 295 <ul class="nav-header__menu"> 296 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}"> 297 <a href="/yorn/tarifario.html" target="_self"> 298 Tarifários 299 </a> 300 </li> 301 302 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}"> 303 <a href="/yorn/shake-it.html" target="_self"> 304 Shake It 305 </a> 306 </li> 307 308 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}"> 309 <a href="/yorn/parcerias.html" target="_self"> 310 Parcerias 311 </a> 312 </li> 313 314 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}"> 315 <a href="/yorn/ajuda.html" target="_self"> 316 Ajuda 317 </a> 318 </li> 319 </ul> 320 </nav> 321 <button onclick="yornCludoSearch.openCludoSearch()" class="nav-header__search-toggle" data-context="header-search-button"> 322 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/> 323 </button> 324 <div class="nav-header__cta " data-context="header-subscription-cta"> 325 326 327 328 329 330 331 332 333 334 335 336 <div class="d-flex 337 container justify-content-center text-black"> 338 339 340 341 342
343<script> 344 isDisabled = "false"; 345 title = "Adere Já"; 346 pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html"; 347 pathURLMobile = ""; 348 idButton = ""; 349</script>
349 350 351<div class="d-inline-flex "> 352 <a id="vf_button-" href="/yorn/adesao.html" class="button 353 d-flex 354 align-items-center 355 justify-content-center 356 text-decoration-none 357 358 359 360 button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); "> 361 362 363 364 <span class="button__label">Adere Já</span> 365 366 367 </a> 368</div> 369
370<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
370 371 </div> 372 373 374 375 376 377 378 379 380 381 382 383 </div> 384 <button class="nav-header__hamburguer-toggle" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu"> 385 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-hamburguer.svg"/> 386 </button> 387 </div> 388 389 390 <div class="nav-header__wrapper nav-header__wrapper--sticky d-flex flex-wrap"> 391 <div class="nav-header__home-link"> 392 <picture class="d-none d-md-block nav-header__logo" data-context="header-yorn-logo"> 393 394 395 396 397 <a role="button" href="/yorn.html" target="_self"> 398 <span class="icon icon--fill 8" style="width: ; height: ;"> 399 <svg xmlns="http://www.w3.org/2000/svg" width="90" height="38" viewBox="0 0 90 38"> 400 <g fill="none" fill-rule="evenodd"> 401 <g fill="#FFF" fill-rule="nonzero"> 402 <g> 403 <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/> 404 </g> 405 </g> 406 </g> 407</svg> 408 409</span> 410<span class="visually-hidden"></span> 411 </a> 412 413 414 415 </picture> 416 <picture class="d-md-none nav-header__logo" data-context="header-yorn-logo"> 417 418 419 420 421 <a role="button" href="/yorn.html" target="_self"> 422 <span class="icon 10" style="width: 50px; height: 50px;"> 423 <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.9
4231,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg> 424</span> 425<span class="visually-hidden"></span> 426 </a> 427 428 429 430 </picture> 431 </div> 432 <nav class="nav-header__nav"> 433 434 435 436 437 438 439 <ul class="nav-header__menu"> 440 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}"> 441 <a href="/yorn/tarifario.html" target="_self"> 442 Tarifários 443 </a> 444 </li> 445 446 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}"> 447 <a href="/yorn/shake-it.html" target="_self"> 448 Shake It 449 </a> 450 </li> 451 452 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}"> 453 <a href="/yorn/parcerias.html" target="_self"> 454 Parcerias 455 </a> 456 </li> 457 458 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}"> 459 <a href="/yorn/ajuda.html" target="_self"> 460 Ajuda 461 </a> 462 </li> 463 </ul> 464 </nav> 465 <button onclick="yornCludoSearch.openCludoSearch()" class="nav-header__search-toggle" data-context="header-search-button"> 466 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/> 467 </button> 468 <div class="nav-header__cta" data-context="header-subscription-cta"> 469 470 471 472 473 474 475 476 477 478 479 480 <div class="d-flex 481 container justify-content-center text-black"> 482 483 484 485 486
487<script> 488 isDisabled = "false"; 489 title = "Adere Já"; 490 pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html"; 491 pathURLMobile = ""; 492 idButton = ""; 493</script>
493 494 495<div class="d-inline-flex "> 496 <a id="vf_button-" href="/yorn/adesao.html" class="button 497 d-flex 498 align-items-center 499 justify-content-center 500 text-decoration-none 501 502 503 504 button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); "> 505 506 507 508 <span class="button__label">Adere Já</span> 509 510 511 </a> 512</div> 513
514<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
514 515 </div> 516 517 518 519 520 521 522 523 524 525 526 527 </div> 528 <button class="nav-header__hamburguer-toggle" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu"> 529 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-hamburguer.svg"/> 530 </button> 531 </div> 532 <transition name="slide"> 533 <div class="nav-header__mobile-menu" :class="{'nav-header__mobile-menu--active': showMobileMenu}" v-show="showMobileMenu"> 534 <div class="mobile-menu__wrapper"> 535 <div class="mobile-menu__top-wrapper"> 536 <div class="nav-header__home-link"> 537 <div class="nav-header__logo" data-context="header-yorn-logo"> 538 539 540 541 542 <a role="button" href="/yorn.html" target="_self"> 543 <span class="icon 10" style="width: 50px; height: 50px;"> 544 <svg xmlns="http://www.w3.org/2000/svg" id="f14e0ef1-ed07-473c-a6c7-77d6abc252d5" viewBox="0 0 192 192"><path d="M45.76,28.51a2.6,2.6,0,0,0-2.08-1.22H26.54c-1.37,0-1.93,1-1.25,2.17L85,133.59A2.65,2.65,0,0,1,85,136l-5.54,9.62a1.64,1.64,0,0,1-1.25.74H70.82c-1.38,0-1.94-1-1.25-2.18l4.33-7.86a2.71,2.71,0,0,0,0-2.45l-8.62-15a1.33,1.33,0,0,0-2.45,0l-25,43.64c-.68,1.2-.14,2.18,1.25,2.18H88.72A1.64,1.64,0,0,0,90,164L105,138a6.91,6.91,0,0,0,0-6.29Z" fill="#ffffff" stroke="none"></path><path d="M164.51,27.29H116.36a1.57,1.57,0,0,0-1.24.73l-12.69,22a1.65,1.65,0,0,0,0,1.44l8,13.91a2.45,2.45,0,0,0,3.32,1,2.53,2.53,0,0,0,.92-.86l11-19.17a1.54,1.54,0,0,1,1.25-.74h7.35c1.4,0,2,1,1.25,2.18l-22,38.37a1.31,1.31,0,0,1-1.72.73,1.34,1.34,0,0,1-.73-.73L78.06,28.49A2.64,2.64,0,0,0,76,27.26H58.84c-1.37,0-1.93,1-1.25,2.18L109,119.17c1.83,3.18,4.9,3.18,6.68,0L166.57,31C167.62,28.93,166.69,27.29,164.51,27.29Z" fill="#ffffff" stroke="none"></path></svg> 545</span> 546<span class="visually-hidden"></span> 547 </a> 548 549 550 551 </div> 552 </div> 553 <button class="nav-header__hamburguer-toggle nav-header__close-button" data-context="header-burger-menu" @click="showMobileMenu = !showMobileMenu"> 554 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg"/> 555 </button> 556 </div> 557 <div class="mobile-menu__center-wrapper"> 558 <div> 559 560 561 562 563 564 565 <ul class="nav-header__menu"> 566 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Tarifários" :class="{'nav-header__menu-item--active': false}"> 567 <a href="/yorn/tarifario.html" target="_self"> 568 Tarifários 569 </a> 570 </li> 571 572 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Shake It" :class="{'nav-header__menu-item--active': false}"> 573 <a href="/yorn/shake-it.html" target="_self"> 574 Shake It 575 </a> 576 </li> 577 578 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Parcerias" :class="{'nav-header__menu-item--active': false}"> 579 <a href="/yorn/parcerias.html" target="_self"> 580 Parcerias 581 </a> 582 </li> 583 584 <li class="nav-header__menu-item" data-context="header-main-menu-item" key="Ajuda" :class="{'nav-header__menu-item--active': false}"> 585 <a href="/yorn/ajuda.html" target="_self"> 586 Ajuda 587 </a> 588 </li> 589 </ul> 590 </div> 591 592 593 594 595 596 597 598 599 600 601 602 <div class="d-flex 603 container justify-content-center text-black"> 604 605 606 607 608
609<script> 610 isDisabled = "false"; 611 title = "Adere Já"; 612 pathURLDesktop = "/content/digital-yorn/pt/yorn/adesao.html"; 613 pathURLMobile = ""; 614 idButton = ""; 615</script>
615 616 617<div class="d-inline-flex "> 618 <a id="vf_button-" href="/yorn/adesao.html" class="button 619 d-flex 620 align-items-center 621 justify-content-center 622 text-decoration-none 623 624 625 626 button--primary button--red" role="button" title="Adere Já" target="_self" aria-label="Adere Já" onclick="yorn_tealium_button.methods.handleButtonClick('', '', 'Adere Já' ); "> 627 628 629 630 <span class="button__label">Adere Já</span> 631 632 633 </a> 634</div> 635
636<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
636 637 </div> 638 639 640 641 642 643 644 645 646 647 648 649 </div> 650 <div class="mobile-menu__search-wrapper"> 651 <button onclick="yornCludoSearch.openCludoSearch()" @click="searchClicked = true; howMobileMenu=false" class="mobile-menu__search-toggle" data-context="header-search-button"> 652 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg"/> 653 <span> {{labels.search}}</span> 654 </button> 655 </div> 656 </div> 657 </div> 658 </transition> 659 660 </header> 661</div> 662 663 664<div id="cludoSearch" class="yornSearch" ref="yornSearch"> 665 <transition name="opacity"> 666 <div class="modal" :class="{'modal--type-iframe modal--is-open': isOpen}" v-show="isOpen"> 667 <transition name="slide"> 668 <div class="modal__content" v-show="isOpen"> 669 <button class="modal__close-button" @click="closeCludoSearch"> 670 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg" class="icon icon--medium"/> 671 </button> 672 <div class="modal__iframe-wrapper"> 673 <div class="modal__iframe" ref="iFrameContainer"> 674 <div class="yornSearch__title">{{labels.TITLE}}</div> 675 <div class="yornSearch__wrapper" :class="{'yornSearch__wrapper--active': mode == 'active'}"> 676 677 <div class="yornSearch__searchbar" :class="{'yornSearch__border-bottom yornSearch__no-border': mode == 'active' && (suggestions || results)}"> 678 <button type="submit" class="button yornSearch__search-icon--wrapper" @click="handleInput" :disabled="searchDisabled"> 679 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-search.svg" class="yornSearch__search-icon"/> 680 </button> 681 <input type="text" class="button yornSearch__input" @focus="mode = 'active'" @blur="!searchTerm && mode=='active' ? mode = 'inactive' : ''" id="inputSearch" name="inputSearch" :placeholder="labels.YORN_SEARCH" v-model="searchTerm" required="required" autocomplete="off" @keyup="handleInput" ref="cludoInput"/> 682 <button type="reset" class="button yornSearch__close-icon--wrapper" v-if="searchTerm" @click="clearSearch"> 683 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-close.svg" class="yornSearch__close-icon"/> 684 </button> 685 </div> 686 687 <div class="yornSearch__item-wrapper row" v-show="(suggestions.length > 0 || results.length > 0) && mode == 'active'"> 688 <div class="col-12 col-sm-6 "> 689 <span class="yornSearch__subTitle">{{labels.QUESTIONS}}</span> 690 <div v-for="(question, index) in questions.slice(0, numberOfResultsShown)" @click="clickLog(question, index)"> 691 <yorn-hidden-button :key="question.Fields.Title.Value" class="button yornSearch__item" :label="question.Fields.Title.Value" :link="question.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"></yorn-hidden-button> 692 </div> 693 </div> 694 <div class="col-12 col-sm-6 mt-4 mt-sm-0"> 695 <span class="yornSearch__subTitle">{{labels.SUGGESTIONS}}</span> 696 <yorn-hidden-button :key="suggestion.Fields.Title.Value" v-for="suggestion in suggestions.slice(0, numberOfResultsShown)" class="button yornSearch__item" :label="suggestion.Fields.Title.Value" @click="searchWithSuggestion(suggestion.Fields.Title.Value)" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"></yorn-hidden-button>
696 697 </div> 698 </div> 699 700 <div class="yornSearch__item-wrapper" v-if="mode == 'searched'"> 701 <div class="row" v-show="questions.length > 0 || results.length > 0"> 702 <button class="button yornSearch__item m-0"> 703 <div class="mt-4 mb-3 col-12">{{labels.ALL_RESULTS}} ({{totalMatches}})</div> 704 </button> 705 <div class="yornSearch__divider mb-4"></div> 706 707 <div class="col-12 col-sm-6"> 708 <span class="yornSearch__subTitle">{{labels.QUESTIONS}}</span> 709 <div v-for="(question, index) in questions.slice(0, allResults? questions.length : numberOfResultsShown)" @click="tealiumRequest('Click Event Yorn Select Result at Search Results', question.Fields.Category.Value, question.Fields.Title.Value); clickLog(question, index)"> 710 <yorn-hidden-button :key="question.Fields.Title.Value" class="button yornSearch__item" :label="question.Fields.Title.Value" :link="question.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"> 711 </yorn-hidden-button> 712 </div> 713 </div> 714 <div class="col-12 col-sm-6 mt-4 mt-sm-0"> 715 <span class="yornSearch__subTitle">{{labels.RELEVANT}}</span> 716 <div v-for="(result, index) in results.slice(0, allResults? results.length : numberOfResultsShown)" @click="tealiumRequest('Click Event Yorn Select Result at Search Results', result.Fields.Category.Value, result.Fields.Title.Value); clickLog(result, index)"> 717 <yorn-hidden-button :key="result.Fields.Title.Value" class="button yornSearch__item" :label="result.Fields.Title.Value" :link="result.Fields.Url.Value" open-in-new-tab="_self" type="tertiary" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true"> 718 </yorn-hidden-button> 719 </div> 720 </div> 721 <div class="col-12 row mt-5 justify-content-center"> 722 <yorn-hidden-button v-if="!allResults && (results.length > numberOfResultsShown || questions.length > numberOfResultsShown)" key="more" label="Mais resultados" @click="allResults=true" type="primary" color="white"></yorn-hidden-button> 723 </div> 724 </div> 725 <div class="justify-content-center" v-show="results.length === 0"> 726 <div class="yornSearch__empty"> 727 <svg viewBox="0 0 192 192"><defs><linearGradient id="a898d470-7726-43bb-b20a-d9107dacfeaa" x1="4.79" y1="192.74" x2="4.79" y2="186.98" gradientTransform="matrix(24, 0, 0, -24, -19, 4637)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff5f88"></stop><stop offset="1" stop-color="#e8144a"></stop></linearGradient><mask id="aae69b89-8dc6-4106-8b97-c6fe732e7ec4" x="27.75" y="27.75" width="136.51" height="136.51" maskUnits="userSpaceOnUse"><circle id="b9322105-7e9e-42b6-abc1-f90036fac233" data-name="path-2" cx="96" cy="96" r="68.25" fill="#fff"></circle></mask></defs><circle id="f310e118-0c8c-4dc6-aeb9-c68be6e385be" data-name="path-2" cx="96" cy="96" r="68.25"></circle><circle id="b216ca08-e9b9-42f1-aabd-edad7aee40c5" data-name="path-2" cx="96" cy="96" r
727="68.25" fill="url(#a898d470-7726-43bb-b20a-d9107dacfeaa)"></circle><g mask="url(#aae69b89-8dc6-4106-8b97-c6fe732e7ec4)"><path d="M145.2,150.89a5.68,5.68,0,0,1-4-1.67L99.7,107.75a5.69,5.69,0,1,1,8-8l41.47,41.48a5.69,5.69,0,0,1-4,9.71Z" fill="#fff"></path></g><circle id="bf3963f6-d7d9-4c2d-b15c-b6d239f2be2c" data-name="Oval" cx="69.84" cy="69.84" r="45.5" fill="#fb668c"></circle><path d="M69.84,121A51.2,51.2,0,1,1,121,69.84,51.26,51.26,0,0,1,69.84,121Zm0-91a39.82,39.82,0,1,0,39.81,39.82A39.86,39.86,0,0,0,69.84,30Z" fill="#fff"></path></svg> 728 </div> 729 <p class="yornSearch__empty-description">{{labels.NO_RESULTS}}</p> 730 </div> 731 </div> 732 733 <div class="spring spring--md mt-5" v-show="mode == 'loading'"> 734 <div id="loading-search-result"></div> 735 </div> 736 </div> 737 </div> 738 </div> 739 </div> 740 </transition> 741 </div> 742 </transition> 743</div> 744 745
746<script id="hiddenButtonCmp" type="text/x-template"> 747 <button 748 class="button d-flex" 749 :class="[ 750 'button--'+ type, 751 type === 'primary' && 'button--' + color, 752 iconOnLeftSide && 'button--icon-on-left', 753 icon && 'button--has-icon', 754 iconOnly && 'button--hide-text', 755 iconOnlyMobile && 'button--hide-text-xs', 756 animateIconOnHover && 'button--animate-icon', 757 isDisabled && 'button--disabled' 758 ]" 759 @click="(event) => $emit('click', event)" 760 v-if="!link" 761 :disabled="isDisabled" 762 > 763 <span class="button__label">{{ label }}</span> 764 <img 765 v-if="icon" 766 :src="icon" 767 class="button__icon" 768 /> 769 </button> 770 <a 771 :onclick="(event) => $emit('click', event)" 772 class="button button--link" 773 :class="[ 774 'button--' + type, 775 type === 'primary' && 'button--' + color, 776 iconOnLeftSide && 'button--icon-on-left', 777 icon && 'button--has-icon', 778 iconOnly && 'button--hide-text', 779 iconOnlyMobile && 'button--hide-text-xs', 780 ]" 781 :href="link" 782 v-else-if="link && link.length" 783 :target="openInNewTab || '_blank'" 784 > 785 <div class="button__inner d-flex"> 786 <span class="button__label">{{ label }}</span> 787 <img 788 v-if="icon" 789 :src="icon" 790 class="button__icon" 791 /> 792 </div> 793 </a> 794</script>
794 795 796 797
798<script src="/etc.clientlibs/digital-yorn/components/content/hidden/vf_hiddenButton/clientlibs.min.js"></script>
798 799 800 801 802
803<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/structure/vf_cludoSearch/clientlibs.b5f89080f097f34c720252306bb7c106.js"> 804</script>
804 805 806 807 808
809<script src="/etc.clientlibs/digital-yorn/components/content/structure/vf_header/clientlibs.min.js"></script>
809 810 811 812</div> 813 814 815</div> 816</div> 817 818 819</div> 820<div class="responsivegrid responsivegrid-height aem-GridColumn--default--none aem-GridColumn aem-GridColumn--default--12 aem-GridColumn--offset--default--0"> 821 822 823<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 824 825 <div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 826 827 828 829 830 831 832 833 834 835 836 <div class=" parent-component__padding-on-top 837 container text-white"> 838 839 840 841<div class="row "> 842 843 844 845 <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center "> 846 <div></div> 847 848 849 850 851 852 853 854 <div class="vf_heading vf_parent_component"> 855 856<div class="mt-5 mb-2"> 857 858 859 860 861 862 863 864 865 866 <div class="text-white " style="background-color: "> 867 <div class="d-flex 868 container justify-content-center "> 869 870<h1 class="heading title" style="color : ;"> 871 872 PARCERIAS 873 874</h1> 875 876 </div> 877 </div> 878 879 880 881 882</div></div> 883 884 885 886 887 <div class="vf_heading vf_parent_component"> 888 889<div class="mb-5 text-center"> 890 891 892 893 894 895 896 897 898 899 <div class="text-white " style="background-color: "> 900 <div class="d-flex 901 container justify-content-center "> 902 903<h3 class="heading subtitle" style="color : ;"> 904 905 Se és o que fazes, com a Yorn consegues ser mais a gastar menos 906 907</h3> 908 909 </div> 910 </div> 911 912 913 914 915</div></div> 916 917 918 919 </div> 920 921 922 923</div> 924 925
926<script src="/etc.clientlibs/digital-yorn/components/content/authored/vf_grid/clientlibs.min.js"></script>
926 927 928 929 930 </div> 931 932 933 934 935 936 937 938 939 940 941</div> 942<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 943 944<div class="mt-5"> 945 946 947 948 949 950 951 952 953 <div class=" 954 container text-white"> 955 956 957 958<div class="row "> 959 960 961 962 963 964 965 966 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start mb-5"> 967 <div></div> 968 969 970 971 972 973 974 975 <div class="vf_partnershipCard vf_parent_component"> 976 977<div class="mt-lg-5 mt-md-5"> 978 979 980 981 982 983 984 985 986 <div id="partnershipCard001" class="d-flex 987 container justify-content-center text-white"> 988
988<script> 989 partnershipId = "partnershipCard001"; 990 title = "Subscrição Netflix"; 991 description = "Vê o que quiseres, quando quiseres, em modo chill.â"; 992 alignment = "upward"; 993 pathURL = "/content/digital-yorn/pt/yorn/parcerias/netflix.html"; 994 target = "_self"; 995 cqProp_actionId = "Click Event Yorn See Partnership Details"; 996 cqProp_contextComponentTitle = "Parcerias"; 997 cqProp_buttonLabel = "Cinemas"; 998 cqProp_paramOnClick = ""; 999</script>
999 1000 1001<div id="partnershipCmp-partnershipCard001"> 1002 <div class="partnerships-card" :class="{ 1003 'partnerships-card--skew-downward': skewDownward, 1004 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 1005 }" @click="onClickHandler"> 1006 <div class="partnerships-card__image-wrapper"> 1007 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 <div class=" 1020 text-white"> 1021 1022 1023 1024 1025 1026 1027 <div class="segmentation--container skewed-image" style="border-radius: 4px;"> 1028 <picture> 1029 1030 1031 1032 1033 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-netflix-mobile-640x340.png" media="(max-width: 320px)"/> 1034 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-netflix-mobile-640x340.png" media="(max-width: 640px)"/> 1035 1036 1037 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-netflix-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-netflix-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Netflix" title="Netflix" class="w-100"/> 1038 1039 1040 </picture> 1041 <noscript> 1042 <img src="/content/dam/digital-yorn/parcerias/parcerias-netflix-desktop-640x390.png" alt="Netflix" title="Netflix" style="border-radius: 4px;"/> 1043 </noscript> 1044 </div> 1045 1046 1047 </div> 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 </div> 1060 <div class="partnerships-card__content"> 1061 <div class="partnerships-card__content-inner"> 1062 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 1063 <div class="d-flex align-items-center justify-content-space-between"> 1064 <p class="partnerships-card__description body body--2" v-html="description"></p> 1065 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/netflix.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 1066 </yorn-hidden-button> 1067 </div> 1068 </div> 1069 <div class="partnerships-card__blur"></div> 1070 </div> 1071 1072 </div> 1073</div> 1074
1075<script id="hiddenButtonCmp" type="text/x-template"> 1076 <button 1077 class="button d-flex" 1078 :class="[ 1079 'button--'+ type, 1080 type === 'primary' && 'button--' + color, 1081 iconOnLeftSide && 'button--icon-on-left', 1082 icon && 'button--has-icon', 1083 iconOnly && 'button--hide-text', 1084 iconOnlyMobile && 'button--hide-text-xs', 1085 animateIconOnHover && 'button--animate-icon', 1086 isDisabled && 'button--disabled' 1087 ]" 1088 @click="(event) => $emit('click', event)" 1089 v-if="!link" 1090 :disabled="isDisabled" 1091 > 1092 <span class="button__label">{{ label }}</span> 1093 <img 1094 v-if="icon" 1095 :src="icon" 1096 class="button__icon" 1097 /> 1098 </button> 1099 <a 1100 :onclick="(event) => $emit('click', event)" 1101 class="button button--link" 1102 :class="[ 1103 'button--' + type, 1104 type === 'primary' && 'button--' + color, 1105 iconOnLeftSide && 'button--icon-on-left', 1106 icon && 'button--has-icon', 1107 iconOnly && 'button--hide-text', 1108 iconOnlyMobile && 'button--hide-text-xs', 1109 ]" 1110 :href="link" 1111 v-else-if="link && link.length" 1112 :target="openInNewTab || '_blank'" 1113 > 1114 <div class="button__inner d-flex"> 1115 <span class="button__label">{{ label }}</span> 1116 <img 1117 v-if="icon" 1118 :src="icon" 1119 class="button__icon" 1120 /> 1121 </div> 1122 </a> 1123</script>
1123 1124 1125 1126 1127 1128 1129 1130
1131<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 1132</script>
1132 1133 </div> 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144</div></div> 1145 1146 1147 1148 </div> 1149 1150 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline pt-lg-5 pt-md-5 mt-5 mb-5 mb-lg-0 mb-md-0"> 1151 <div></div> 1152 1153 1154 1155 1156 1157 1158 1159 <div class="vf_partnershipCard vf_parent_component"> 1160 1161<div class="mt-lg-5 mt-md-5"> 1162 1163 1164 1165 1166 1167 1168 1169 1170 <div id="partnershipCard002" class="d-flex 1171 container justify-content-center text-white"> 1172
1172<script> 1173 partnershipId = "partnershipCard002"; 1174 title = "Com a Yorn tens"; 1175 description = "Até 200GB de armazenamento"; 1176 alignment = "downward"; 1177 pathURL = "/content/digital-yorn/pt/yorn/parcerias/google-one.html"; 1178 target = "_self"; 1179 cqProp_actionId = "Click Event Yorn See Partnership Details"; 1180 cqProp_contextComponentTitle = "Parcerias"; 1181 cqProp_buttonLabel = "Cinemas"; 1182 cqProp_paramOnClick = ""; 1183</script>
1183 1184 1185<div id="partnershipCmp-partnershipCard002"> 1186 <div class="partnerships-card" :class="{ 1187 'partnerships-card--skew-downward': skewDownward, 1188 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 1189 }" @click="onClickHandler"> 1190 <div class="partnerships-card__image-wrapper"> 1191 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 <div class=" 1204 text-white"> 1205 1206 1207 1208 1209 1210 1211 <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 4px;"> 1212 <picture> 1213 1214 1215 1216 1217 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-google-one-mobile-640x340.png" media="(max-width: 320px)"/> 1218 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-google-one-mobile-640x340.png" media="(max-width: 640px)"/> 1219 1220 1221 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-google-one-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-google-one-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Fundo cerise e dispositivos com logo Disney+" title="Google One" class="w-100"/> 1222 1223 1224 </picture> 1225 <noscript> 1226 <img src="/content/dam/digital-yorn/parcerias/parcerias-google-one-desktop-640x390.png" alt="Fundo cerise e dispositivos com logo Disney+" title="Google One" style="border-radius: 4px;"/> 1227 </noscript> 1228 </div> 1229 1230 1231 </div> 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 </div> 1244 <div class="partnerships-card__content"> 1245 <div class="partnerships-card__content-inner"> 1246 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 1247 <div class="d-flex align-items-center justify-content-space-between"> 1248 <p class="partnerships-card__description body body--2" v-html="description"></p> 1249 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/google-one.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 1250 </yorn-hidden-button> 1251 </div> 1252 </div> 1253 <div class="partnerships-card__blur"></div> 1254 </div> 1255 1256 </div> 1257</div> 1258
1259<script id="hiddenButtonCmp" type="text/x-template"> 1260 <button 1261 class="button d-flex" 1262 :class="[ 1263 'button--'+ type, 1264 type === 'primary' && 'button--' + color, 1265 iconOnLeftSide && 'button--icon-on-left', 1266 icon && 'button--has-icon', 1267 iconOnly && 'button--hide-text', 1268 iconOnlyMobile && 'button--hide-text-xs', 1269 animateIconOnHover && 'button--animate-icon', 1270 isDisabled && 'button--disabled' 1271 ]" 1272 @click="(event) => $emit('click', event)" 1273 v-if="!link" 1274 :disabled="isDisabled" 1275 > 1276 <span class="button__label">{{ label }}</span> 1277 <img 1278 v-if="icon" 1279 :src="icon" 1280 class="button__icon" 1281 /> 1282 </button> 1283 <a 1284 :onclick="(event) => $emit('click', event)" 1285 class="button button--link" 1286 :class="[ 1287 'button--' + type, 1288 type === 'primary' && 'button--' + color, 1289 iconOnLeftSide && 'button--icon-on-left', 1290 icon && 'button--has-icon', 1291 iconOnly && 'button--hide-text', 1292 iconOnlyMobile && 'button--hide-text-xs', 1293 ]" 1294 :href="link" 1295 v-else-if="link && link.length" 1296 :target="openInNewTab || '_blank'" 1297 > 1298 <div class="button__inner d-flex"> 1299 <span class="button__label">{{ label }}</span> 1300 <img 1301 v-if="icon" 1302 :src="icon" 1303 class="button__icon" 1304 /> 1305 </div> 1306 </a> 1307</script>
1307 1308 1309 1310 1311 1312 1313 1314
1315<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 1316</script>
1316 1317 </div> 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328</div></div> 1329 1330 1331 1332 </div> 1333 1334</div> 1335 1336 1337 1338 1339 1340 </div> 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351</div></div> 1352<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 1353 1354<div class="my-5"> 1355 1356 1357 1358 1359 1360 1361 1362 1363 <div class=" 1364 container text-white"> 1365 1366 1367 1368<div class="row "> 1369 1370 1371 1372 1373 1374 1375 1376 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start mb-5"> 1377 <div></div> 1378 1379 1380 1381 1382 1383 1384 1385 <div class="vf_partnershipCard vf_parent_component"> 1386 1387<div class="mt-lg-5 mt-md-5"> 1388 1389 1390 1391 1392 1393 1394 1395 1396 <div id="partnershipCard003" class="d-flex 1397 container justify-content-center text-white"> 1398
1398<script> 1399 partnershipId = "partnershipCard003"; 1400 title = "Disney+"; 1401 description = "Revive os clássicos ou entrega-te a novas histórias"; 1402 alignment = "upward"; 1403 pathURL = "/content/digital-yorn/pt/yorn/parcerias/disney-plus.html"; 1404 target = "_self"; 1405 cqProp_actionId = "Click Event Yorn See Partnership Details"; 1406 cqProp_contextComponentTitle = "Parcerias"; 1407 cqProp_buttonLabel = "Cinemas"; 1408 cqProp_paramOnClick = ""; 1409</script>
1409 1410 1411<div id="partnershipCmp-partnershipCard003"> 1412 <div class="partnerships-card" :class="{ 1413 'partnerships-card--skew-downward': skewDownward, 1414 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 1415 }" @click="onClickHandler"> 1416 <div class="partnerships-card__image-wrapper"> 1417 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 <div class=" 1430 text-white"> 1431 1432 1433 1434 1435 1436 1437 <div class="segmentation--container skewed-image" style="border-radius: 4px;"> 1438 <picture> 1439 1440 1441 1442 1443 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-disney-plus-parcerias-montra-mobile.png" media="(max-width: 320px)"/> 1444 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-disney-plus-parcerias-montra-mobile.png" media="(max-width: 640px)"/> 1445 1446 1447 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-disney-plus-parcerias-montra-desktop.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-disney-plus-parcerias-montra-desktop.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Fundo cerise e dispositivos com logo Disney+" title="Disney+" class="w-100"/> 1448 1449 1450 </picture> 1451 <noscript> 1452 <img src="/content/dam/digital-yorn/parcerias/parcerias-disney-plus-parcerias-montra-desktop.png" alt="Fundo cerise e dispositivos com logo Disney+" title="Disney+" style="border-radius: 4px;"/> 1453 </noscript> 1454 </div> 1455 1456 1457 </div> 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 </div> 1470 <div class="partnerships-card__content"> 1471 <div class="partnerships-card__content-inner"> 1472 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 1473 <div class="d-flex align-items-center justify-content-space-between"> 1474 <p class="partnerships-card__description body body--2" v-html="description"></p> 1475 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/disney-plus.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 1476 </yorn-hidden-button> 1477 </div> 1478 </div> 1479 <div class="partnerships-card__blur"></div> 1480 </div> 1481 1482 </div> 1483</div> 1484
1485<script id="hiddenButtonCmp" type="text/x-template"> 1486 <button 1487 class="button d-flex" 1488 :class="[ 1489 'button--'+ type, 1490 type === 'primary' && 'button--' + color, 1491 iconOnLeftSide && 'button--icon-on-left', 1492 icon && 'button--has-icon', 1493 iconOnly && 'button--hide-text', 1494 iconOnlyMobile && 'button--hide-text-xs', 1495 animateIconOnHover && 'button--animate-icon', 1496 isDisabled && 'button--disabled' 1497 ]" 1498 @click="(event) => $emit('click', event)" 1499 v-if="!link" 1500 :disabled="isDisabled" 1501 > 1502 <span class="button__label">{{ label }}</span> 1503 <img 1504 v-if="icon" 1505 :src="icon" 1506 class="button__icon" 1507 /> 1508 </button> 1509 <a 1510 :onclick="(event) => $emit('click', event)" 1511 class="button button--link" 1512 :class="[ 1513 'button--' + type, 1514 type === 'primary' && 'button--' + color, 1515 iconOnLeftSide && 'button--icon-on-left', 1516 icon && 'button--has-icon', 1517 iconOnly && 'button--hide-text', 1518 iconOnlyMobile && 'button--hide-text-xs', 1519 ]" 1520 :href="link" 1521 v-else-if="link && link.length" 1522 :target="openInNewTab || '_blank'" 1523 > 1524 <div class="button__inner d-flex"> 1525 <span class="button__label">{{ label }}</span> 1526 <img 1527 v-if="icon" 1528 :src="icon" 1529 class="button__icon" 1530 /> 1531 </div> 1532 </a> 1533</script>
1533 1534 1535 1536 1537 1538 1539 1540
1541<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 1542</script>
1542 1543 </div> 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554</div></div> 1555 1556 1557 1558 </div> 1559 1560 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline pt-lg-5 pt-md-5 mt-5 mb-5 mb-lg-0 mb-md-0"> 1561 <div></div> 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 <div class="vf_partnershipCard vf_parent_component"> 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 <div id="partnershipCard004" class="d-flex 1585 container justify-content-center text-white"> 1586
1586<script> 1587 partnershipId = "partnershipCard004"; 1588 title = "HBO Max"; 1589 description = "Descobre uma nova experiência de streaming"; 1590 alignment = "downward"; 1591 pathURL = "/content/digital-yorn/pt/yorn/parcerias/hbo-max.html"; 1592 target = "_self"; 1593 cqProp_actionId = "Click Event Yorn See Partnership Details"; 1594 cqProp_contextComponentTitle = "Parcerias"; 1595 cqProp_buttonLabel = "HBO Max"; 1596 cqProp_paramOnClick = ""; 1597</script>
1597 1598 1599<div id="partnershipCmp-partnershipCard004"> 1600 <div class="partnerships-card" :class="{ 1601 'partnerships-card--skew-downward': skewDownward, 1602 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 1603 }" @click="onClickHandler"> 1604 <div class="partnerships-card__image-wrapper"> 1605 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 <div class=" 1618 text-white"> 1619 1620 1621 1622 1623 1624 1625 <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 4px;"> 1626 <picture> 1627 1628 1629 1630 1631 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-hbo-max-25-mobile-640x340.png" media="(max-width: 320px)"/> 1632 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-hbo-max-25-mobile-640x340.png" media="(max-width: 640px)"/> 1633 1634 1635 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-hbo-max-25-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-hbo-max-25-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Fundo Yorn com computador portátil com logo Max" title="Max" class="w-100"/> 1636 1637 1638 </picture> 1639 <noscript> 1640 <img src="/content/dam/digital-yorn/parcerias/parcerias-hbo-max-25-desktop-640x390.png" alt="Fundo Yorn com computador portátil com logo Max" title="Max" style="border-radius: 4px;"/> 1641 </noscript> 1642 </div> 1643 1644 1645 </div> 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 </div> 1658 <div class="partnerships-card__content"> 1659 <div class="partnerships-card__content-inner"> 1660 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 1661 <div class="d-flex align-items-center justify-content-space-between"> 1662 <p class="partnerships-card__description body body--2" v-html="description"></p> 1663 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/hbo-max.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 1664 </yorn-hidden-button> 1665 </div> 1666 </div> 1667 <div class="partnerships-card__blur"></div> 1668 </div> 1669 1670 </div> 1671</div> 1672
1673<script id="hiddenButtonCmp" type="text/x-template"> 1674 <button 1675 class="button d-flex" 1676 :class="[ 1677 'button--'+ type, 1678 type === 'primary' && 'button--' + color, 1679 iconOnLeftSide && 'button--icon-on-left', 1680 icon && 'button--has-icon', 1681 iconOnly && 'button--hide-text', 1682 iconOnlyMobile && 'button--hide-text-xs', 1683 animateIconOnHover && 'button--animate-icon', 1684 isDisabled && 'button--disabled' 1685 ]" 1686 @click="(event) => $emit('click', event)" 1687 v-if="!link" 1688 :disabled="isDisabled" 1689 > 1690 <span class="button__label">{{ label }}</span> 1691 <img 1692 v-if="icon" 1693 :src="icon" 1694 class="button__icon" 1695 /> 1696 </button> 1697 <a 1698 :onclick="(event) => $emit('click', event)" 1699 class="button button--link" 1700 :class="[ 1701 'button--' + type, 1702 type === 'primary' && 'button--' + color, 1703 iconOnLeftSide && 'button--icon-on-left', 1704 icon && 'button--has-icon', 1705 iconOnly && 'button--hide-text', 1706 iconOnlyMobile && 'button--hide-text-xs', 1707 ]" 1708 :href="link" 1709 v-else-if="link && link.length" 1710 :target="openInNewTab || '_blank'" 1711 > 1712 <div class="button__inner d-flex"> 1713 <span class="button__label">{{ label }}</span> 1714 <img 1715 v-if="icon" 1716 :src="icon" 1717 class="button__icon" 1718 /> 1719 </div> 1720 </a> 1721</script>
1721 1722 1723 1724 1725 1726 1727 1728
1729<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 1730</script>
1730 1731 </div> 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742</div> 1743 1744 1745 1746 </div> 1747 1748</div> 1749 1750 1751 1752 1753 1754 </div> 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765</div></div> 1766<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 1767 1768<div class="my-5"> 1769 1770 1771 1772 1773 1774 1775 1776 1777 <div class=" 1778 container text-white"> 1779 1780 1781 1782<div class="row "> 1783 1784 1785 1786 1787 1788 1789 1790 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start mb-5"> 1791 <div></div> 1792 1793 1794 1795 1796 1797 1798 1799 <div class="vf_partnershipCard vf_parent_component"> 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 <div id="partnershipCard005" class="d-flex 1811 container justify-content-center text-white"> 1812
1812<script> 1813 partnershipId = "partnershipCard005"; 1814 title = "Amazon Prime"; 1815 description = "O melhor das compras online e do entretenimento"; 1816 alignment = "upward"; 1817 pathURL = "/content/digital-yorn/pt/yorn/parcerias/amazon-prime.html"; 1818 target = "_self"; 1819 cqProp_actionId = "Click Event Yorn See Partnership Details"; 1820 cqProp_contextComponentTitle = "Parcerias"; 1821 cqProp_buttonLabel = "Amazon Prime Video"; 1822 cqProp_paramOnClick = ""; 1823</script>
1823 1824 1825<div id="partnershipCmp-partnershipCard005"> 1826 <div class="partnerships-card" :class="{ 1827 'partnerships-card--skew-downward': skewDownward, 1828 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 1829 }" @click="onClickHandler"> 1830 <div class="partnerships-card__image-wrapper"> 1831 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 <div class=" 1844 text-white"> 1845 1846 1847 1848 1849 1850 1851 <div class="segmentation--container skewed-image" style="border-radius: 4px;"> 1852 <picture> 1853 1854 1855 1856 1857 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-amazon-prime-640x390.jpg" media="(max-width: 320px)"/> 1858 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-amazon-prime-640x390.jpg" media="(max-width: 640px)"/> 1859 1860 1861 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-amazon-prime-640x340.jpg/jcr:content/renditions/cq5dam.web.1920.1000.jpeg" src="/content/dam/digital-yorn/parcerias/parcerias-amazon-prime-640x340.jpg/_jcr_content/renditions/cq5dam.web.1920.1000.jpeg" alt="Logotipo do Amazon Prime com dois telemóveis atrás, num fundo cinzento" title="Amazon Prime disponÃvel na Yorn" class="w-100"/> 1862 1863 1864 </picture> 1865 <noscript> 1866 <img src="/content/dam/digital-yorn/parcerias/parcerias-amazon-prime-640x340.jpg" alt="Logotipo do Amazon Prime com dois telemóveis atrás, num fundo cinzento" title="Amazon Prime disponÃvel na Yorn" style="border-radius: 4px;"/> 1867 </noscript> 1868 </div> 1869 1870 1871 </div> 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 </div> 1884 <div class="partnerships-card__content"> 1885 <div class="partnerships-card__content-inner"> 1886 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 1887 <div class="d-flex align-items-center justify-content-space-between"> 1888 <p class="partnerships-card__description body body--2" v-html="description"></p> 1889 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/amazon-prime.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 1890 </yorn-hidden-button> 1891 </div> 1892 </div> 1893 <div class="partnerships-card__blur"></div> 1894 </div> 1895 1896 </div> 1897</div> 1898
1899<script id="hiddenButtonCmp" type="text/x-template"> 1900 <button 1901 class="button d-flex" 1902 :class="[ 1903 'button--'+ type, 1904 type === 'primary' && 'button--' + color, 1905 iconOnLeftSide && 'button--icon-on-left', 1906 icon && 'button--has-icon', 1907 iconOnly && 'button--hide-text', 1908 iconOnlyMobile && 'button--hide-text-xs', 1909 animateIconOnHover && 'button--animate-icon', 1910 isDisabled && 'button--disabled' 1911 ]" 1912 @click="(event) => $emit('click', event)" 1913 v-if="!link" 1914 :disabled="isDisabled" 1915 > 1916 <span class="button__label">{{ label }}</span> 1917 <img 1918 v-if="icon" 1919 :src="icon" 1920 class="button__icon" 1921 /> 1922 </button> 1923 <a 1924 :onclick="(event) => $emit('click', event)" 1925 class="button button--link" 1926 :class="[ 1927 'button--' + type, 1928 type === 'primary' && 'button--' + color, 1929 iconOnLeftSide && 'button--icon-on-left', 1930 icon && 'button--has-icon', 1931 iconOnly && 'button--hide-text', 1932 iconOnlyMobile && 'button--hide-text-xs', 1933 ]" 1934 :href="link" 1935 v-else-if="link && link.length" 1936 :target="openInNewTab || '_blank'" 1937 > 1938 <div class="button__inner d-flex"> 1939 <span class="button__label">{{ label }}</span> 1940 <img 1941 v-if="icon" 1942 :src="icon" 1943 class="button__icon" 1944 /> 1945 </div> 1946 </a> 1947</script>
1947 1948 1949 1950 1951 1952 1953 1954
1955<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 1956</script>
1956 1957 </div> 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968</div> 1969 1970 1971 1972 </div> 1973 1974 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline pt-lg-5 pt-md-5 mt-5 mb-5 mb-lg-0 mb-md-0"> 1975 <div></div> 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 <div class="vf_partnershipCard vf_parent_component"> 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 <div id="partnershipCardExpresso" class="d-flex 2015 container justify-content-center text-white"> 2016
2016<script> 2017 partnershipId = "partnershipCardExpresso"; 2018 title = "Rede Expressos"; 2019 description = "15% de desconto acumulável"; 2020 alignment = "downward"; 2021 pathURL = "/content/digital-yorn/pt/yorn/parcerias/rede-expressos.html"; 2022 target = "_self"; 2023 cqProp_actionId = "Click Event Yorn See Partnership Details"; 2024 cqProp_contextComponentTitle = "Parcerias"; 2025 cqProp_buttonLabel = "Rede Espressos"; 2026 cqProp_paramOnClick = ""; 2027</script>
2027 2028 2029<div id="partnershipCmp-partnershipCardExpresso"> 2030 <div class="partnerships-card" :class="{ 2031 'partnerships-card--skew-downward': skewDownward, 2032 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 2033 }" @click="onClickHandler"> 2034 <div class="partnerships-card__image-wrapper"> 2035 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 <div class=" 2048 text-white"> 2049 2050 2051 2052 2053 2054 <a href="/content/digital-yorn/pt/yorn/parcerias/rede-expressos" role="button" aria-label="Rede Espressos"> 2055 <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 4px;"> 2056 <picture> 2057 2058 2059 2060 2061 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-rede-expressos-mobile-640x340.png" media="(max-width: 320px)"/> 2062 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-rede-expressos-mobile-640x340.png" media="(max-width: 640px)"/> 2063 2064 2065 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-rede-expressos-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-rede-expressos-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" title="Rede Espressos" class="w-100"/> 2066 2067 2068 </picture> 2069 <noscript> 2070 <img src="/content/dam/digital-yorn/parcerias/parcerias-rede-expressos-desktop-640x390.png" title="Rede Espressos" style="border-radius: 4px;"/> 2071 </noscript> 2072 </div> 2073 </a> 2074 2075 </div> 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 </div> 2088 <div class="partnerships-card__content"> 2089 <div class="partnerships-card__content-inner"> 2090 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 2091 <div class="d-flex align-items-center justify-content-space-between"> 2092 <p class="partnerships-card__description body body--2" v-html="description"></p> 2093 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/rede-expressos.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 2094 </yorn-hidden-button> 2095 </div> 2096 </div> 2097 <div class="partnerships-card__blur"></div> 2098 </div> 2099 2100 </div> 2101</div> 2102
2103<script id="hiddenButtonCmp" type="text/x-template"> 2104 <button 2105 class="button d-flex" 2106 :class="[ 2107 'button--'+ type, 2108 type === 'primary' && 'button--' + color, 2109 iconOnLeftSide && 'button--icon-on-left', 2110 icon && 'button--has-icon', 2111 iconOnly && 'button--hide-text', 2112 iconOnlyMobile && 'button--hide-text-xs', 2113 animateIconOnHover && 'button--animate-icon', 2114 isDisabled && 'button--disabled' 2115 ]" 2116 @click="(event) => $emit('click', event)" 2117 v-if="!link" 2118 :disabled="isDisabled" 2119 > 2120 <span class="button__label">{{ label }}</span> 2121 <img 2122 v-if="icon" 2123 :src="icon" 2124 class="button__icon" 2125 /> 2126 </button> 2127 <a 2128 :onclick="(event) => $emit('click', event)" 2129 class="button button--link" 2130 :class="[ 2131 'button--' + type, 2132 type === 'primary' && 'button--' + color, 2133 iconOnLeftSide && 'button--icon-on-left', 2134 icon && 'button--has-icon', 2135 iconOnly && 'button--hide-text', 2136 iconOnlyMobile && 'button--hide-text-xs', 2137 ]" 2138 :href="link" 2139 v-else-if="link && link.length" 2140 :target="openInNewTab || '_blank'" 2141 > 2142 <div class="button__inner d-flex"> 2143 <span class="button__label">{{ label }}</span> 2144 <img 2145 v-if="icon" 2146 :src="icon" 2147 class="button__icon" 2148 /> 2149 </div> 2150 </a> 2151</script>
2151 2152 2153 2154 2155 2156 2157 2158
2159<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 2160</script>
2160 2161 </div> 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172</div> 2173 2174 2175 2176 </div> 2177 2178</div> 2179 2180 2181 2182 2183 2184 </div> 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195</div></div> 2196<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 2197 2198<div class="my-5"> 2199 2200 2201 2202 2203 2204 2205 2206 2207 <div class=" 2208 container text-white"> 2209 2210 2211 2212<div class="row "> 2213 2214 2215 2216 2217 2218 2219 2220 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start mb-5"> 2221 <div></div> 2222 2223 2224 2225 2226 2227 2228 2229 <div class="vf_partnershipCard vf_parent_component"> 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 <div id="partnershipCard006" class="d-flex 2241 container justify-content-center text-white"> 2242
2242<script> 2243 partnershipId = "partnershipCard006"; 2244 title = "Que fofos no cinema"; 2245 description = " Até 2 bilhetes a â¬5 cada"; 2246 alignment = "upward"; 2247 pathURL = "/content/digital-yorn/pt/yorn/parcerias/cinema.html"; 2248 target = "_self"; 2249 cqProp_actionId = "Click Event Yorn See Partnership Details"; 2250 cqProp_contextComponentTitle = "Parcerias"; 2251 cqProp_buttonLabel = "UCI Cinemas"; 2252 cqProp_paramOnClick = ""; 2253</script>
2253 2254 2255<div id="partnershipCmp-partnershipCard006"> 2256 <div class="partnerships-card" :class="{ 2257 'partnerships-card--skew-downward': skewDownward, 2258 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 2259 }" @click="onClickHandler"> 2260 <div class="partnerships-card__image-wrapper"> 2261 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 <div id="partnershipCard003" class=" 2274 text-white"> 2275 2276 2277 2278 2279 2280 2281 <div class="segmentation--container skewed-image" style="border-radius: 4px;"> 2282 <picture> 2283 2284 2285 2286 2287 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-bilhetes-cinema-mobile-640x340.png" media="(max-width: 320px)"/> 2288 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-bilhetes-cinema-mobile-640x340.png" media="(max-width: 640px)"/> 2289 2290 2291 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-bilhetes-cinema-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-bilhetes-cinema-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Logotipo da UCI e Cinemas Castelo Lopes" title="Parceria Cinemas" class="w-100"/> 2292 2293 2294 </picture> 2295 <noscript> 2296 <img src="/content/dam/digital-yorn/parcerias/parcerias-bilhetes-cinema-desktop-640x390.png" alt="Logotipo da UCI e Cinemas Castelo Lopes" title="Parceria Cinemas" style="border-radius: 4px;"/> 2297 </noscript> 2298 </div> 2299 2300 2301 </div> 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 </div> 2314 <div class="partnerships-card__content"> 2315 <div class="partnerships-card__content-inner"> 2316 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 2317 <div class="d-flex align-items-center justify-content-space-between"> 2318 <p class="partnerships-card__description body body--2" v-html="description"></p> 2319 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/cinema.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 2320 </yorn-hidden-button> 2321 </div> 2322 </div> 2323 <div class="partnerships-card__blur"></div> 2324 </div> 2325 2326 </div> 2327</div> 2328
2329<script id="hiddenButtonCmp" type="text/x-template"> 2330 <button 2331 class="button d-flex" 2332 :class="[ 2333 'button--'+ type, 2334 type === 'primary' && 'button--' + color, 2335 iconOnLeftSide && 'button--icon-on-left', 2336 icon && 'button--has-icon', 2337 iconOnly && 'button--hide-text', 2338 iconOnlyMobile && 'button--hide-text-xs', 2339 animateIconOnHover && 'button--animate-icon', 2340 isDisabled && 'button--disabled' 2341 ]" 2342 @click="(event) => $emit('click', event)" 2343 v-if="!link" 2344 :disabled="isDisabled" 2345 > 2346 <span class="button__label">{{ label }}</span> 2347 <img 2348 v-if="icon" 2349 :src="icon" 2350 class="button__icon" 2351 /> 2352 </button> 2353 <a 2354 :onclick="(event) => $emit('click', event)" 2355 class="button button--link" 2356 :class="[ 2357 'button--' + type, 2358 type === 'primary' && 'button--' + color, 2359 iconOnLeftSide && 'button--icon-on-left', 2360 icon && 'button--has-icon', 2361 iconOnly && 'button--hide-text', 2362 iconOnlyMobile && 'button--hide-text-xs', 2363 ]" 2364 :href="link" 2365 v-else-if="link && link.length" 2366 :target="openInNewTab || '_blank'" 2367 > 2368 <div class="button__inner d-flex"> 2369 <span class="button__label">{{ label }}</span> 2370 <img 2371 v-if="icon" 2372 :src="icon" 2373 class="button__icon" 2374 /> 2375 </div> 2376 </a> 2377</script>
2377 2378 2379 2380 2381 2382 2383 2384
2385<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 2386</script>
2386 2387 </div> 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398</div> 2399 2400 2401 2402 </div> 2403 2404 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline pt-lg-5 pt-md-5 mt-5 mb-5 mb-lg-0 mb-md-0"> 2405 <div></div> 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 <div class="vf_partnershipCard vf_parent_component"> 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 <div id="partnershipCard009" class="d-flex 2445 container justify-content-center text-white"> 2446
2446<script> 2447 partnershipId = "partnershipCard009"; 2448 title = "Olá"; 2449 description = "A combinação perfeita para este Verão!"; 2450 alignment = "upward"; 2451 pathURL = "/content/digital-yorn/pt/yorn/parcerias/ola.html"; 2452 target = "_self"; 2453 cqProp_actionId = "Click Event Yorn See Partnership Details"; 2454 cqProp_contextComponentTitle = "Parcerias"; 2455 cqProp_buttonLabel = "Olá"; 2456 cqProp_paramOnClick = ""; 2457</script>
2457 2458 2459<div id="partnershipCmp-partnershipCard009"> 2460 <div class="partnerships-card" :class="{ 2461 'partnerships-card--skew-downward': skewDownward, 2462 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 2463 }" @click="onClickHandler"> 2464 <div class="partnerships-card__image-wrapper"> 2465 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 <div id="partnershipCard003" class=" 2478 text-white"> 2479 2480 2481 2482 2483 2484 2485 <div class="segmentation--container skewed-image" style="border-radius: 4px;"> 2486 <picture> 2487 2488 2489 2490 2491 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-ola-card-mobile-640x340.png" media="(max-width: 320px)"/> 2492 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-ola-card-mobile-640x340.png" media="(max-width: 640px)"/> 2493 2494 2495 <img srcset="/content/dam/digital-yorn/campanhas/campanhas-desktop-parcerias-ola.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/campanhas/campanhas-desktop-parcerias-ola.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Logotipo da Olá com um gelado." title="Olá" class="w-100"/> 2496 2497 2498 </picture> 2499 <noscript> 2500 <img src="/content/dam/digital-yorn/campanhas/campanhas-desktop-parcerias-ola.png" alt="Logotipo da Olá com um gelado." title="Olá" style="border-radius: 4px;"/> 2501 </noscript> 2502 </div> 2503 2504 2505 </div> 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 </div> 2518 <div class="partnerships-card__content"> 2519 <div class="partnerships-card__content-inner"> 2520 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 2521 <div class="d-flex align-items-center justify-content-space-between"> 2522 <p class="partnerships-card__description body body--2" v-html="description"></p> 2523 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/ola.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 2524 </yorn-hidden-button> 2525 </div> 2526 </div> 2527 <div class="partnerships-card__blur"></div> 2528 </div> 2529 2530 </div> 2531</div> 2532
2533<script id="hiddenButtonCmp" type="text/x-template"> 2534 <button 2535 class="button d-flex" 2536 :class="[ 2537 'button--'+ type, 2538 type === 'primary' && 'button--' + color, 2539 iconOnLeftSide && 'button--icon-on-left', 2540 icon && 'button--has-icon', 2541 iconOnly && 'button--hide-text', 2542 iconOnlyMobile && 'button--hide-text-xs', 2543 animateIconOnHover && 'button--animate-icon', 2544 isDisabled && 'button--disabled' 2545 ]" 2546 @click="(event) => $emit('click', event)" 2547 v-if="!link" 2548 :disabled="isDisabled" 2549 > 2550 <span class="button__label">{{ label }}</span> 2551 <img 2552 v-if="icon" 2553 :src="icon" 2554 class="button__icon" 2555 /> 2556 </button> 2557 <a 2558 :onclick="(event) => $emit('click', event)" 2559 class="button button--link" 2560 :class="[ 2561 'button--' + type, 2562 type === 'primary' && 'button--' + color, 2563 iconOnLeftSide && 'button--icon-on-left', 2564 icon && 'button--has-icon', 2565 iconOnly && 'button--hide-text', 2566 iconOnlyMobile && 'button--hide-text-xs', 2567 ]" 2568 :href="link" 2569 v-else-if="link && link.length" 2570 :target="openInNewTab || '_blank'" 2571 > 2572 <div class="button__inner d-flex"> 2573 <span class="button__label">{{ label }}</span> 2574 <img 2575 v-if="icon" 2576 :src="icon" 2577 class="button__icon" 2578 /> 2579 </div> 2580 </a> 2581</script>
2581 2582 2583 2584 2585 2586 2587 2588
2589<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 2590</script>
2590 2591 </div> 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602</div> 2603 2604 2605 2606 </div> 2607 2608</div> 2609 2610 2611 2612 2613 2614 </div> 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625</div></div> 2626<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 2627 2628<div class="my-5"> 2629 2630 2631 2632 2633 2634 2635 2636 2637 <div class=" 2638 container text-white"> 2639 2640 2641 2642<div class="row "> 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-start mb-5"> 2653 <div></div> 2654 2655 2656 2657 2658 2659 2660 2661 <div class="vf_partnershipCard vf_parent_component"> 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 <div id="partnershipCard007" class="d-flex 2673 container justify-content-center text-white"> 2674
2674<script> 2675 partnershipId = "partnershipCard007"; 2676 title = "Quintas há Subway"; 2677 description = "Oferta de menu com bebida + (batata ou cookie)"; 2678 alignment = "downward"; 2679 pathURL = "/content/digital-yorn/pt/yorn/parcerias/subway.html"; 2680 target = "_self"; 2681 cqProp_actionId = "Click Event Yorn See Partnership Details"; 2682 cqProp_contextComponentTitle = "Parcerias"; 2683 cqProp_buttonLabel = "Oceanário"; 2684 cqProp_paramOnClick = ""; 2685</script>
2685 2686 2687<div id="partnershipCmp-partnershipCard007"> 2688 <div class="partnerships-card" :class="{ 2689 'partnerships-card--skew-downward': skewDownward, 2690 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 2691 }" @click="onClickHandler"> 2692 <div class="partnerships-card__image-wrapper"> 2693 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 <div id="card006" class=" 2706 text-white"> 2707 2708 2709 2710 2711 2712 2713 <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 4px;"> 2714 <picture> 2715 2716 2717 2718 2719 <source srcset="/content/dam/digital-yorn/parcerias/parecerias-subway-mobile-dest-640x340.png" media="(max-width: 320px)"/> 2720 <source srcset="/content/dam/digital-yorn/parcerias/parecerias-subway-mobile-dest-640x340.png" media="(max-width: 640px)"/> 2721 2722 2723 <img srcset="/content/dam/digital-yorn/parcerias/parecerias-subway-desktop-dest-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parecerias-subway-desktop-dest-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="em falta" title="Visita o Oceanário de Lisboa por â¬10" class="w-100"/> 2724 2725 2726 </picture> 2727 <noscript> 2728 <img src="/content/dam/digital-yorn/parcerias/parecerias-subway-desktop-dest-640x390.png" alt="em falta" title="Visita o Oceanário de Lisboa por â¬10" style="border-radius: 4px;"/> 2729 </noscript> 2730 </div> 2731 2732 2733 </div> 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 </div> 2746 <div class="partnerships-card__content"> 2747 <div class="partnerships-card__content-inner"> 2748 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 2749 <div class="d-flex align-items-center justify-content-space-between"> 2750 <p class="partnerships-card__description body body--2" v-html="description"></p> 2751 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/parcerias/subway.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 2752 </yorn-hidden-button> 2753 </div> 2754 </div> 2755 <div class="partnerships-card__blur"></div> 2756 </div> 2757 2758 </div> 2759</div> 2760
2761<script id="hiddenButtonCmp" type="text/x-template"> 2762 <button 2763 class="button d-flex" 2764 :class="[ 2765 'button--'+ type, 2766 type === 'primary' && 'button--' + color, 2767 iconOnLeftSide && 'button--icon-on-left', 2768 icon && 'button--has-icon', 2769 iconOnly && 'button--hide-text', 2770 iconOnlyMobile && 'button--hide-text-xs', 2771 animateIconOnHover && 'button--animate-icon', 2772 isDisabled && 'button--disabled' 2773 ]" 2774 @click="(event) => $emit('click', event)" 2775 v-if="!link" 2776 :disabled="isDisabled" 2777 > 2778 <span class="button__label">{{ label }}</span> 2779 <img 2780 v-if="icon" 2781 :src="icon" 2782 class="button__icon" 2783 /> 2784 </button> 2785 <a 2786 :onclick="(event) => $emit('click', event)" 2787 class="button button--link" 2788 :class="[ 2789 'button--' + type, 2790 type === 'primary' && 'button--' + color, 2791 iconOnLeftSide && 'button--icon-on-left', 2792 icon && 'button--has-icon', 2793 iconOnly && 'button--hide-text', 2794 iconOnlyMobile && 'button--hide-text-xs', 2795 ]" 2796 :href="link" 2797 v-else-if="link && link.length" 2798 :target="openInNewTab || '_blank'" 2799 > 2800 <div class="button__inner d-flex"> 2801 <span class="button__label">{{ label }}</span> 2802 <img 2803 v-if="icon" 2804 :src="icon" 2805 class="button__icon" 2806 /> 2807 </div> 2808 </a> 2809</script>
2809 2810 2811 2812 2813 2814 2815 2816
2817<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 2818</script>
2818 2819 </div> 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830</div> 2831 2832 2833 2834 </div> 2835 2836 <div class="col-12 col-sm-12 col-md-6 col-lg-6 align-self-baseline pt-lg-5 pt-md-5 mt-5 mb-5 mb-lg-0 mb-md-0"> 2837 <div></div> 2838 2839 2840 2841 2842 2843 2844 2845 <div class="vf_partnershipCard vf_parent_component"> 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 <div class=" 2857 container text-white"> 2858
2858<script> 2859 partnershipId = ""; 2860 title = "Vodafone Happy"; 2861 description = "Ofertas únicas e descontos nas tuas lojas favoritas"; 2862 alignment = "upward"; 2863 pathURL = "/content/digital-yorn/pt/yorn/vodafonehappy.html"; 2864 target = "_self"; 2865 cqProp_actionId = "Click Event Yorn See Partnership Details"; 2866 cqProp_contextComponentTitle = "Parcerias"; 2867 cqProp_buttonLabel = "Happy"; 2868 cqProp_paramOnClick = ""; 2869</script>
2869 2870 2871<div id="partnershipCmp-"> 2872 <div class="partnerships-card" :class="{ 2873 'partnerships-card--skew-downward': skewDownward, 2874 'partnerships-card--two-lines-only': cardHasTwoLinesOnly 2875 }" @click="onClickHandler"> 2876 <div class="partnerships-card__image-wrapper"> 2877 <div class="partnerships-card__skewed-shape gradient--partnerships-card-grey"></div> 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 <div class=" 2890 container text-white"> 2891 2892 2893 2894 2895 2896 2897 <div class="segmentation--container skewed-image skewed-image--downward-angle" style="border-radius: 0px;"> 2898 <picture> 2899 2900 2901 2902 2903 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-vodafone-happy-mobile-640x340.png" media="(max-width: 320px)"/> 2904 <source srcset="/content/dam/digital-yorn/parcerias/parcerias-vodafone-happy-mobile-640x340.png" media="(max-width: 640px)"/> 2905 2906 2907 <img srcset="/content/dam/digital-yorn/parcerias/parcerias-vodafone-happy-desktop-640x390.png/jcr:content/renditions/cq5dam.web.1920.1000.png" src="/content/dam/digital-yorn/parcerias/parcerias-vodafone-happy-desktop-640x390.png/_jcr_content/renditions/cq5dam.web.1920.1000.png" alt="Logo do Vodafone Happy" title="Happy" class="w-100"/> 2908 2909 2910 </picture> 2911 <noscript> 2912 <img src="/content/dam/digital-yorn/parcerias/parcerias-vodafone-happy-desktop-640x390.png" alt="Logo do Vodafone Happy" title="Happy" style="border-radius: 0px;"/> 2913 </noscript> 2914 </div> 2915 2916 2917 </div> 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 </div> 2930 <div class="partnerships-card__content"> 2931 <div class="partnerships-card__content-inner"> 2932 <h3 class="partnerships-card__title subtitle">{{title}}</h3> 2933 <div class="d-flex align-items-center justify-content-space-between"> 2934 <p class="partnerships-card__description body body--2" v-html="description"></p> 2935 <yorn-hidden-button type="tertiary" link="/content/digital-yorn/pt/yorn/vodafonehappy.html" openInNewTab="_self" :icon-only-mobile="true" icon="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-rightArrow.svg" :animate-icon-on-hover="true" class="partnerships-card__cta"> 2936 </yorn-hidden-button> 2937 </div> 2938 </div> 2939 <div class="partnerships-card__blur"></div> 2940 </div> 2941 2942 </div> 2943</div> 2944
2945<script id="hiddenButtonCmp" type="text/x-template"> 2946 <button 2947 class="button d-flex" 2948 :class="[ 2949 'button--'+ type, 2950 type === 'primary' && 'button--' + color, 2951 iconOnLeftSide && 'button--icon-on-left', 2952 icon && 'button--has-icon', 2953 iconOnly && 'button--hide-text', 2954 iconOnlyMobile && 'button--hide-text-xs', 2955 animateIconOnHover && 'button--animate-icon', 2956 isDisabled && 'button--disabled' 2957 ]" 2958 @click="(event) => $emit('click', event)" 2959 v-if="!link" 2960 :disabled="isDisabled" 2961 > 2962 <span class="button__label">{{ label }}</span> 2963 <img 2964 v-if="icon" 2965 :src="icon" 2966 class="button__icon" 2967 /> 2968 </button> 2969 <a 2970 :onclick="(event) => $emit('click', event)" 2971 class="button button--link" 2972 :class="[ 2973 'button--' + type, 2974 type === 'primary' && 'button--' + color, 2975 iconOnLeftSide && 'button--icon-on-left', 2976 icon && 'button--has-icon', 2977 iconOnly && 'button--hide-text', 2978 iconOnlyMobile && 'button--hide-text-xs', 2979 ]" 2980 :href="link" 2981 v-else-if="link && link.length" 2982 :target="openInNewTab || '_blank'" 2983 > 2984 <div class="button__inner d-flex"> 2985 <span class="button__label">{{ label }}</span> 2986 <img 2987 v-if="icon" 2988 :src="icon" 2989 class="button__icon" 2990 /> 2991 </div> 2992 </a> 2993</script>
2993 2994 2995 2996 2997 2998 2999 3000
3001<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_partnershipCard/clientlibs.18057f46bd3f25143e7fbc401e25ae42.js"> 3002</script>
3002 3003 </div> 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014</div> 3015 3016 3017 3018 </div> 3019 3020 3021 3022</div> 3023 3024 3025 3026 3027 3028 </div> 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039</div></div> 3040<div class="vf_grid vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 <div class=" 3052 container text-white"> 3053 3054 3055 3056<div class="row "> 3057 3058 3059 3060 3061 3062 <div class="col-12 col-sm-12 col-md-12 col-lg-12 align-self-start text-center "> 3063 <div></div> 3064 3065 3066 3067 3068 3069 3070 3071 <div class="vf_heading vf_parent_component"> 3072 3073<div class="my-5"> 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 <div class="text-white " style="background-color: "> 3084 <div class="d-flex 3085 container justify-content-center "> 3086 3087<h2 class="heading title" style="color : ;"> 3088 3089 PERGUNTAS FREQUENTES 3090 3091</h2> 3092 3093 </div> 3094 </div> 3095 3096 3097 3098 3099</div></div> 3100 3101 3102 3103 </div> 3104 3105</div> 3106 3107 3108 3109 3110 3111 </div> 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122</div> 3123<div class="vf_faq_accordion vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 <div class="text-white " style="background-color: "> 3136 <div class="d-flex 3137 container justify-content-center "> 3138 3139 3140 3141<div id="accordion-ParceriasFaqAccordion" class="faq-accordion"> 3142 3143 3144 3145 3146 3147 3148 3149 3150 <div class="faq-accordion__items"> 3151 3152 <div class="faq-accordion__item ParceriasFaqAccordion "> 3153 <div class="faq-accordion__item-header" onclick="setOpenItem('0', 'ParceriasFaqAccordion'); yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'Como posso subscrever a HBO Max?');"> 3154 <span class="faq-accordion__header-text">Como posso subscrever a HBO Max? </span> 3155 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/> 3156 </div> 3157 <div class="content-0 faq-accordion__item-content "> 3158 3159 3160 3161 3162 3163 3164 3165 3166 <div class="vf_text vf_parent_component"> 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 <div class="text-white " style="background-color: "> 3179 <div> 3180 3181 3182 3183<span class="body body--2" style="color: inherit"> 3184 3185 <p>Envia HBO para o 12345 ou vai diretamente a <a class="link link--body" style="font-size: inherit;" href="https://offers.vodafone.com/pt" title="Follow link">offers.vodafone.com/pt</a> para teres acesso a todos os conteúdos espetaculares que a Max tem para te oferecer. Tens acesso imediato à Max se já tiveres uma subscrição da HBO Max</p> 3186 3187 3188</span> 3189 3190 3191 3192 </div> 3193 </div> 3194 3195 3196 3197 3198</div> 3199 3200 3201 3202 </div> 3203 </div> 3204 3205 <div class="faq-accordion__item ParceriasFaqAccordion "> 3206 <div class="faq-accordion__item-header" onclick="setOpenItem('1', 'ParceriasFaqAccordion'); yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'A ativação das ofertas Yorn de Disney+ é feita automaticamente?');"> 3207 <span class="faq-accordion__header-text">A ativação das ofertas Yorn de Disney+ é feita automaticamente? </span> 3208 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/> 3209 </div> 3210 <div class="content-1 faq-accordion__item-content "> 3211 3212 3213 3214 3215 3216 3217 3218 3219 <div class="vf_text vf_parent_component"> 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 <div class="text-white " style="background-color: "> 3232 <div class="d-flex 3233 "> 3234 3235 3236 3237<span class="body body--2" style="color: inherit"> 3238 3239 <p style="text-align: left;">Não. Tens de enviar DISNEY para o 12345 ou ir diretamente a <a class="link link--body" style="font-size: inherit;" href="https://offers.vodafone.com/pt">offers.vodafone.com/pt</a> e seguir os passos para ativares e usufruÃres da oferta de subscrição para clientes Yorn.</p> 3240 3241 3242</span> 3243 3244 3245 3246 </div> 3247 </div> 3248 3249 3250 3251 3252</div> 3253 3254 3255 3256 </div> 3257 </div> 3258 3259 <div class="faq-accordion__item ParceriasFaqAccordion "> 3260 <div class="faq-accordion__item-header" onclick="setOpenItem('2', 'ParceriasFaqAccordion');
3260 yorn_tealium_accordion_faqAccordion.methods.handleAccordionClick('', 'Como ativo a subscrição Amazon Prime e todas as suas vantagens?');"> 3261 <span class="faq-accordion__header-text">Como ativo a subscrição Amazon Prime e todas as suas vantagens? </span> 3262 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/ic-chevron-down.svg" class="faq-accordion__chevron icon icon--medium"/> 3263 </div> 3264 <div class="content-2 faq-accordion__item-content "> 3265 3266 3267 3268 3269 3270 3271 3272 3273 <div class="vf_text vf_parent_component"> 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 <div class="text-white " style="background-color: "> 3286 <div> 3287 3288 3289 3290<span class="body body--2" style="color: inherit"> 3291 3292 <p>Para ativar a subscrição Amazon Prime através da Yorn, envia PRIME para 12345 ou acede diretamente a <a class="link link--body" style="font-size: inherit;" href="https://offers.vodafone.com/pt" title="Follow link">offers.vodafone.com/pt</a> . Segue os passos que encontras nesse link. Quando completares a ativação ficas imediatamente com acesso a todas as vantagens do Amazon Prime.</p> 3293 3294 3295</span> 3296 3297 3298 3299 </div> 3300 </div> 3301 3302 3303 3304 3305</div> 3306 3307 3308 3309 </div> 3310 </div> 3311 3312 </div> 3313</div> 3314 3315 3316
3317<script src="/etc.clientlibs/digital-yorn/components/content/authored/vf_faq_accordion/clientlibs.min.js"></script>
3317 3318 3319 3320 3321 </div> 3322 </div> 3323 3324 3325 3326 3327</div> 3328<div class="vf_button vf_parent_component aem-GridColumn aem-GridColumn--default--12"> 3329 3330<div class="my-5"> 3331 3332 3333 3334 3335 3336 3337 3338 3339 <div class="d-flex 3340 container justify-content-center text-black"> 3341 3342 3343 3344 3345
3346<script> 3347 isDisabled = "false"; 3348 title = "Se tens mais dúvidas clica aqui"; 3349 pathURLDesktop = "/content/digital-yorn/pt/yorn/ajuda.html"; 3350 pathURLMobile = ""; 3351 idButton = ""; 3352</script>
3352 3353 3354<div class="d-inline-flex "> 3355 <a id="vf_button-" href="/yorn/ajuda.html" class="button 3356 d-flex 3357 align-items-center 3358 justify-content-center 3359 text-decoration-none 3360 3361 3362 3363 button--secondary" role="button" title="Se tens mais dúvidas clica aqui" target="_self" aria-label="Se tens mais dúvidas clica aqui" onclick="yorn_tealium_button.methods.handleButtonClick('Click Event Yorn See More Faqs', 'Se tens mais dúvidas clica aqui', 'Se tens mais dúvidas clica aqui' ); "> 3364 3365 3366 3367 <span class="button__label">Se tens mais dúvidas clica aqui</span> 3368 3369 3370 </a> 3371</div> 3372
3373<script type="text/javascript" src="/etc.clientlibs/digital-yorn/components/content/authored/vf_button/clientlibs.f25f6b818a5327642eccef359e77ee9c.js"></script>
3373 3374 </div> 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385</div></div> 3386 3387 3388</div> 3389</div> 3390<div class="vf_experienceFragment aem-GridColumn aem-GridColumn--default--12"> 3391 3392 3393 3394 3395 3396 3397 <div class="xfpage page basicpage"> 3398 3399 3400 3401 3402<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> 3403 3404 <div class="vf_footer aem-GridColumn aem-GridColumn--default--12"><footer class="footer"> 3405 <div class="footer__upper-footer"><div id="upper_footer"> 3406 <div class="footer__upper-background"></div> 3407 <div class="container"> 3408 <div class="footer__upper-footer-inner"> 3409 <div class="footer__logo-link" data-context="footer-yorn-logo"> 3410 3411 3412 3413 3414 <a role="button" href="/yorn.html" target="_self"> 3415 <span class="icon icon--fill 8" style="width: ; height: ;"> 3416 <svg width="90" height="38" viewBox="0 0 90 38"> 3417 <g fill="none" fill-rule="evenodd"> 3418 <g fill="#FFF" fill-rule="nonzero"> 3419 <g> 3420 <path d="M230.366 57.415c1.99-1.471 3.163-3.8 3.162-6.275v-.689c.01-2.073-.805-4.066-2.267-5.537-1.462-1.471-3.45-2.299-5.523-2.3h-9.526c-.252.003-.455.208-.455.46v21.263c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V59.4c0-.123.05-.24.136-.327.086-.086.204-.135.326-.135h2.266c.164-.002.317.085.4.227l3.113 5.394c.09.134.238.219.4.227h5.64c.177.036.357-.045.447-.201.09-.156.072-.352-.047-.488l-3.885-6.681zm-6.047-4.34h-2.287c-.122 0-.24-.048-.326-.134-.087-.087-.136-.204-.136-.327v-3.671c0-.252.203-.458.455-.461h2.335c.62 0 1.214.25 1.647.695.432.446.665 1.047.647 1.667-.07 1.242-1.092 2.216-2.335 2.225v.007zm-19.424-10.834h-2.665c-.16.018-.303.11-.386.248l-6.812 11.826c-.044.073-.067.157-.069.242v2.417c-.096 4.374 3.368 7.999 7.742 8.1h2.19c4.374-.101 7.838-3.726 7.742-8.1v-6.633c.096-4.373-3.368-7.998-7.742-8.1zm1.936 13.88c0 1.673-1.357 3.03-3.031 3.03-1.674 0-3.03-1.357-3.03-3.03v-4.767c0-1.083.577-2.083 1.515-2.625.937-.541 2.093-.541 3.03 0 .938.542 1.516 1.542 1.516 2.625v4.766zm47.573-13.473h-4.89c-.255 0-.461.206-.461.461V53.2l-5.958-10.331c-.09-.135-.238-.22-.4-.227h-5.055c-.255 0-.462.206-.462.461v21.235c0 .123.049.24.135.326.087.087.204.136.327.136h4.89c.122 0 .24-.049.326-.136.087-.086.135-.203.135-.326V54.315l5.91 10.25c.09.134.238.219.4.227h5.103c.255 0 .462-.207.462-.462V43.102c0-.255-.207-.461-.462-.461v.007zm-83.63-10.29c-.125-.2-.338-.328-.572-.345h-4.767c-.153-.03-.309.04-.386.176-.078.136-.061.306.042.423l16.53 28.695c.114.215.114.473 0 .688l-1.535 2.652c-.077.118-.205.192-.345.2h-2.066c-.154.03-.309-.041-.387-.176-.078-.136-.06-.306.042-.423l1.247-2.156c.114-.216.114-.474 0-.689l-2.383-4.133c-.051-.146-.19-.244-.344-.244-.155 0-.293.098-.345.244l-6.894 12.026c-.104.118-.12.288-.043.423.078.136.234.207.387.177h13.7c.14-.008.268-.083.344-.2l4.133-7.184c.276-.546.276-1.19 0-1.736l-16.359-28.419zm32.82-.345h-13.287c-.14.008-.268.082-.344.2L186.45 38.3c-.064.126-.064.274 0 .4l2.21 3.83c.122.228.362.369.62.365.232.001.446-.123.559-.324l3.05-5.29c.077-.118.205-.192.345-.2h2.025c.154-.03.31.041.387.177.078.135.06.305-.042.423l-6.068 10.538c-.052.146-.19.244-.345.244-.155 0-.293-.098-.344-.244l-9.127-15.842c-.122-.211-.341-.348-.585-.365h-4.766c-.154-.03-.31.04-.387.176-.078.136-.06.306.042.423l14.223 24.727c.131.4.504.67.923.67.42 0 .793-.27.923-.67l14.079-24.314c.179-.196.21-.485.079-.716-.132-.23-.398-.35-.658-.296z" transform="translate(-165 -3416) translate(0 3384)"/> 3421 </g> 3422 </g> 3423 </g> 3424</svg> 3425 3426</span> 3427<span class="visually-hidden"></span> 3428 </a> 3429 3430 3431 3432 </div> 3433 <ul class="footer__navigation"> 3434 3435 3436 3437 3438 <li class="footer__navigation-item" data-context="footer-main-menu-item"> 3439 3440 <a href="/yorn/tarifario.html" target="_self"> 3441 Tarifários 3442 </a> 3443 </li> 3444 3445 <li class="footer__navigation-item" data-context="footer-main-menu-item"> 3446 3447 <a href="/yorn/shake-it.html" target="_self"> 3448 Shake It 3449 </a> 3450 </li> 3451 3452 <li class="footer__navigation-item" data-context="footer-main-menu-item"> 3453 3454 <a href="/yorn/parcerias.html" target="_self"> 3455 Parcerias 3456 </a> 3457 </li> 3458 3459 <li class="footer__navigation-item" data-context="footer-main-menu-item"> 3460 3461 <a href="/yorn/ajuda.html" target="_self"> 3462 Ajuda 3463 </a> 3464 </li> 3465 3466 <li class="footer__navigation-item" data-context="footer-main-menu-item"> 3467
3468 <a href="/yorn/onde-estamos.html" target="_self"> 3469 Onde estamos 3470 </a> 3471 </li> 3472 3473 3474 </ul> 3475 </div> 3476 </div> 3477</div> 3478 3479</div> 3480 <div class="footer__lower-footer"> 3481 3482<div id="lower_footer" class="container"> 3483 <input type="hidden" ref="legalItems"/> 3484 <div class="footer__lower-footer-inner"> 3485 <ul class="footer__legal-links"> 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 <li class="footer__legal-links-item" data-context="footer-legal-menu-item"> 3497 <a href="https://www.vodafone.pt/portalprivacidade.html" target="_blank"> 3498 <span>Privacidade</span> 3499 </a> 3500 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/> 3501 </li> 3502 3503 <li class="footer__legal-links-item" data-context="footer-legal-menu-item"> 3504 <a href="/yorn/termos-e-condicoes.html" target="_self"> 3505 <span>Termos e Condições</span> 3506 </a> 3507 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/> 3508 </li> 3509 3510 <li class="footer__legal-links-item" data-context="footer-legal-menu-item"> 3511 <a target="_self" onclick="window.vfptShowDialog()"> 3512 <span>Cookies</span> 3513 </a> 3514 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/> 3515 </li> 3516 3517 <li class="footer__legal-links-item" data-context="footer-legal-menu-item"> 3518 <a href="https://www.vodafone.pt/acessibilidade.html" target="_self"> 3519 <span>Acessibilidade</span> 3520 </a> 3521 <img src="/etc.clientlibs/digital-yorn/clientlibs/clientlib-yorn/resources/media/separator.svg" class="footer__legal-menu-separator"/> 3522 </li> 3523 3524 3525 </ul> 3526 <ul class="footer__social-media-links"> 3527 3528 <li class="footer__social-media-item" data-context="footer-social-media-menu-item"> 3529 3530 <div> 3531 3532 3533 3534 <a role="button" href="https://www.facebook.com/yorn" target="_blank"> 3535 <span class="icon icon--fill 8" style="width: ; height: ;"> 3536 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 3537 <path fill="#FFF" fill-rule="evenodd" d="M14.885 5.188h1.753V2.135C16.335 2.094 15.296 2 14.084 2c-2.527 0-4.258 1.59-4.258 4.511V9.2H7.037v3.413h2.789V21.2h3.42v-8.586h2.675l.425-3.413h-3.102V6.85c.001-.987.267-1.662 1.641-1.662z"/> 3538</svg> 3539 3540</span> 3541<span class="visually-hidden"></span> 3542 </a> 3543 3544 3545</div> 3546 </li> 3547 3548 <li class="footer__social-media-item" data-context="footer-social-media-menu-item"> 3549 3550 <div> 3551 3552 3553 3554 <a role="button" href="https://www.youtube.com/yorn" target="_blank"> 3555 <span class="icon icon--fill 8" style="width: ; height: ;"> 3556 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 3557 <path fill="#FFF" fill-rule="evenodd" d="M12.454 4c1.563.01 6.7.072 8.154.47.942.254 1.685.997 1.939 1.94.427 1.56.452 4.653.453 5.22v.1c0 .21-.014 3.614-.453 5.281-.254.943-.997 1.686-1.94 1.94-1.53.402-7.141.447-8.37.452h-.476c-1.225-.005-6.824-.052-8.37-.47-.943-.254-1.686-.997-1.94-1.94-.41-1.544-.448-4.635-.452-5.201v-.18c.004-.564.042-3.642.453-5.202.253-.943 1.014-1.704 1.939-1.958 1.454-.382 6.59-.442 8.154-.451zM9.806 8.404V15l5.727-3.299-5.727-3.298z"/> 3558</svg> 3559 3560</span> 3561<span class="visually-hidden"></span> 3562 </a> 3563 3564 3565</div> 3566 </li> 3567 3568 <li class="footer__social-media-item" data-context="footer-social-media-menu-item"> 3569 3570 <div> 3571 3572 3573 3574 <a role="button" href="https://www.instagram.com/yorn" target="_blank">
3575 <span class="icon icon--fill 8" style="width: ; height: ;"> 3576 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 3577 <path fill="#FFF" d="M8.225 3C5.347 3 3 5.347 3 8.225v7.55C3 18.653 5.347 21 8.225 21h7.55C18.653 21 21 18.653 21 15.775v-7.55C21 5.347 18.653 3 15.775 3h-7.55zm0 1.385h7.55c2.129 0 3.84 1.709 3.84 3.84v7.55c0 2.129-1.709 3.84-3.84 3.84h-7.55c-2.129 0-3.84-1.709-3.84-3.84v-7.55c0-2.129 1.709-3.84 3.84-3.84zm8.967 1.384c-.573 0-1.038.465-1.038 1.039 0 .573.465 1.038 1.038 1.038.574 0 1.039-.465 1.039-1.038 0-.574-.465-1.039-1.039-1.039zM12 7.154C9.33 7.154 7.154 9.33 7.154 12c0 2.67 2.177 4.846 4.846 4.846 2.67 0 4.846-2.177 4.846-4.846 0-2.67-2.177-4.846-4.846-4.846zm0 1.384c1.92 0 3.462 1.542 3.462 3.462 0 1.92-1.542 3.462-3.462 3.462-1.92 0-3.462-1.542-3.462-3.462 0-1.92 1.542-3.462 3.462-3.462z"/> 3578</svg> 3579 3580</span> 3581<span class="visually-hidden"></span> 3582 </a> 3583 3584 3585</div> 3586 </li> 3587 3588 <li class="footer__social-media-item" data-context="footer-social-media-menu-item"> 3589 3590 <div> 3591 3592 3593 3594 <a role="button" href="https://www.tiktok.com/@yorn?_t=8qYpK2WaMlf&_r=1" target="_blank"> 3595 <span class="icon icon--fill 8" style="width: ; height: ;"> 3596 <svg viewBox="0 0 24 24" width="24" height="24"><path id="Tik-Tok" fill="#FFFFFF" d="M19,10.282c-0.142,0.013-0.285,0.022-0.431,0.022c-1.638,0-3.078-0.865-3.916-2.173 c0,3.431,0,7.334,0,7.399c0,3.02-2.385,5.469-5.326,5.469S4,18.551,4,15.531s2.385-5.469,5.326-5.469 c0.111,0,0.22,0.01,0.329,0.017v2.695c-0.109-0.013-0.217-0.034-0.329-0.034c-1.502,0-2.719,1.249-2.719,2.791 s1.217,2.791,2.719,2.791s2.828-1.215,2.828-2.757C12.154,15.506,12.181,3,12.181,3h2.509C14.925,5.303,16.736,7.121,19,7.287 V10.282z"></path></svg> 3597</span> 3598<span class="visually-hidden"></span> 3599 </a> 3600 3601 3602</div> 3603 </li> 3604 3605 </ul> 3606 </div> 3607</div> 3608 3609</div> 3610</footer></div> 3611 3612 3613</div> 3614</div> 3615 3616 3617</div> 3618 3619 3620</div> 3621</div> 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643
3643<script type="text/javascript"> 3644 (function(a,b,c,d){ 3645 a='https://tags.vodafone.pt/pt-universal/prod/utag.js'; 3646 b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true; 3647 d.addEventListener('load', function() {tealiumBus.$emit('utag-loaded')}, false); 3648 a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a); 3649 })(); 3650 </script>
3650 3651
3652<script> 3653 //Smooth Scroll 3654 window.addEventListener('load', smoothScrollTemplate); 3655 window.addEventListener('hashchange', smoothScrollTemplate); 3656 3657 function smoothScrollTemplate() { 3658 var url = window.location; 3659 var hash = url.hash ? url.hash.substring(1) : null 3660 3661 if (hash !== null) { 3662 if (document.getElementById(hash) != null) { 3663 3664 var top = $('#'+hash).offset().top; 3665 var scrollHeight = 0; 3666 3667 scrollHeight = top; 3668 3669 scrollHeight = scrollHeight - 100; 3670 3671 $('html, body').animate({ 3672 scrollTop: scrollHeight 3673 }, 1000); 3674 } 3675 } 3676 } 3677</script>
3677 3678 3679 3680 3681
3682<script type="text/javascript" src="/_Incapsula_Resource?SWJIYLWA=719d34d31c8e3a6e6fffd425f7e032f3&ns=5&cb=602643365" async></script>
3682</body> 3683 3684</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.