add local video and modify masajes for have basic object on html

This commit is contained in:
PanSi21 2025-01-09 01:20:24 +01:00
parent 7a87b9a66c
commit d59c67e369
Signed by untrusted user who does not match committer: PanSi21
GPG key ID: 755F8874C65EF462
3 changed files with 224 additions and 74 deletions

View file

@ -127,12 +127,6 @@
</li>
</ul>
<!--
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4"
href="page1.html#team1-26">Reserva Servicio</a>
</div>
-->
</div>
</div>
</nav>
@ -140,44 +134,8 @@
<!-- END NAVBAR-->
<!-- #2 START COPERTINA vecchia copertina e vecchio testo
<section id="copertina" data-bs-version="5.1" class="header3 cid-tIMuPWy3Nq mbr-fullscreen mbr-parallax-background">
<div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(255, 177, 138);"></div>
<div class="align-center container-fluid">
<div class="row justify-content-end">
<div class="col-12 col-lg-8">
<h2 style="color: rgb(255, 255, 255);" class="mbr-section-title mbr-fonts-style mb-3 display-1">
<strong>
EL MEJOR SAUNA DE LIMA NORTE
</strong>
</h2>
<p style="color: #ffffff;" class="mbr-text mbr-fonts-style display-7">
<strong>Tu refugio de bienestar y salud en la zona norte de la capital.</strong>
KALOS Sauna Spa: Tu destino para una experiencia única
y mejorar tu calidad de vida. Líder en salud y bienestar en la zona norte de la capital,
ofrecemos un ambiente familiar, instalaciones modernas e innovadoras. Descubre el equilibrio
perfecto para cuerpo y mente.
<br><br>
</p>
<div class="mbr-section-btn mt-3"><a class="btn btn-primary display-4"
href="page1.html#team1-26">Reserva tu Cita</a>
</div>
</div>
</div>
</div>
</section>
END COPERTINA-->
<!-- #2 START COPERTINA2-->
<section id="copertina2" data-bs-version="5.1"
class="header3 cid-tIMuPWy3Nq mbr-fullscreen mbr-parallax-background">
@ -273,7 +231,8 @@ END COPERTINA-->
</h2>
<!-- Descrizione generica dei servizi inclusi -->
<p class="mbr-fonts-style text-center display-7">
Relájate y disfruta de una experiencia completa con todos los elementos esenciales que hemos preparado para tu comodidad:
Relájate y disfruta de una experiencia completa con todos los elementos esenciales que hemos
preparado para tu comodidad:
</p>
<div style="text-align: center;" class="plan-body">
<ul class="MyList custom-list mbr-fonts-style display-7">
@ -702,26 +661,40 @@ END COPERTINA-->
</section>
<!-- END REGOLE-->
<section id="video-yt" data-bs-version="5.1" class="video2 cid-tIRAvyMhzQ">
<!-- START VIDEO -->
<section id="video-local" data-bs-version="5.1" class="video2 cid-tIRAvyMhzQ">
<div class="container">
<div class="mbr-section-head">
<h3 class="mbr-section-title mbr-fonts-style mb-0 display-2"><strong>MIRA NUESTRAS
INSTALACIONES</strong></h3>
<h3 class="mbr-section-title mbr-fonts-style mb-0 display-2">
<strong>MIRA NUESTRAS INSTALACIONES</strong></h3>
<h4 class="mbr-section-subtitle mbr-fonts-style mb-0 mt-2 display-7">Hemos salido en prensa a nivel
nacional y recibido a miles de clientes</h4>
</div>
<div class="row justify-content-center mt-4">
<div class="col-12 col-md-10 video-block">
<div class="video-wrapper"><iframe class="mbr-embedded-video"
src="https://www.youtube.com/embed/wrGLjo-PU8A?rel=0&amp;amp;&amp;showinfo=0&amp;autoplay=0&amp;loop=0"
width="1280" height="720" frameborder="0" title="Video Promozionale Kalos-Sauna-Spa"
allowfullscreen></iframe></div>
<p class="mbr-text pt-2 mbr-fonts-style display-4">Video Promotional del sauna</p>
<div class="video-wrapper">
<video controls width="100%" height="auto">
<source src="sauna.mp4" type="video/mp4">
Tu navegador no soporta el video HTML5.
</video>
</div>
<!--
<p class="mbr-text pt-2 mbr-fonts-style display-4">Video Promocional del sauna</p>
-->
</div>
</div>
</div>
</section>
<!-- END VIDEO -->
<!-- START INFO Y CONTACTOS-->
<section id="info-contactos" data-bs-version="5.1" class="contacts2 cid-sFzIA7KGYz">

View file

@ -2,14 +2,30 @@
<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="">
<link rel="icon" type="image/vnd.icon" href="img/favicons/favicon.ico">
<meta name="description"
content="Tu refugio de bienestar y salud en la zona norte de Lima. Descubre una experiencia única diseñada para mejorar tu calidad de vida.">
<title>SAUNA KALOS - MASAJES</title>
<!-- Meta Open Graph -->
<meta property="og:title" content="Kalos Sauna Spa">
<meta property="og:description"
content="Tu refugio de bienestar y salud en la zona norte de Lima. Descubre una experiencia única diseñada para mejorar tu calidad de vida.">
<meta property="og:image" content="https://saunakalos.com/assets/images/istockphoto-827324092-612x408.jpg">
<meta property="og:url" content="https://saunakalos.com/">
<meta property="og:type" content="website">
<!-- Meta Twitter (opzionale per migliore compatibilità) -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Kalos Sauna Spa">
<meta name="twitter:description"
content="Tu refugio de bienestar y salud en la zona norte de Lima. Descubre una experiencia única diseñada para mejorar tu calidad de vida.">
<meta name="twitter:image" content="https://saunakalos.com/assets/images/istockphoto-827324092-612x408.jpg">
<title>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">
@ -20,6 +36,9 @@
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<!-- My Style CSS fuck Bootstrap... -->
<link rel="stylesheet" href="assets/myStyle.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'">
@ -27,28 +46,28 @@
<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>
<script src="https://www.chatbase.co/embed.min.js" id="g60ONb0J_WxBVTyOjibBM" defer></script>
<!-- PARTE CHATBOT NON PIU USATA
<script>
window.chatbaseConfig = {
chatbotId: "g60ONb0J_WxBVTyOjibBM",
}
</script>
<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" />
</head>
<body>
<!-- START NAVBAR-->
<!-- #1 START NAVBAR-->
<section data-bs-version="5.1" class="menu menu2 cid-sFCw1qGFAI" once="menu" id="menu2-23">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg" role="navigation"
aria-label="Main Navigation">
@ -58,8 +77,10 @@
<div class="navbar-brand">
<span class="navbar-logo">
<a href="index.html">
<img src="assets/images/cropped-logo-kalos-2021-web-96x34.png" alt="Logo Sauna"
style="height: 3rem;">
<!-- VECCHIO LOGO TAGLIATO MALE
<img src="Logo-Kalos-web.png" alt="Logo Sauna" style="height: 3rem;">
-->
<img src="Logo-web.png" alt="Logo Sauna" style="height: 3rem;">
</a>
</span>
@ -76,16 +97,19 @@
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true">
<li class="nav-item"><a class="nav-link link text-black text-primary display-4"
href="index.html#list-precios">Precios</a></li>
<li class="nav-item"><a class="nav-link link text-black text-primary display-4"
href="index.html#maps">Como llegar</a></li>
<li class="nav-item"><a class="nav-link link text-black text-primary display-4"
href="index.html#list-precios">Precios</a></li>
<li class="nav-item"><a class="nav-link link text-black text-primary display-4"
href="index.html#reglas-esenciales
">Reglamento</a></li>
href="index.html#reglas-esenciales">Reglamento</a></li>
<li class="nav-item"><a class="nav-link link text-black text-primary display-4"
href="index.html#info-contactos">Info y Contactos</a></li>
<li class="nav-item dropdown"><a
class="nav-link link text-black text-primary dropdown-toggle show display-4"
href="index.html#content4-1q" data-toggle="dropdown-submenu" data-bs-toggle="dropdown"
@ -98,10 +122,17 @@
class="text-black text-primary dropdown-item display-4"
href="menu.html#content1-29">Comidas y Bebidas</a></div>
</li>
<li>
</li>
</ul>
<!--
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4"
href="page1.html#team1-26">Reserva Servicio</a></div>
href="page1.html#team1-26">Reserva Servicio</a>
</div>
-->
</div>
</div>
</nav>
@ -109,4 +140,150 @@
<!-- END NAVBAR-->
<!-- #2 START COPERTINA2-->
<section id="copertina2" data-bs-version="5.1"
class="header3 cid-tIMuPWy3Nq mbr-fullscreen mbr-parallax-background">
<!-- Sfondo -->
<div class="mbr-overlay" style="opacity: 0.21; background-color: #002e6e;"></div>
<!-- Contenitore -->
<div class="align-center container-fluid d-flex align-items-center justify-content-center"
style="height: 100%;">
<div class="text-center">
<!-- Testo KALOS -->
<div class="text-start" style="display: inline-block;">
<h1 style="color: #002e6e; font-size: 4rem ; font-weight: 100; line-height: 1; text-align: left; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);"
class="mbr-section-title mbr-fonts-style mb-0">
<strong>KALOS</strong>
</h1>
<!-- Testo SAUNA SPA -->
<h3 style="color: #002e6e; font-size: 2rem; font-weight: 300; margin-left: 0.21rem; line-height: 1; text-align: left; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);"
class="mbr-fonts-style mt-0">
SAUNA SPA
</h3>
</div>
<!-- Slogan -->
<h3 style="color: rgb(255, 255, 255); text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); font-size: 1.5rem;"
class="mbr-fonts-style mb-3 mt-4">
<strong>EL MEJOR SAUNA DE LIMA NORTE</strong>
</h3>
<!-- Descrizione -->
<p style="color: #ffffff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);font-size: 1.40rem;"
class="mbr-text mbr-fonts-style display-7 mt-4">
<strong>Tu refugio de bienestar y salud en la zona norte de la capital.</strong>
<br>
<br>
Descubre una experiencia unica diseaada para mejorar tu calidad de vida. Disfruta de un ambiente
calido y familiar,
con instalaciones modernas e innovadoras que marcan la diferencia. Encuentra el equilibrio perfecto
entre
cuerpo y mente en un lugar donde tu bienestar es nuestra prioridad.
</p>
</div>
</div>
</section>
<!-- END COPERTINA-->
<!-- START FOLLOW US-->
<section id="follow-us" data-bs-version="5.1" class="contacts4 cid-sFAyMcKwph">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="text-content col-12 col-md-6">
<h2 class="mbr-section-title mbr-fonts-style display-2">
<strong>Follow Us</strong>
</h2>
<p class="mbr-text mbr-fonts-style display-7">Únete a nuestras redes sociales para descubrir
bienestar y promociones exclusivas. ¡Síguenos ahora!<br></p>
</div>
<div class="icons d-flex align-items-center col-12 col-md-6 justify-content-end mt-md-0 mt-2 flex-wrap">
<a href="https://www.instagram.com/kalossaunaspa/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-instagram socicon"></span>
</a>
<a href="https://www.facebook.com/people/Kalos-Sauna-Spa/100088861962918/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
</a>
<a href="https://www.youtube.com/@kalossaunaspa4831" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
</a>
</div>
</div>
</div>
</section>
<!-- END FOLLOW US-->
<!-- START FOOTER-->
<section id="footer-menu" data-bs-version="5.1" class="footer3 cid-sFCygHrmNf" once="footers">
<div class="container">
<div class="row align-center mbr-white">
<div class="row row-links">
<ul class="foot-menu">
<li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#top"
class="text-white text-primary">Home</a></li>
<li class="foot-menu-item mbr-fonts-style display-7"><a href="index.html#orarios-id"
class="text-primary">Orarios</a></li>
<li class="foot-menu-item mbr-fonts-style display-7"><a href="#list-precios"
class="text-primary">Precios</a></li>
<li class="foot-menu-item mbr-fonts-style display-7"><a href="page1.html#gallery"
class="text-primary">Servicios</a></li>
<li class="foot-menu-item mbr-fonts-style display-7"><a href="#info-contactos"
class="text-primary">Contactos</a>&nbsp;</li>
</ul>
</div>
<div class="row social-row">
<div class="social-list align-right pb-2">
<div class="soc-item">
<a href="https://www.instagram.com/kalossaunaspa/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-instagram socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="https://www.facebook.com/people/Kalos-Sauna-Spa/100088861962918/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
</a>
</div>
<div class="soc-item">
<a href="www.youtube.com/@kalossaunaspa4831/" target="_blank">
<span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
</a>
</div>
</div>
</div>
<div class="row row-copirayt">
<p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
© Derechos reservados 2024 Kalos Sauna Spa.
</p>
</div>
</div>
</div>
</section>
<!-- END FOOTER-->
<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>

BIN
SAUNA/sauna.mp4 Normal file

Binary file not shown.