feat(websites): ✨ adds two static websites

CPetruzzo · Jun 21, 2024 · 90ab4a7 · 90ab4a7
1 parent 940bc9c
commit 90ab4a7
Show file tree

Hide file tree

Showing 17 changed files with 1,123 additions and 1 deletion.
diff --git a/.hintrc b/.hintrc
@@ -42,7 +42,9 @@
           "height: fit-content",
           "min-height: fit-content",
           "-webkit-text-size-adjust",
-          "scale"
+          "scale",
+          "text-justify",
+          "scrollbar-width"
         ]
       }
     ],

diff --git a/Joha/High Spirited.ttf b/Joha/High Spirited.ttf
diff --git a/Joha/Jack&Jean Demo.ttf b/Joha/Jack&Jean Demo.ttf
diff --git a/Joha/index.html b/Joha/index.html
@@ -0,0 +1,164 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+    <title>Lic. Johana Dabin - Kinesiología</title>
+
+    <meta name="author" content="Facundo Wegher Osci">
+    <meta name="description" content="Licenciada en Kinesiología Johana Dabin">
+    <link rel="canonical" href="https://kinesiologa-dabin.netlify.app/" />
+    <meta name="robots" content="index" />
+    <meta name="keywords"
+        content="kinesiologa, kinesiología, licenciada, licenciada en kinesiología, johana, dabin, parana, Paraná, sesión, sesiones de kinesiología">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="styles.css">
+    <link rel="icon" type="image/png" href="logojoha.png">
+    <style>
+        .service-title {
+            cursor: pointer;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            -webkit-user-select: none;
+            user-select: none;
+        }
+
+        .service-content {
+            display: none;
+        }
+
+        .service-title::after {
+            content: '▶';
+            transition: transform 0.3s;
+        }
+
+        .service-title.expanded::after {
+            transform: rotate(90deg);
+        }
+    </style>
+</head>
+
+<body>
+    <header>
+        <div class="logo">
+            <img src="logojoha.png" alt="logojoha" width="35px">
+            Johana Dabin
+        </div>
+        <nav>
+            <ul class="nav-links">
+                <li><a href="index.html">Inicio</a></li>
+                <li><a href="index.html#servicios">Servicios</a></li>
+                <li><a href="index.html#contacto">Contacto</a></li>
+                <li><a href="turnera.html">Turnos</a></li>
+            </ul>
+            <div class="hamburger" onclick="toggleMenu()">&#9776;</div>
+        </nav>
+    </header>
+    <section id="inicio" class="hero">
+        <h1>Lic. Johana Dabin</h1>
+        <p>Especialista en Kinesiología y Rehabilitación</p>
+    </section>
+    <section id="servicios">
+        <h2>Servicios</h2>
+        <ul class="services-list">
+            <li>
+                <div class="service-title">Disfunciones Tempomandibulares</div>
+                <div class="service-content">
+                    <p>Tratamiento de problemas en la articulación temporomandibular y músculos de la masticación.</p>
+                </div>
+            </li>
+            <li>
+                <div class="service-title">Terapias Manuales</div>
+                <div class="service-content">
+                    <p>Técnicas manuales para el alivio del dolor y la mejora de la movilidad.</p>
+                </div>
+            </li>
+            <li>
+                <div class="service-title">Gimnasia Kinésica</div>
+                <div class="service-content">
+                    <p>Ejercicios personalizados para mejorar la fuerza, flexibilidad y coordinación.</p>
+                </div>
+            </li>
+            <li>
+                <div class="service-title">Rehabilitación Pulmonar</div>
+                <div class="service-content">
+                    <p>Programas de ejercicio y educación para pacientes con enfermedades respiratorias.</p>
+                </div>
+            </li>
+            <li>
+                <div class="service-title">Rehabilitación Metabólica</div>
+                <div class="service-content">
+                    <p>Tratamiento de trastornos metabólicos a través de ejercicio y educación.</p>
+                </div>
+            </li>
+            <li>
+                <div class="service-title">Telerehabilitación</div>
+                <div class="service-content">
+                    <p>Servicios de rehabilitación a distancia mediante videollamadas y herramientas digitales.</p>
+                </div>
+            </li>
+        </ul>
+    </section>
+    <section id="contacto">
+        <h2 class="section__title">Tu consulta:</h2>
+        <p class="desc">Ubicación: Petrona Rosede 2394</p>
+        <p class="desc">Atención a domicilio.</p>
+        <p class="desc">
+            Envíame tu consulta y te responderé a la brevedad.
+        </p>
+        <!-- <form class="contact__form" method="POST" action="https://formspree.io/f/mrgjkldq"> -->
+        <form class="contact__form" action="https://formspree.io/f/xanwwnbk" method="POST">
+            <label for=""></label>
+            <input class="field" type="text" name="Name" placeholder="Nombre" id="name" required>
+            <input class="field" type="email" name="_replyto" placeholder="Correo electrónico" id="email" required>
+            <input type="hidden" name="_next" value="//site.io/thanks.html" required>
+            <textarea class="field field--textarea" cols="30" rows="10" placeholder="Mensaje" id="message"
+                name="message" required></textarea>
+            <p class="fields-requirements">Todos los campos son requeridos.</p>
+            <input class="btn" type="submit" value="Enviar">
+        </form>
+        <p class="desc">Sitio Web realizado y diseñado por <a style="text-decoration: none; color: #252525;"
+                href="https://www.wegher.com.ar">
+                Facundo Wegher </a></p>
+    </section>
+    <footer>
+        <p>&copy; 2024 Lic. Johana Dabin. Todos los derechos reservados.</p>
+    </footer>
+    <script>
+        function toggleMenu() {
+            const navLinks = document.querySelector('.nav-links');
+            navLinks.classList.toggle('expanded');
+        }
+    </script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            var serviceTitles = document.querySelectorAll('.service-title');
+
+            serviceTitles.forEach(function (title) {
+                title.addEventListener('click', function () {
+                    var content = this.nextElementSibling;
+                    this.classList.toggle('expanded');
+
+                    // Toggle the display of the service content
+                    if (content.style.display === 'block') {
+                        content.style.display = 'none';
+                    } else {
+                        content.style.display = 'block';
+                    }
+                });
+            });
+        });
+    </script>
+
+</body>
+
+</html>
diff --git a/Joha/logojoha.png b/Joha/logojoha.png