1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5
5<script type="text/javascript"> 6 window.dataLayer = window.dataLayer || []; 7 </script>
7 8 <!-- Google Tag Manager --> 9
9<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 10 var loaded=false;function loadGtm(){if(loaded){return;} 11 loaded=true;var f=d.getElementsByTagName(s)[0], 12 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 13 '/g-en/?id='+i+dl+'';f.parentNode.insertBefore(j,f);} 14 function scheduleGtm(){if('requestIdleCallback'in w){w.requestIdleCallback(loadGtm,{timeout:2000});return;} 15 w.setTimeout(loadGtm,1500);} 16 if(d.readyState==='complete'){scheduleGtm();return;} 17 w.addEventListener('load',scheduleGtm,{once:true}); 18 })(window,document,'script','dataLayer','GTM-KKCTJB4');</script>
18 19 <!-- End Google Tag Manager --> 20 21 <title>Login | Degusta Box</title> 22 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 23 <meta name="format-detection" content="telephone=no"> 24 <meta name="robots" content="index,follow"/> 25 <meta name="title" 26 content="Login » Degusta Box"> 27 <meta name="keywords" content="Degusta&nbsp;Box, monthly surprise, surprise, taste box, sample box, food, snack"> 28 <meta name="description" content="Degusta Box makes you discover new products at a cheaper price than you would pay in the shops."> 29 <meta property="og:type" content="website"> 30 <meta property="og:url" content="https://www.degustabox.com/"> 31 <meta property="og:title" 32 content="Login » Degusta Box"> 33 <meta property="og:image" content="https://cf.degustabox.com/en/images/meta/en-box.webp"> 34 <meta property="og:description" content="Degusta Box makes you discover new products at a cheaper price than you would pay in the shops."> 35 <meta property="og:locale" content="en"> 36 <meta property="twitter:card" content="summary_large_image"> 37 <meta property="twitter:url" content="https://www.degustabox.com/"> 38 <meta property="twitter:title" 39 content="Login » Degusta Box"> 40 <meta property="twitter:description" content="Degusta Box makes you discover new products at a cheaper price than you would pay in the shops."> 41 <meta property="twitter:image" content="https://cf.degustabox.com/en/images/meta/en-box.webp"> 42 <meta name="csrf-token" content="4e651346e5c40387a494419e42.GaCTCD5QpFWkOltQpDJ3jxOP1aXtSg7oDgRpywEfo7Q.fs_iRxMylSfNbHYG6WIU_lTmuMLaPm-9PHYjuUJWzOtM6fJaCTOcGuVZbw"> 43 <link rel="icon" type="image/png" href="https://cf.degustabox.com/build/images/favicon/32x32.png" sizes="32x32"> 44 <link rel="icon" type="image/png" href="https://cf.degustabox.com/build/images/favicon/192x192.png" sizes="192x192"> 45 <link rel="icon" type="image/png" href="https://cf.degustabox.com/build/images/favicon/180x180.png" sizes="96x96"> 46 <link rel="icon" type="image/png" href="https://cf.degustabox.com/build/images/favicon/16x16.png" sizes="16x16"> 47 <link rel="icon" type="image/png" href="https://cf.degustabox.com/build/images/favicon/64x64.png" sizes="64x64"> 48 <link rel="shortcut icon" href="https://cf.degustabox.com/build/images/favicon/64x64.ico"> 49 <!-- Start VWO Async SmartCode --> 50<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
51<script async defer type='text/javascript' id='vwoCode'> 52 window._vwo_code=window._vwo_code || (function() { 53 var account_id=725687, 54 version = 1.5, 55 settings_tolerance=2000, 56 library_tolerance=2500, 57 use_existing_jquery=false, 58 is_spa=1, 59 hide_element='body', 60 hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', 61 /* DO NOT EDIT BELOW THIS LINE */ 62 f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); 63</script>
63 64<!-- End VWO Async SmartCode --> <style>*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid} 65*{margin:0} 66html{scroll-behavior:smooth} 67img,svg,video{display:block;vertical-align:middle} 68img{max-width:100%;height:auto} 69 70body{ 71 font-family:"Open Sans",ui-sans-serif,system-ui,sans-serif; 72 font-size:.875rem; 73 line-height:1.25rem; 74 color:#000; 75 min-height:100vh; 76 display:flex; 77 flex-direction:column; 78 width:100% 79} 80 81/* Layout */ 82.main-container{width:100%} 83 84/* ============================================= 85 LAYOUT COMPONENTS â app.scss:623-667 deferred 86 Without these, .body/.breadcrumb shift massively when css/app loads 87 ============================================= */ 88 89/* .content â app.scss:623-625 90 @apply flex-1 mx-auto pb-10 px-0 md:px-4 lg:px-8 max-w-6xl container */ 91.content{ 92 flex:1 1 0%; 93 margin-left:auto; 94 margin-right:auto; 95 padding-bottom:2.5rem; 96 padding-left:0; 97 padding-right:0; 98 max-width:72rem; 99 width:100% 100} 101@media(min-width:768px){.content{padding-left:1rem;padding-right:1rem}} 102@media(min-width:1024px){.content{padding-left:2rem;padding-right:2rem}} 103 104/* .main â app.scss:643-650 105 background:darken(#fff,2%) + @apply w-full transition duration-300 */ 106.main{ 107 background:#fafafa; 108 width:100%; 109 flex:1 1 0% 110} 111 112/* .main .body â app.scss:652-656
113 @apply bg-white px-2 lg:px-4 rounded shadow; min-height:640px 114 Fixes shift of 0.6963 on div.body */ 115.main .body{ 116 background:#fff; 117 padding-left:.5rem; 118 padding-right:.5rem; 119 border-radius:.25rem; 120 box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06); 121 min-height:640px 122} 123@media(min-width:1024px){.main .body{padding-left:1rem;padding-right:1rem}} 124 125/* .breadcrumb â app.scss:658-667 126 @apply container flex justify-start mx-auto max-w-6xl 127 Fixes shift of 0.9325 on div.body+ol (mb-5 of inner div pushes body) */ 128.breadcrumb{ 129 display:flex; 130 justify-content:flex-start; 131 margin-left:auto; 132 margin-right:auto; 133 max-width:72rem; 134 width:100% 135} 136.breadcrumb>div{ 137 padding:.75rem; 138 margin-bottom:1.25rem; 139 background:#fff; 140 border-radius:.25rem; 141 box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) 142} 143.breadcrumb ol{ 144 display:flex; 145 color:#1f2937 146} 147 148/* md:px-0 â used on .breadcrumb wrapper in base.html.twig */ 149@media(min-width:768px){.md\:px-0{padding-left:0!important;padding-right:0!important}} 150 151/* Nav â min-height reserves space so FontAwesome icons loading don't push body down */ 152nav{ 153 background-color:#fff; 154 border-bottom:1px solid rgba(229,231,235,1); 155 padding:.625rem .5rem; 156 position:relative; 157 z-index:20; 158 min-height:56px 159} 160@media(min-width:640px){nav{padding-left:1rem;padding-right:1rem}} 161@media(min-width:768px){nav{position:sticky;top:0}} 162 163/* FontAwesome icon space reservation â prevents nav growing when font CSS loads */ 164.fa,.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands{ 165 display:inline-block; 166 font-style:normal; 167 font-variant:normal; 168 line-height:1; 169 text-rendering:auto; 170 width:1em 171} 172.fa-fw{width:1.25em;text-align:center} 173.fa-2x{font-size:2em} 174.fa-xl{font-size:1.25em} 175 176/* Sidenav placeholder â evita CLS */ 177.v-sidebar-menu{position:fixed;top:0;left:0;height:100vh;z-index:999;width:0;overflow:hidden} 178 179/* ============================================= 180 COMPONENTES â evitan CLS de elementos globales 181 ============================================= */ 182/* Oculta el dropdown antes de que cargue css/app */ 183.country-selector .dropdown-menu{display:none} 184/* Mantiene los sticky buttons fuera del viewport antes de css/app */ 185.home-sticky-buttons--hidden{transform:translateY(-100%)} 186/* Reserva el espacio del widget Trustpilot (data-style-height="160px") 187 Sin esto: empieza como link de texto ~20px y salta a 160px cuando carga el JS */ 188.trustpilot-widget{min-height:160px} 189/* Reserva aspect-ratio para imágenes del past-boxes slider (definido en css/app) */ 190.ratio-4_5{aspect-ratio:4/5} 191 192/* ============================================= 193 DISPLAY â afectan layout y causan CLS 194 ============================================= */ 195.flex{display:flex!important} 196.inline-flex{display:inline-flex!important} 197.inline-block{display:inline-block!important} 198.block{display:block!important} 199.hidden{display:none!important} 200.grid{display:grid!important} 201@media(min-width:768px){.md\:flex{display:flex!important}} 202@media(min-width:768px){.md\:block{display:block!important}} 203@media(min-width:768px){.md\:hidden{display:none!important}} 204@media(min-width:768px){.md\:grid{display:grid!important}} 205@media(min-width:768px){.md\:inline{display:inline!important}} 206@media(min-width:1024px){.lg\:flex{display:flex!important}} 207@media(min-width:1024px){.lg\:hidden{display:none!important}} 208@media(min-width:1024px){.lg\:block{display:block!important}} 209@media(min-width:1280px){.xl\:hidden{display:none!important}} 210@media(min-width:1280px){.xl\:flex{display:flex!important}} 211@media(min-width:1280px){.xl\:block{display:block!important}} 212 213/* ============================================= 214 POSITION 215 ============================================= */ 216.relative{position:relative!important} 217.absolute{position:absolute!important} 218.fixed{position:fixed!important} 219.sticky{position:sticky!important} 220.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important} 221.top-0{top:0!important} 222.top-full{top:100%!important} 223.left-0{left:0!important} 224.right-0{right:0!important} 225.bottom-0{bottom:0!important} 226.-top-1{top:-.25rem!important} 227.-right-3{right:-.75rem!important} 228 229/* ============================================= 230 Z-INDEX 231 ============================================= */ 232.z-10{z-index:10!important} 233.z-20{z-index:20!important} 234 235/* ============================================= 236 OVERFLOW 237 ============================================= */ 238.overflow-hidden{overflow:hidden!important} 239 240/* ============================================= 241 WIDTH / HEIGHT 242 ============================================= */ 243.w-full{width:100%!important} 244.w-auto{width:auto!important} 245.w-6{width:1.5rem!important} 246.h-6{height:1.5rem!important} 247.h-full{height:100%!important} 248.min-h-screen{min-height:100vh!important} 249@media(min-width:768px){.md\:w-8\/12{width:66.666667%!important}} 250@media(min-width:1280px){.xl\:w-auto{width:auto!important}} 251 252/* ============================================= 253 MAX-WIDTH / CONTAINER 254 ============================================= */
255.container{width:100%} 256@media(min-width:640px){.container{max-width:640px}} 257@media(min-width:768px){.container{max-width:768px}} 258@media(min-width:1024px){.container{max-width:1024px}} 259@media(min-width:1280px){.container{max-width:1280px}} 260@media(min-width:1536px){.container{max-width:1536px}} 261.max-w-7xl{max-width:80rem!important} 262.max-w-6xl{max-width:72rem!important} 263.max-w-5xl{max-width:64rem!important} 264.max-w-xs{max-width:20rem!important} 265 266/* ============================================= 267 FLEX UTILITIES 268 ============================================= */ 269.flex-col{flex-direction:column!important} 270.flex-row{flex-direction:row!important} 271.flex-wrap{flex-wrap:wrap!important} 272.flex-shrink-0{flex-shrink:0!important} 273.flex-1{flex:1 1 0%!important} 274.items-center{align-items:center!important} 275.justify-between{justify-content:space-between!important} 276.justify-center{justify-content:center!important} 277@media(min-width:768px){.md\:items-center{align-items:center!important}} 278@media(min-width:1024px){.lg\:flex-row{flex-direction:row!important}} 279 280/* ============================================= 281 GRID UTILITIES 282 ============================================= */ 283.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important} 284.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} 285.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important} 286.gap-2{gap:.5rem!important} 287.gap-x-28{column-gap:7rem!important} 288.justify-items-center{justify-items:center!important} 289@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}} 290@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}} 291@media(min-width:1024px){.lg\:gap-x-14{column-gap:3.5rem!important}} 292@media(min-width:1280px){.xl\:order-1{order:1!important}} 293 294/* ============================================= 295 SPACING â padding/margin que afectan dimensiones 296 ============================================= */ 297.mx-auto{margin-left:auto!important;margin-right:auto!important} 298.ml-1{margin-left:.25rem!important} 299.mb-1{margin-bottom:.25rem!important} 300.mb-4{margin-bottom:1rem!important} 301.mt-4{margin-top:1rem!important} 302.-m-4{margin:-1rem!important} 303.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important} 304.-ml-4{margin-left:-1rem!important} 305.-mr-4{margin-right:-1rem!important} 306@media(min-width:768px){.md\:m-0{margin:0!important}} 307@media(min-width:768px){.md\:-my-3{margin-top:-.75rem!important;margin-bottom:-.75rem!important}} 308@media(min-width:768px){.md\:mx-0{margin-left:0!important;margin-right:0!important}} 309 310.p-2{padding:.5rem!important} 311.p-4{padding:1rem!important} 312.p-8{padding:2rem!important} 313.px-2{padding-left:.5rem!important;padding-right:.5rem!important} 314.px-4{padding-left:1rem!important;padding-right:1rem!important} 315.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important} 316.pt-6{padding-top:1.5rem!important} 317.pb-12{padding-bottom:3rem!important} 318@media(min-width:640px){.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}} 319@media(min-width:640px){.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}} 320@media(min-width:768px){.md\:p-4{padding:1rem!important}} 321@media(min-width:768px){.md\:px-4{padding-left:1rem!important;padding-right:1rem!important}} 322@media(min-width:768px){.md\:py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}} 323@media(min-width:1024px){.lg\:p-6{padding:1.5rem!important}} 324@media(min-width:1024px){.lg\:order-2{order:2!important}} 325 326/* ============================================= 327 BORDER-RADIUS (afecta al hero__col--right en mobile) 328 ============================================= */ 329.rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important} 330.rounded-full{border-radius:9999px!important} 331.rounded-lg{border-radius:.5rem!important} 332@media(min-width:768px){.md\:rounded-none{border-radius:0!important}} 333 334/* ============================================= 335 COLORS â solo las que afectan al hero above-the-fold 336 ============================================= */ 337.bg-white{background-color:#fff!important} 338.bg-verylightgray{background:#F6F7F8!important} 339.text-gray-500{color:rgba(107,114,128,1)!important} 340.text-white{color:#fff!important} 341.bg-db-light{background-color:#a8de00!important} 342.bg-db-dark{background-color:rgba(0,111,105,1)!important} 343@media(min-width:768px){.md\:bg-transparent{background-color:transparent!important}} 344 345/* ============================================= 346 TYPOGRAPHY â solo lo que afecta altura/layout 347 ============================================= */ 348.font-bold{font-weight:700!important} 349.font-semibold{font-weight:600!important} 350.text-lg{font-size:1.125rem!important;line-height:1.75rem!important} 351.text-sm{font-size:.875rem!important;line-height:1.25rem!important} 352.text-xl{font-size:1.25rem!important;line-height:1.75rem!important} 353.text-2xl{font-size:1.5rem!important;line-height:2rem!important} 354@media(min-width:768px){.md\:text-2xl{font-size:1.5rem!important;line-height:2rem!important}} 355.uppercase{text-transform:uppercase!important} 356.normal-case{text-transform:none!important} 357.text-center{text-align:center!important} 358.leading-none{line-height:1!important} 359@media(min-width:768px){.md\:text-5xl{font-size:3rem!important;line-height:1!important}} 360@media(min-width:768px){.md\:font-bold{font-weight:700!important}} 361@media(min-width:768px){.md\:text-white{color:#fff!important}} 362 363/* ============================================= 364 SWIPER CORE â evita que los slides se apilen (height colapsa a 0 sin esto) 365 ============================================= */ 366.swiper{overflow:hidden} 367.swiper-wrapper{display:flex} 368.swiper-slide{flex-shrink:0;width:100%;position:relative} 369 370/* ============================================= 371 HERO â estilos de app.scss que definen la altura del hero en mobile 372 El más crÃtico: sin .hero__col--left el hero mide 0px en mobile â CLS máximo 373 ============================================= */ 374.hero--home,.hero--gift{ 375 position:relative; 376 overflow:hidden; 377 background-repeat:repeat-y; 378 background-position:left top; 379 background-size:200% auto 380} 381@media(min-width:768px){ 382 .hero--home,.hero--gift{ 383 background-position:center; 384 background-size:100% auto 385 } 386} 387.hero>.container{position:relative;z-index:1} 388.hero__image{ 389 position:absolute; 390 top:-10px; 391 left:0; 392 width:200%; 393 max-width:none; 394 height:auto; 395 object-fit:cover; 396 object-position:left top; 397 pointer-events:none; 398 z-index:0 399} 400@media(min-width:768px){ 401 .hero__image{ 402 inset:0; 403 width:100%; 404 height:100%; 405 object-position:center 406 } 407} 408.hero__col--left{padding-bottom:90%} 409@media(min-width:1200px){.hero__col--left{padding-bottom:100%}} 410@media(min-width:1400px){.hero__col--left{padding-bottom:0;min-height:540px}} 411 412/* ============================================= 413 BTN â evita CLS de altura en botones above-the-fold 414 ============================================= */ 415.btn{ 416 display:inline-block; 417 font-size:1.125rem; 418 line-height:1.75rem; 419 font-weight:700; 420 background-color:#a8de00; 421 color:#fff; 422 padding:.5rem 1.5rem; 423 text-transform:uppercase; 424 border:1px solid #a8de00; 425 text-align:center 426} 427.btn-pill{border-radius:9999px} 428.btn-white{background-color:#fff;color:#a8de00;border-color:#fff} 429</style> 430 <link rel="stylesheet" href="/build/css/tailwind.67a8d7c2.css" media="print" onload="this.media='all'"> 431 <link rel="stylesheet" href="/build/css/fontawesome.96c61e32.css" media="print" onload="this.media='all'"> 432 <link rel="stylesheet" href="/build/css/app.92e24496.css" media="print" onload="this.media='all'"> 433 <noscript> 434 435 436 437 </noscript> 438
438<script> 439 const _locale = 'en'; 440 const _country = 'EN'; 441 const _campaign_is_active = false; 442 const _file_server = 'https://cf.degustabox.com/'; 443 const _phone_pattern = '^\\d{11}$'; 444 const _recaptcha_v3_site_key = '6LdM7WIaAAAAAJqBO7zXz1NmpZLPeYsVYYIjUcw_'; 445 const _instagram_url = 'https://www.instagram.com/degustabox_uk/'; 446 const _facebook_url = 'https://www.facebook.com/DegustaboxUK/'; 447 const _youtube_url = 'youtube_url'; 448 const _tiktok_url = 'tiktok_url'; 449 const _customer_service_url = 'https://support.degustabox.com/hc/en-gb/requests/new'; 450 const _passwordUpperLowerPattern = '^.*(?=.*[a-z])(?=.*[A-Z]).*$'; 451 const _symbolPattern = '^.*(?=.*[ !¡"#$%&'()*+,-.\/:;<=>¿?@\[\\]^_`{|}~]).*$'; 452 const _minLengthPattern = '^.*(?=.{8,}).*$'; 453 const _numberPattern = '^.*(?=.*\\d).*$'; 454 const _stripe_public_key = 'pk_live_51NXNCNByVAjv6RhSjrt1qhFJqp3cuLSavj8a3Hj7BN5NAEXYPNaSEUy3WG3h1LHQwOV7ZTUWDM5ARU8z8SQo3zeX00aUDDM9wT'; 455 const _google_client_id = '612572008346-da3c5l2j5if6rdpakprtg6v4nfaqboqc.apps.googleusercontent.com'; 456 const _iframe_title = 'External content'; 457 </script>
457 458</head> 459<body class="text-black"> 460 <!-- Google Tag Manager (noscript) --> 461 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKCTJB4" 462 title="Google Tag Manager" 463 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 464 <!-- End Google Tag Manager (noscript) --> 465 466 <div class="mobile-menu-2 menu-mobile hidden w-auto border z-30 w-44 text-base list-none bg-white 467 divide-y divide-gray-100 shadow fixed top-0 right-0 w-80 sidebar side-menu" id="mobile-menu-2" 468 style="height: 120%; width: 20rem !important;"> 469 <div class="px-5 header flex justify-between p-3 py-5"> 470 <button class="title-xl cursor-pointer flex items-center" onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2" type="button" aria-label="Close menu"> 471 <img loading="lazy" decoding="async" class="h-5" src="https://cf.degustabox.com/build/images/close.svg" alt="Close" width="20" height="20"> 472 </button> 473 </div> 474 <ul class="flex flex-col" style="border-top:0"> 475 <li class="lg:hidden"> 476 <a href="/en/register"> 477 <div class="main-menu-item"> 478 <i class="border-db-light fa fa-heart fa-fw text-2xl mr-3" aria-hidden="true"></i> 479 <span class="text-xl">Sign up now and get £5 off</span> 480 </div> 481 </a> 482 </li> 483 <li class="lg:hidden"> 484 <a href="/en/edition-box/advent-calendar"> 485 <div class="main-menu-item"> 486 <i class="border-db-light fas fa-calendar fa-fw text-2xl mr-3" aria-hidden="true"></i> 487 <span class="text-xl">Advent Calendar</span> 488 </div> 489 </a> 490 </li> 491 492 <li class="lg:hidden"> 493 <a href="/en/give-as-a-gift"> 494 <div class="main-menu-item"> 495 <i class="border-db-light fa fa-gift fa-fw text-2xl mr-3" aria-hidden="true"></i> 496 <span class="text-xl">Gift</span> 497 </div> 498 </a> 499 </li> 500 <li class="lg:hidden"> 501 <a href="/en/our-boxes/2026"> 502 <div class="main-menu-item"> 503 <i class="border-db-light fa fa-box-open fa-fw text-2xl mr-3" aria-hidden="true"></i> 504 <span class="text-xl">Our boxes</span> 505 </div> 506 </a> 507 </li> 508 <li class="lg:hidden"> 509 <a href="/en/about-us"> 510 <div class="main-menu-item"> 511 <i class="border-db-light fa fa-circle-info fa-fw text-2xl mr-3" aria-hidden="true"></i> 512 <span class="text-xl">About us</span> 513 </div> 514 </a> 515 </li> 516 <ul> 517 <li class="menu-mobile"> 518 <span class="text-xl"><div class="main-menu-item"> 519 <i class="fas fa-th-large fa-fw fa-fw text-2xl" aria-hidden="true"></i> 520 <a href="/en/user#/my-dashboard" aria-label="profile"> 521 <p class="text-xl ml-3 font-bold border-b-1 border-0"> 522 Home 523 </p> 524 </a> 525</div> 526<div class="text-base list-none bg-white divide-y divide-b-gray-100" id="menuUserDropdown" 527 style="width: -webkit-fill-available;"> 528 <ul class="ml-10 py-1 dropdown-menu-user-list" aria-labelledby="dropdownLargeButton"> 529 <li class="hover:bg-db-dark"> 530 <a href="/en/user#/my-account" class="dropdown-menu-user-item" 531 onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2"> 532 <i class="fas fa-user-circle fa-fw" aria-hidden="true"></i> 533 My account 534 </a> 535 </li> 536 <li class="hover:bg-db-dark"> 537 <a href="/en/user#/my-delivery" 538 class="dropdown-menu-user-item" onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2"> 539 <i class="fas fa-truck fa-fw" aria-hidden="true"></i> 540 My deliveries 541 </a> 542 </li> 543 <li class="hover:bg-db-dark"> 544 <a href="/en/user#/questionnaires" 545 class="dropdown-menu-user-item" onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2"> 546 <i class="fas fa-comment fa-fw" aria-hidden="true"></i> 547 My surveys 548 </a> 549 </li> 550 <li class="hover:bg-db-dark"> 551 <a href="/en/user#/my-points" 552 class="dropdown-menu-user-item" onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2"> 553 <i class="fas fa-plus-circle fa-fw" aria-hidden="true"></i> 554 My loyalty points 555 </a> 556 </li> 557 <li class="hover:bg-db-dark"> 558 <a href="/en/user#/invite-friends" 559 class="dropdown-menu-user-item" onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2"> 560 <i class="fas fa-envelope-open-text fa-fw" aria-hidden="true"></i> 561 My friend invites 562 </a> 563 </li> 564 </ul> 565</div> 566 <div class="main-menu-item"> 567 <i class="fas fa-gem fa-fw text-2xl" aria-hidden="true"></i> 568 <a href="https://www.degustabox.com/en/degustabox-plus" aria-label="Switch to PLUS and discover more perks"> 569 <p class="text-xl ml-3 font-bold border-b-1 border-0"> 570 PLUS 571 </p> 572 </a> 573 </div> 574</span> 575 </li> 576 </ul> 577 578 </ul> 579</div> 580 581 <div class="mobile-menu-2 menu-mobile hidden w-auto border z-30 w-44 text-base list-none bg-white 582 divide-y divide-gray-100 shadow fixed top-0 right-0 w-80 sidebar side-menu" id="notifications-menu" 583 style="height: 120%; width: 20rem !important;"> 584 <div class="px-5 header flex justify-between p-3 py-5">
585 <button class="title-xl cursor-pointer flex items-center" onclick="toggleCollapseClick(this)" data-collapse-toggle="notifications-menu" type="button" 586 aria-controls="notifications-menu" aria-expanded="false" aria-label="Close notifications"> 587 <img loading="lazy" decoding="async" class="h-5" src="https://cf.degustabox.com/build/images/close.svg" alt="Close" width="20" height="20"> 588 </button> 589 590 <div class="title-xxl">Notifications</div> 591 </div> 592 593 <div id="notifications-content"> 594 </div> 595</div> 596 597 <nav class="bg-white border-b border-grey px-2 sm:px-4 py-2.5 md:sticky top-0 z-20"> 598 <div class="mx-auto px-2 sm:px-6 flex flex-wrap justify-between items-center"> 599 <a id="logo" class="flex" href="/en/" title="Degusta Box"> 600 <img class="block h-6 w-auto" src="https://cf.degustabox.com/build/images/db-logo-3.0.svg" alt="Degusta Box" width="164" height="24"> 601 </a> 602 <div class="flex items-center lg:order-2"> 603 <div class="country-selector relative"> 604 <div class="country-selector__wrap" tabindex="0"> 605 <button class="dropdown-menu-header"> 606 <span class="hidden md:block">en</span> 607 <i class="fa fa-angle-down pl-1 hidden md:block"></i> 608 <span class="relative overflow-hidden leading-none"> 609 <i class="fa fa-globe fa-fw md:hidden text-transparent"></i> 610 <span class="country-selector__toggle transition-all absolute top-0 left-0 flex flex-col"> 611 <i class="fa fa-globe fa--globe-dummy fa-fw md:hidden text-transparent"></i> 612 <i class="fa fa-times fa-fw md:hidden text-db-light"></i> 613 </span> 614 </span> 615 </button> 616 <!-- Dropdown menu --> 617 <div id="countriesDropdown" class="dropdown-menu absolute top-full left-2/4 transform -translate-x-2/4 bg-white"> 618 <div class="arrow-up"></div> 619 <ul class="py-1 dropdown-menu-list whitespace-nowrap" aria-labelledby="dropdownLargeButton"> 620 <li> 621 <a href="/es/login" class="dropdown-menu-item"> 622 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/ES.png" alt="ES" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>España 623 </a> 624 </li> 625 <li> 626 <a href="/fr/login" class="dropdown-menu-item"> 627 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/FR.png" alt="FR" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>France 628 </a> 629 </li> 630 <li> 631 <a href="/de/login" class="dropdown-menu-item"> 632 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/DE.png" alt="DE" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>Deutschland 633 </a> 634 </li> 635 <li> 636 <a href="/en/login" class="dropdown-menu-item"> 637 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/UK.png" 638 alt="UK" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>United Kingdom 639 </a> 640 </li> 641 <li> 642 <a href="/it/login" class="dropdown-menu-item"> 643 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/IT.png" alt="IT" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>Italia 644 </a> 645 </li> 646 <li> 647 <a href="/at/login" class="dropdown-menu-item"> 648 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/AT.png" alt="AT" class="inline w-4 mr-2 relative -top-0.5" width="16" height="16"/>Austria 649 </a> 650 </li> 651 </ul> 652 </div> 653 </div> 654 <div class="country-selector__mask absolute inset-0 cursor-pointer" tabindex="0"></div> 655 </div> 656 <button onclick="toggleCollapseClick(this)" data-collapse-toggle="mobile-menu-2" type="button" 657 class="inline-flex items-center p-3 ml-1 text-sm text-gray-500 rounded-lg xl:hidden" aria-controls="mobile-menu-2" 658 aria-expanded="false" aria-label="Open menu"> 659 <img loading="lazy" decoding="async" class="w-6 h-6 block" src="https://cf.degustabox.com/build/images/menu-mobile.svg" alt="mobile menu" width="24" height="24"> 660 </button> 661 <a 662 href="/en/login" 663 class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg hidden md:block" aria-label="My account"> 664 <i class="text-2xl rounded-full fas fa-user-circle text-db-dark" aria-hidden="true"></i> 665 </a> 666 667 </div> 668 669 <!-- Div menu desktop --> 670 <div class="justify-between items-center w-full xl:w-auto xl:order-1 hidden xl:flex"> 671 <ul class="flex flex-col mt-4 lg:flex-row lg:space-x-8 lg:mt-0 lg:text-sm lg:font-medium"> 672 <li> 673 <button onclick="toggleDropDownClick(this)" data-dropdown-toggle="editionBoxesDropdown" class="dropdown-menu-header"> 674 Limited Editions 675 <i class="fa fa-angle-down pl-1"></i> 676 </button> 677 <!-- Dropdown menu --> 678 <div id="editionBoxesDropdown" class="hidden dropdown-menu"> 679 <div class="arrow-up"></div> 680 <ul class="py-1 dropdown-menu-list" aria-labelledby="dropdownLargeButton"> 681 <li> 682 <a href="/en/edition-box/advent-calendar" class="dropdown-menu-item"> 683 Advent Calendar 684 </a> 685 </li> 686 </ul> 687 </div> 688 </li> 689 690 <li> 691 <a href="/en/give-as-a-gift" class="dropdown-menu-header"> 692 Gift 693 </a> 694 </li> 695 <li> 696 <a href="/en/our-boxes" class="dropdown-menu-header"> 697 Our boxes 698 </a> 699 </li> 700 <li> 701 <a href="/en/about-us" class="dropdown-menu-header"> 702 About us 703 </a> 704 </li> 705 <li> 706 <a href="/en/register" 707 class="btn btn-pill dropdown-menu-header bg-db-light text-white btn--with-label">
708 <span class="btn__text">GET STARTED</span> 709 <span class="btn__prelabel"></span> 710 <span class="btn__label">£5</span> 711 </a> 712 </li> 713 </ul> 714 </div> 715 </div> 716 </nav> 717 <div class="home-sticky-buttons home-sticky-buttons--hidden transition duration-200 fixed left-0 w-full top-0 z-10"> 718 <div class="home-sticky-buttons--content transition duration-100 md:hidden px-3 py-2 bg-gray-100"> 719 <div class="grid grid-cols-2 gap-2 justify-center items-center"> 720 <a href="/en/register" 721 class="btn btn-pill dropdown-menu-header bg-db-light text-white btn--with-label"> 722 <span class="btn__text">GET STARTED</span> 723 <span class="btn__prelabel"></span> 724 <span class="btn__label">£5</span> 725 <a href="/en/give-as-a-gift" class="btn btn-pill bg-white text-db-light hover:text-white db-click-event" 726 id="go-to-gift-checkout">Give as a gift</a> 727 </a> 728 </div> 729 </div> 730 </div> 731 732 733 734 735 736 737 <div class="main main-container"> 738 739 <div class="content"> 740 <div class="breadcrumb px-2 md:px-0"> 741 <div> 742 <ol> 743 <li><a href="/en/" class="text-db-dark">Home</a></li><li><span class="mx-2">/</span></li> 744 <li>Login</li></ol> 745 </div> 746 </div> 747 <div class="main-alert"> 748 <div id="loginError" class=" hidden "> 749 <div class="p-4 mb-2 bg-white"> 750 <div class="alert flex relative border rounded-lg p-3 mb-5 items-center alert-banner bg-error-light border-error-dark"> 751 <div class="mr-3 self-start"> 752 <i class="fa-3x fas text-error-dark fa-exclamation-circle"></i> 753 </div> 754 <div> 755 <div class="font-semibold text-lg capitalize"> 756 Error 757 </div> 758 <div> 759 Email or password are not correct 760 </div> 761 </div> 762 </div> 763</div> 764 </div> 765 <div id="googleAlert" class="hidden"> 766 <div class="p-4 mb-2 bg-white"> 767 <div class="alert flex relative border rounded-lg p-3 mb-5 items-center alert-banner bg-error-light border-error-dark"> 768 <div class="mr-3 self-start"> 769 <i class="fa-3x fas text-error-dark fa-exclamation-circle"></i> 770 </div> 771 <div> 772 <div class="font-semibold text-lg capitalize"> 773 Error 774 </div> 775 <div> 776 You must have at least one active google user in the session 777 </div> 778 </div> 779 </div> 780</div> 781 </div> 782 </div> 783 <div class="body"> 784 <div class="grid grid-cols-1 sm:grid-cols-2 gap-10 grid-rows-1 mx-auto"> 785 <div class="db-container-box input-full"> 786 <div class="title-xl mb-4 text-center">Are you a registered user?</div> 787 <form name="login_form" method="post" class="grid gap-6"> 788 789 <div class="db-form-input-group--full"> 790 <input type="email" id="login_form_email" name="login_form[email]" required="required" class="db-form-input--full" placeholder=" " /> 791 <label class="block required db-form-label--full db-form-label--flying required" for="login_form_email">E-mail</label> 792 </div> 793 <div class="db-form-input-group--full relative"> 794 <input type="password" id="login_form_password" name="login_form[password]" required="required" class="db-form-input--full pr-10" placeholder=" " /> 795 <label class="block required db-form-label--full db-form-label--flying required" for="login_form_password">Password</label> 796 <button type="button" 797 class="toggle-password absolute inset-y-0 right-3 flex items-center text-gray-500 hover:text-gray-700 focus:outline-none" 798 aria-label="Toggle password visibility"> 799 <svg class="eye-open w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 800 <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /> 801 <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> 802 </svg> 803 <svg class="eye-closed w-5 h-5 hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> 804 <path stroke-linecap="round" stroke-linejoin="round" d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" /> 805 </svg> 806 </button> 807 </div> 808 <div><button type="submit" id="login_form_enter" name="login_form[enter]" class="db-dark-button py-3 w-full">Enter</button></div> 809 <div class="flex items-center"> 810 <div class="flex-grow bg bg-gray-300 h-0.5"></div> 811 <div class="flex-grow-0 mx-5 text uppercase">OR</div> 812 <div class="flex-grow bg bg-gray-300 h-0.5"></div> 813 </div> 814 <div class="grid grid-cols-1 gap-2"> 815 <div> 816 <button type="button" onclick="loginGoogle();" class="g_id_signin db-white-button py-1 w-full relative text-white" style="background-color: #ee7376; border-color: #ee7376"><i class="fab fa-google icon-inside-button"></i> Google</button> 817 </div> 818 <div> 819 <button type="button" onclick="loginFacebook();" class="db-white-button py-1 w-full relative text-white" style="background-color: #3b5998; border-color: #3b5998"><i class="fab fa-facebook-f icon-inside-button"></i> Facebook</button> 820 </div> 821 <div> 822 <button type="button" onclick="loginWithApple();" class="apple-signin-button db-white-button py-1 w-full relative text-black" style="background-color: #ffffff; border-color: #000000"><i class="fab fa-apple icon-inside-button"> </i> Apple</button> 823 </div> 824 </div> 825 <div class="text-center"> 826 <a title="Recover password" href="/en/lostpassword" 827 class="text-db-dark text-sm font-semibold hover:underline">Recover password</a> 828 </div> 829 <input type="hidden" id="login_form_captcha" name="login_form[captcha]" /> 830 831
831<script type="text/javascript" nonce=""> 832 var recaptchaCallback_login_form_captcha = function() { 833 grecaptcha.execute('6LdM7WIaAAAAAJqBO7zXz1NmpZLPeYsVYYIjUcw_', {action: 'login'}).then(function(token) { 834 document.getElementById('login_form_captcha').value = token; 835 }); 836 setTimeout(recaptchaCallback_login_form_captcha, 100000); 837 }; 838 </script>
vendor: 92 bytes, lines 838-839
838 839 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
8396LdM7WIaAAAAAJqBO7zXz1NmpZLPeYsVYYIjUcw_
vendor: 82 bytes, line 839
839&hl=en&onload=recaptchaCallback_login_form_captcha" async defer nonce=""></script>
839<input type="hidden" id="login_form__token" name="login_form[_token]" value="0505e532.h3WNLD1QlBir1MyvaL4RG17Tm79KvYl5YTCopazndvU.wBnUaQ40xUL55rngDcl0dzuD0NoEivBULV3k5PzVNaXtE8cdVwHDLvjmqw" /></form> 840 </div> 841 <div class="db-container-box text-center"> 842 <div class="grid gap-6 h-full"> 843 <div class="title-xl mb-4">Are you new?</div> 844 <div> 845 <p class="mb-4">Receive your Degusta Box every month filled with goodies.</p> 846 <p>All for a cheaper price than you would pay in the shops!</p> 847 </div> 848 <div class="self-end"> 849 <a href="/en/register"> 850 <div class="db-white-button py-3 w-full">Get started</div> 851 </a> 852 <div class="hidden sm:block mt-6"><div class="text-sm"> </div></div> 853 </div> 854 </div> 855</div> 856<style> 857 .main .body{ 858 background-color:transparent; 859 padding-left:0 !important; 860 padding-right:0 !important; 861 } 862</style> 863 </div> 864 865 </div> 866 </div> 867 </div> 868 869<div tabindex="0" role="dialog" class="modal-box home__modal-box p-4 text-center fixed bg-white w-full h-full top-0 left-0 overflow-y-auto z-50 bg-white-blur" style="display:none"> 870 <div class="flex flex-col h-full"> 871 <div> 872 <div class="text-right"> 873 <button class="modal-box__close title-xl cursor-pointer"> 874 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/close.svg" alt="X" aria-label="Close dialog" class="h-5" width="20" height="20"> 875 <small class="text-sm">ESC</small> 876 </button> 877 </div> 878 </div> 879 <div class="flex-grow flex flex-col"> 880 <div class="modal-box__content content py-3 text-left flex flex-col items-center justify-center"></div> 881 </div> 882 <div> 883 <button class="modal-box__close db-light-button w-full lg:w-96 my-3" aria-label="Close dialog"> 884 Close 885 </button> 886 </div> 887 </div> 888</div> 889<footer> 890 <section class="bg-db-dark"> 891 <div class="container mx-auto p-4 lg:p-6 text-center max-w-md"> 892 <h2 class="uppercase p-0 mb-1 ">LET'S STAY IN TOUCH</h2> 893 <p class="mb-6 text-base">Sign up to our newsletter and get exclusive access to our offers and latest foodie trends.</p> 894 <form name="footer_newsletter" method="post" action="/en/newsletter/subscribe/footer" class="relative" id="form-newsletter-footer"> 895 896<div class="mb-2"> 897 <div class="flex items-stretch border border-db-light rounded-full"> 898 <input type="email" id="footer_newsletter_email" name="footer_newsletter[email]" required="required" class="flex-grow rounded-l-full border-0 text-left px-4 text-black" placeholder="Your email" id="email" /> 899 <input type="hidden" id="footer_newsletter_captcha" name="footer_newsletter[captcha]" required="required" /> 900 901
901<script type="text/javascript" nonce=""> 902 var recaptchaCallback_footer_newsletter_captcha = function() { 903 grecaptcha.execute('6LdM7WIaAAAAAJqBO7zXz1NmpZLPeYsVYYIjUcw_', {action: 'footer'}).then(function(token) { 904 document.getElementById('footer_newsletter_captcha').value = token; 905 }); 906 setTimeout(recaptchaCallback_footer_newsletter_captcha, 100000); 907 }; 908 </script>
vendor: 92 bytes, lines 908-909
908 909 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=
9096LdM7WIaAAAAAJqBO7zXz1NmpZLPeYsVYYIjUcw_
vendor: 98 bytes, lines 909-910
909&hl=en&onload=recaptchaCallback_footer_newsletter_captcha" async defer nonce=""></script> 910
910<div><button type="submit" id="footer_newsletter_enter" name="footer_newsletter[enter]" class="btn btn-pill border-0 rounded-l-none px-4">OK</button></div> 911 </div> 912</div> 913<label class="flex items-center justify-start"> 914 <input type="checkbox" id="footer_newsletter_terms" name="footer_newsletter[terms]" required="required" class="mr-2" id="terms" value="1" /> 915 I accept the 916 <a class="privacy-policy-link" target="_blank" rel="nofollow" 917 href="/en/privacy-policy">Privacy Policy</a> 918</label> 919<div id="form-newsletter-footer__ok" class="absolute left-0 right-0 top-0 bottom-0 px-3 py-2" 920 style="display:none"> 921 <div class="absolute left-0 right-0 top-0 bottom-0 bg-db-dark opacity-95 backdrop-filter backdrop-blur-lg"></div> 922 <div class="relative"> 923 <div class="text-lg font-bold text-db-light">Thanks for Subscribing</div> 924 </div> 925</div> 926<input type="hidden" id="footer_newsletter_source" name="footer_newsletter[source]" required="required" value="footer" /><input type="hidden" id="footer_newsletter__token" name="footer_newsletter[_token]" value="8c20dc4.Jt5FuaqP_fYi_Pj74ri8upZUzV4Pd2-WPGwrPTv91B4.Y68K2vm5i75gtbe8uvrY_vEXgStsEh6gWjxtdgOYnVZ2jBeK2PyPhUiwsQ" /></form> 927 </div> 928 </section> 929 <div class="social-block"> 930 <div class="container mx-auto max-w-6xl mx-autow-full lg:grid grid-cols-5 gap-x-6 w-4/5 text-center lg:text-left"> 931 <div class="py-5 lg:pt-6 lg:pb-2"> 932 <div class="col-span-2 self-end text-lg font-bold text-db-light mb-3 uppercase"> 933 Degusta Box 934 </div> 935 <ul class="text-base"> 936 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 937 href="https://degustabox.recruitee.com/">Careers</a> 938 </li> 939 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 940 href="https://partners.degustabox.com/?utm_source=b2c">Brands</a> 941 </li> 942 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 943 href="https://connect.studentbeans.com/v4/hosted/degusta-box/uk">Discount for students</a> 944 </li> 945 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 946 href="/en/about-us">About us</a> 947 </li> 948 </ul> 949 <div class="col-span-2 self-end text-lg font-bold text-db-light mb-3 uppercase lg:mt-4"> 950 Information 951 </div> 952 <ul class="text-base"> 953 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 954 href="/en/terms-and-conditions">Terms and Conditions</a> 955 </li> 956 <li class="mb-2"><a class="footer-nav-link" rel="nofollow" 957 href="/en/privacy-policy">Privacy Policy</a> 958 </li> 959 </ul> 960 </div> 961 <div class="py-5 lg:pt-6 lg:pb-2"> 962 <div class="col-span-2 self-end text-lg font-bold text-db-light mb-3 uppercase"> 963 Degusta Box near you 964 </div> 965 <ul class="text-base"> 966 <li class="mb-2"> 967 <a href="/es/login" class="footer-nav-link capitalize" rel="nofollow"> 968 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/ES.png" alt="ES" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 969 España 970 </a> 971 </li> 972 <li class="mb-2"> 973 <a href="/fr/login" class="footer-nav-link capitalize" rel="nofollow"> 974 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/FR.png" alt="FR" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 975 France 976 </a> 977 </li> 978 <li class="mb-2"> 979 <a href="/de/login" class="footer-nav-link capitalize" rel="nofollow"> 980 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/DE.png" alt="DE" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 981 Deutschland 982 </a> 983 </li> 984 <li class="mb-2"> 985 <a href="/en/login" class="footer-nav-link capitalize" rel="nofollow"> 986 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/UK.png" alt="UK" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 987 United Kingdom 988 </a> 989 </li> 990 <li class="mb-2"> 991 <a href="/it/login" class="footer-nav-link capitalize" rel="nofollow"> 992 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/IT.png" alt="IT" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 993 Italia 994 </a> 995 </li> 996 <li class="mb-2"> 997 <a href="/at/login" class="footer-nav-link capitalize" rel="nofollow"> 998 <img loading="lazy" decoding="async" src="https://cf.degustabox.com/build/images/careers/flags/AT.png" alt="AT" class="inline w-4 mr-1.5 relative -top-0.5" width="16" height="16"/> 999 Austria 1000 </a> 1001 </li> 1002 </ul> 1003 </div> 1004 <div class="py-5 lg:pt-6 lg:pb-2 col-span-2"> 1005 <div class="col-span-2 self-end text-lg font-bold text-db-light mb-3 uppercase"> 1006 NEED HELP? 1007 </div> 1008 <ul class="text-base mb-6"> 1009 <li class="mb-2"><a class="footer-nav-link" 1010 href="/en/help-center">Help center</a> 1011 </li> 1012 <li class="mb-2"> 1013 <a class="footer-nav-link" href="https://support.degustabox.com/hc/en-gb/articles/5770351288081" target="_blank" rel="nofollow noopener"> 1014 Contact us 1015 </a> 1016 </li> 1017 </ul> 1018 </div> 1019 <div class="py-5 lg:pt-6 lg:pb-2 text-center lg:text-right"> 1020 <div class="col-span-2 self-end text-lg font-bold text-db-light mb-3 uppercase"> 1021 Follow us 1022 </div> 1023 <div class="flex justify-center lg:justify-end"> 1024 <a class="px-3 lg:pr-0" href="https://www.facebook.com/DegustaboxUK/" target="_blank" 1025 rel="nofollow noopener"> 1026 <img loading="lazy" decoding="async" class="h-13 bg-white rounded-full float-right" 1027 src="https://cf.degustabox.com/build/images/social_media/FB.svg" alt="Facebook" width="50" height="50"> 1028 </a> 1029 <a class="px-3 lg:pr-0" href="https://www.instagram.com/degustabox_uk/" target="_blank" 1030 rel="nofollow noopener"> 1031 <img loading="lazy" decoding="async" class="h-13 bg-white rounded-full" 1032 src="https://cf.degustabox.com/build/images/social_media/IG.svg" alt="Instagram" width="50" height="50"> 1033 </a> 1034 </div> 1035 </div> 1036 </div> 1037</div> 1038 1039 <div class="footer-copyright bg-gray-600 text-center pt-4 pb-3 text-xs text-gray-400"> 1040 Copyright © 2026 Degusta box, all rights reserved. 1041 </div> 1042</footer> 1043<style> 1044 .grecaptcha-badge{ 1045 visibility: hidden; 1046 } 1047</style> 1048 1049 1050
1050<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
1050 1051
1051<script src="https://cf31f537506b498ba19b5eb3c9b59e15.js.ubembed.com" async></script>
1051 1052
1052<script src="/build/runtime.ab73a101.js" defer fetchPriority="high" async></script>
1052<script src="/build/vendors.3a16bc66.js" defer fetchPriority="high" async></script>
1052<script src="/build/app.67c8c616.js" defer fetchPriority="high" async></script>
1052 1053
1053<script 1054 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBWN0d39jT8G1ApkBSoBPoy2Tcx5d6dtT8&libraries=places" 1055 defer 1056 ></script>
1056 1057 1058
1058<script async defer src="https://accounts.google.com/gsi/client"></script>
1058 1059
1059<script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v7.0&appId=437425614126678" 1060 async defer crossorigin="anonymous"></script>
1060 1061
1061<script async defer src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/es_ES/appleid.auth.js"></script>
1061 1062
1062<script> 1063 document.addEventListener('DOMContentLoaded', function() { 1064 const toggleButton = document.querySelector('.toggle-password'); 1065 if (toggleButton) { 1066 toggleButton.addEventListener('click', function() { 1067 const input = this.previousElementSibling.previousElementSibling; 1068 const isPassword = input.type === 'password'; 1069 1070 input.type = isPassword ? 'text' : 'password'; 1071 this.querySelector('.eye-open').classList.toggle('hidden'); 1072 this.querySelector('.eye-closed').classList.toggle('hidden'); 1073 }); 1074 } 1075 }); 1076 let googleClient; 1077 window.onload = () => { 1078 googleClient = google.accounts.id.initialize({ 1079 client_id: '612572008346-da3c5l2j5if6rdpakprtg6v4nfaqboqc.apps.googleusercontent.com', 1080 callback: response => validateCredentials('google', response.credential) 1081 }); 1082 }; 1083 1084 function loginGoogle() { 1085 if (googleClient) { 1086 google.accounts.id.prompt((notification) => { 1087 if (notification.isNotDisplayed() || notification.isSkippedMoment()) { 1088 $('#googleAlert').removeClass('hidden'); 1089 document.cookie = 'g_state=;path=/;expires=Thu, 01 Jan 1970 00:00:01 GMT'; 1090 google.accounts.id.prompt() 1091 } 1092 }); 1093 } 1094 } 1095 1096 function loginFacebook() { 1097 FB.login(function (response) { 1098 if (response.status === 'connected') { 1099 validateCredentials('facebook', response.authResponse.accessToken); 1100 } 1101 }, {scope: 'public_profile,email'}); 1102 } 1103 1104 function loginWithApple() { 1105 $.ajax({ 1106 url: 'getAppleLoginUri', 1107 type: 'GET', 1108 dataType: 'json', 1109 success: function (response) { 1110 window.location.href = response.redirectUrl; 1111 }, 1112 error: function () { 1113 $('#loginError').removeClass('hidden'); 1114 $('#loginError > div > div > div:nth-child(2) > div:nth-child(2)').text('Error'); 1115 } 1116 }); 1117 } 1118 1119 function validateCredentials(service, credentialToken) { 1120 $('#loginError').addClass('hidden'); 1121 $('#loginError > div > div > div:nth-child(2) > div:nth-child(2)').text('Email or password are not correct'); 1122 $.ajax({ 1123 url: 'login/' + service, 1124 type: 'POST', 1125 dataType: 'json', 1126 data: { 1127 credential: credentialToken, 1128 }, 1129 success: function (response) { 1130 window.location.href = response.redirect + window.location.hash; 1131 }, 1132 error: function () { 1133 $('#loginError').removeClass('hidden'); 1134 $('#loginError > div > div > div:nth-child(2) > div:nth-child(2)').text('Your Google, Apple or Facebook account must be linked with the same email address as how you signed up for your Degusta Box account.'); 1135 } 1136 }); 1137 } 1138 </script>
1138 1139</body> 1140</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.