Alle eigenschappen

undefined Resultaten

/* ============================================================ CAN JAN VIVES — header + footer voor Lodgify Plak DEZE CODE in het JAVASCRIPT-veld van Lodgify (niet het HTML-veld). Accentkleur: wit (geen oranje). Het HTML-veld mag leeg blijven. ============================================================ */ (function () { // 1. Lettertypes var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif&display=swap'; document.head.appendChild(link); // 2. Stijl var style = document.createElement('style'); style.textContent = ` .cjv-hd,.cjv-hd *{box-sizing:border-box;margin:0;padding:0} .cjv-hd{background:#004444!important;font-family:'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;z-index:9999} .cjv-hd .cjv-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;flex-wrap:wrap} .cjv-hd .cjv-logo img{height:52px;width:auto;display:block} .cjv-hd nav{display:flex;align-items:center;flex-wrap:wrap} .cjv-hd nav ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap} .cjv-hd nav>ul>li{position:relative} .cjv-hd nav>ul>li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:14px;width:1px;background:rgba(255,255,255,.35)} .cjv-hd nav a{color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.06em;font-weight:500;padding:8px 14px;display:inline-block;line-height:1} .cjv-hd nav a:hover{color:#ffffff!important;opacity:.7} .cjv-hd .cjv-caret{font-size:9px;margin-left:5px} .cjv-hd .cjv-sub{position:absolute;top:100%;left:8px;min-width:190px;background:#004444;border-top:2px solid #ffffff;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;box-shadow:0 12px 30px rgba(0,0,0,.25)} .cjv-hd .cjv-has:hover .cjv-sub,.cjv-hd .cjv-has:focus-within .cjv-sub{opacity:1;visibility:visible;transform:translateY(0)} .cjv-hd .cjv-sub li::before{display:none} .cjv-hd .cjv-sub a{display:block;text-transform:none;letter-spacing:0;font-size:14px;padding:9px 18px;white-space:nowrap} .cjv-hd .cjv-lang{display:flex;align-items:center;margin-left:6px} .cjv-hd .cjv-lang a{font-size:12px;letter-spacing:.05em;padding:6px 6px;color:#cfe0dd!important;text-transform:uppercase} .cjv-hd .cjv-lang a:hover{color:#fff!important} @media(max-width:860px){ .cjv-hd .cjv-inner{flex-direction:column;gap:10px;padding:12px} .cjv-hd nav{flex-direction:column} .cjv-hd nav>ul{justify-content:center} .cjv-hd nav>ul>li+li::before{display:none} .cjv-hd .cjv-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;background:transparent;display:flex;flex-wrap:wrap;justify-content:center;padding:0} .cjv-hd .cjv-sub a{padding:6px 10px;color:#cfe0dd!important} .cjv-hd .cjv-lang{margin:6px 0 0} } .cjv-ft,.cjv-ft *{box-sizing:border-box;margin:0;padding:0} .cjv-ft{background:#004444!important;color:#eef3f1!important;font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;border-top:3px solid #ffffff} .cjv-ft .cjv-in{max-width:1200px;margin:0 auto;padding:48px 24px 30px;display:flex;flex-wrap:wrap;gap:40px} .cjv-ft .cjv-col{flex:1 1 200px;min-width:190px} .cjv-ft .cjv-brand img{height:70px;width:auto;margin-bottom:16px} .cjv-ft h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;color:#fff;margin-bottom:16px} .cjv-ft p,.cjv-ft a,.cjv-ft li{font-size:15px;line-height:1.75;color:#e3ece9!important} .cjv-ft a{text-decoration:none} .cjv-ft a:hover{color:#ffffff!important} .cjv-ft ul{list-style:none} .cjv-ft ul li{margin-bottom:6px} .cjv-ft .cjv-social{display:flex;gap:14px;margin-top:4px} .cjv-ft .cjv-social a{display:inline-flex;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;align-items:center;justify-content:center;transition:.18s} .cjv-ft .cjv-social a:hover{background:#ffffff;border-color:#ffffff} .cjv-ft .cjv-social svg{width:18px;height:18px;fill:#fff} .cjv-ft .cjv-social a:hover svg{fill:#004444} .cjv-ft .cjv-bottom{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:18px 24px;font-size:13px;color:#bcd0cb!important;line-height:1.7} @media(max-width:760px){ .cjv-ft .cjv-in{flex-direction:column;gap:28px;text-align:center} .cjv-ft .cjv-social{justify-content:center} .cjv-ft .cjv-brand img{margin:0 auto 16px} }`; document.head.appendChild(style); // 3. Logo var LOGO = 'https://canjanvives.com/wp-content/uploads/2022/09/IMG_7814-e1733317697483.png'; // 4. Header var HEADER = '

' + '

' + '' + '

'; // 5. Footer var FOOTER = '

' + '

A 19th-century casa rural on the Costa Brava. 5 ensuite rooms, pool and breakfast, just 15 minutes from the coast.

' + '

Get in touch

Can Jan Vives
Vidreres, Girona, España

+34 613 77 37 45
info@canjanvives.com

' + '

About us

Activities
About us
Contact
Privacy policy

' + '

'; // 6. Plaatsen: header bovenaan, footer onderaan function inject() { if (!document.body || document.getElementById('cjv-hd-root')) return; var h = document.createElement('div'); h.id = 'cjv-hd-root'; h.innerHTML = HEADER; document.body.insertBefore(h, document.body.firstChild); var f = document.createElement('div'); f.id = 'cjv-ft-root'; f.innerHTML = FOOTER; document.body.appendChild(f); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', inject); } else { inject(); } })();

Get in touch

About us

Follow us