138 lines
No EOL
5.2 KiB
HTML
138 lines
No EOL
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<link rel="shortcut icon" href="assets/images/cropped-logo-kalos-2021-web-128x46-1.png" type="image/x-icon">
|
|
<meta name="description" content="Mejor sauna di Lima Perù">
|
|
<title>HOME SAUNA KALOS</title>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
|
|
<link rel="stylesheet" href="assets/parallax/jarallax.css">
|
|
<link rel="stylesheet" href="assets/dropdown/css/style.css">
|
|
<link rel="stylesheet" href="assets/socicon/css/styles.css">
|
|
<link rel="stylesheet" href="assets/theme/css/style.css">
|
|
<link rel="preload"
|
|
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"
|
|
as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript>
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap">
|
|
</noscript>
|
|
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css">
|
|
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
|
|
|
|
<script>
|
|
window.chatbaseConfig = {
|
|
chatbotId: "g60ONb0J_WxBVTyOjibBM",
|
|
}
|
|
</script>
|
|
<!-- chatqualcosa
|
|
<script src="https://www.chatbase.co/embed.min.js" id="g60ONb0J_WxBVTyOjibBM" defer>
|
|
</script>
|
|
-->
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
|
|
|
|
|
<!-- JavaScript per caricare i componenti -->
|
|
<script>
|
|
// Funzione per caricare un componente HTML
|
|
function loadComponent(placeholderId, componentPath) {
|
|
fetch(componentPath)
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
document.getElementById(placeholderId).innerHTML = data;
|
|
|
|
// Reinizializza script dopo aver caricato il componente navbar
|
|
if (placeholderId === 'navbar-placeholder') {
|
|
// Reinizializza i dropdown di Bootstrap
|
|
const dropdowns = document.querySelectorAll('.dropdown-toggle');
|
|
dropdowns.forEach(dropdown => {
|
|
new bootstrap.Dropdown(dropdown);
|
|
});
|
|
|
|
// Se stai usando `navbar-dropdown.js`, richiama la sua funzione di inizializzazione
|
|
if (typeof initNavbarDropdown === 'function') {
|
|
initNavbarDropdown();
|
|
}
|
|
}
|
|
})
|
|
.catch(error => console.error(`Errore nel caricamento del componente ${componentPath}:`, error));
|
|
}
|
|
|
|
|
|
// Carica i componenti
|
|
loadComponent('navbar-placeholder', 'navbar.html');
|
|
loadComponent('copertina-placeholder', 'copertina.html');
|
|
loadComponent('apertura-placeholder', 'apertura.html');
|
|
loadComponent('info-placeholder', 'info.html');
|
|
loadComponent('followus-placeholder', 'followus.html');
|
|
loadComponent('prezzi-placeholder', 'prezzi.html');
|
|
loadComponent('extra-placeholder', 'extra.html');
|
|
loadComponent('regole-placeholder', 'regole.html');
|
|
loadComponent('footer-placeholder', 'footer.html');
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<script>
|
|
// Carica la navbar
|
|
fetch('navbar.html')
|
|
.then(response => response.text())
|
|
.then(data => {
|
|
document.getElementById('navbar-placeholder').innerHTML = data;
|
|
})
|
|
.catch(error => console.error('Errore nel caricamento della navbar:', error));
|
|
</script>
|
|
|
|
<!-- Navbar -->
|
|
<div id="navbar-placeholder"></div>
|
|
|
|
<!-- Copertina -->
|
|
<div id="copertina-placeholder"></div>
|
|
|
|
<!-- Apertura (integra data.json nel caricamento del componente) -->
|
|
<div id="apertura-placeholder"></div>
|
|
|
|
<!-- Info -->
|
|
<div id="info-placeholder"></div>
|
|
|
|
<!-- prezzi -->
|
|
<div id="prezzi-placeholder"></div>
|
|
|
|
<!-- extra -->
|
|
<div id="extra-placeholder"></div>
|
|
|
|
<!-- regole -->
|
|
<div id="regole-placeholder"></div>
|
|
|
|
<!-- Follow Us -->
|
|
<div id="followus-placeholder"></div>
|
|
|
|
<!-- Footer -->
|
|
<div id="footer-placeholder"></div>
|
|
|
|
|
|
|
|
<!-- JavaScript Libraries -->
|
|
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/parallax/jarallax.js"></script>
|
|
<script src="assets/smoothscroll/smooth-scroll.js"></script>
|
|
<script src="assets/ytplayer/index.js"></script>
|
|
<script src="assets/dropdown/js/navbar-dropdown.js"></script>
|
|
<script src="assets/playervimeo/vimeo_player.js"></script>
|
|
<script src="assets/sociallikes/social-likes.js"></script>
|
|
<script src="assets/theme/js/script.js"></script>
|
|
</body>
|
|
|
|
</html> |