1<!DOCTYPE html> 2<html lang="de"> 3 <head> 4 <!-- Document Metadata --> 5 <meta charset="utf-8" /> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=d2b53f10-e059-4773-b6a8-cd171c951209 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta name="viewport" content="width=device-width, initial-scale=1" /> 10 <title>Alpen Medika - Premium Medizinische Lösungen</title> 11 12 <!-- External CSS Libraries --> 13 <link rel="stylesheet" href="assets/css/font.css" /> 14 <link rel="stylesheet" href="assets/css/all.css" /> 15 <link rel="stylesheet" href="assets/css/style.css" /> 16 <link 17 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 18 rel="stylesheet" 19 integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" 20 crossorigin="anonymous" 21 /> 22 <link 23 href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" 24 rel="stylesheet" 25 /> 26 27 <link 28 href="https://fonts.googleapis.com/icon?family=Material+Icons" 29 rel="stylesheet" 30 /> 31 <link rel="preconnect" href="https://fonts.googleapis.com" /> 32 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 33 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" /> 34 <link 35 href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" 36 rel="stylesheet" 37 /> 38 <link 39 rel="stylesheet" 40 href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" 41 /> 42 </head> 43 44 <body> 45 <!-- Loader Section --> 46 <div class="loader-wrapper"> 47 <img 48 src="assets/img/alpen_logo.png" 49 alt="Alpen Medika" 50 class="loader-logo" 51 /> 52 <div class="loader-progress"> 53 <div class="loader-bar"></div> 54 </div> 55 <div class="loader-text">Laden...</div> 56 </div> 57 58 <!-- Main Content Wrapper --> 59 <div id="content"> 60 <!-- Navbar Section --> 61 <nav class="navbar navbar-expand-lg"> 62 <div class="container-fluid"> 63 <!-- Navbar Brand/Logo --> 64 <a class="navbar-brand" href="index.de.html"> 65 <img 66 src="assets/img/alpen_logo.png" 67 width="80" 68 height="70" 69 alt="Alpen Medika" 70 /> 71 </a> 72 <!-- Mobile Toggle and Contact Button --> 73 <div class="d-lg-none d-flex align-items-center"> 74 <div class="dropdown me-2"> 75 <button 76 class="rounded-pill btn-sm dropdown-toggle px-3 py-1" 77 type="button" 78 data-bs-toggle="dropdown" 79 aria-expanded="false" 80 > 81 ð©ðª 82 </button> 83 <ul class="dropdown-menu lang-dropdown"> 84 <li><a class='dropdown-item' href='/'>ð®ð¹</a></li> 85 <li><a class='dropdown-item' href='/index-en'>ð¬ð§</a></li> 86 </ul> 87 </div> 88 <!-- Contact Button --> 89 <a 90 href="#contact" 91 class="btn_secondary rounded-pill d-inline-flex align-items-center me-2" 92 > 93 <span class="fs_7 fw-medium text-uppercase" 94 >Kontaktieren Sie uns</span 95 > 96 <svg 97 xmlns="http://www.w3.org/2000/svg"
98 viewBox="0 0 24 24" 99 height="16" 100 width="16" 101 class="ms-1" 102 > 103 <path d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z" /> 104 </svg> 105 </a> 106 107 <!-- Language Button --> 108 109 <!-- Navbar Toggler --> 110 <button 111 class="navbar-toggler shadow-none border-0" 112 type="button" 113 data-bs-toggle="collapse" 114 data-bs-target="#navbarNav" 115 aria-controls="navbarNav" 116 aria-expanded="false" 117 aria-label="Toggle navigation" 118 > 119 <span class="navbar-toggler-icon"></span> 120 </button> 121 </div> 122 123 <!-- Navbar Collapse Content --> 124 <div class="collapse navbar-collapse" id="navbarNav"> 125 <ul class="navbar-nav mx-auto gap-1 my-lg-0 my-3"> 126 <li class="nav-item"> 127 <a class="nav-link fs_6 fw-medium" href="index.de.html" 128 >Startseite</a 129 > 130 </li> 131 <li class="nav-item"> 132 <a class="nav-link fs_6 fw-medium" href="#about">Ãber uns</a> 133 </li> 134 <li class="nav-item dropdown"> 135 <a 136 class="nav-link fs_6 fw-medium d-inline-flex align-items-center" 137 href="#" 138 role="button" 139 data-bs-toggle="dropdown" 140 aria-expanded="false" 141 > 142 <span>Produkte</span> 143 <svg 144 xmlns="http://www.w3.org/2000/svg"
145 viewBox="0 0 24 24" 146 height="18" 147 width="18" 148 class="ms-1" 149 > 150 <path d="M7,10L12,15L17,10H7Z" /> 151 </svg> 152 </a> 153 <ul class="dropdown-menu navbarDropdown"> 154 <li> 155 <a class='dropdown-item fs_6' href='/sidly-care-pro-de'>SiDLY Care Pro Armband</a 156 > 157 </li> 158 <li> 159 <a class='dropdown-item fs_6' href='/sidly-vital-care-de'>SiDLY Vital Care</a 160 > 161 </li> 162 </ul> 163 </li> 164 <li class="nav-item"> 165 <a class="nav-link fs_6 fw-medium" href="#mission" 166 >Unsere Mission</a 167 > 168 </li> 169 </ul> 170 </div> 171 <!-- Desktop Contact Button --> 172 <div class="d-lg-block d-none"> 173 <div class="dropdown d-inline-block ms-2"> 174 <button 175 class="btn btn-sm lang-btn dropdown-toggle rounded-pill" 176 type="button" 177 data-bs-toggle="dropdown" 178 aria-expanded="false" 179 > 180 ð©ðª 181 </button> 182 <ul class="dropdown-menu lang-dropdown"> 183 <li><a class='dropdown-item' href='/'>ð®ð¹</a></li> 184 <li><a class='dropdown-item' href='/index-de'>ð¬ð§</a></li> 185 </ul> 186 <a 187 href="#contact" 188 class="btn_secondary rounded-pill d-inline-flex align-items-center" 189 > 190 <span class="fs_7 fw-medium text-uppercase" 191 >Kontaktieren Sie uns</span 192 > 193 <svg 194 xmlns="http://www.w3.org/2000/svg"
195 viewBox="0 0 24 24" 196 height="16" 197 width="16" 198 class="ms-1" 199 > 200 <path 201 d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z" 202 /> 203 </svg> 204 </a> 205 <!-- Language Selector --> 206 </div> 207 </div> 208 </div> 209 </nav> 210 211 <!-- Hero Section --> 212 <header class="parallax-container"> 213 <video 214 class="bg_video" 215 src="assets/img/wristband_intro.mp4" 216 autoplay 217 muted 218 loop 219 playsinline 220 ></video> 221 <div id="hero"> 222 <div class="container"> 223 <div class="row h-100 align-items-center"> 224 <div class="col-lg-7 col-md-8 col-12"> 225 <div class="hero-content"> 226 <!-- Hero Buttons --> 227 <div class="hero-buttons"> 228 <a 229 href="#about" 230 class="btn_secondary text-uppercase fw-medium d-inline-flex align-items-center" 231 > 232 <span class="fs_6">Jetzt entdecken</span> 233 <svg 234 xmlns="http://www.w3.org/2000/svg"
235 viewBox="0 0 24 24" 236 height="18" 237 width="18" 238 class="ms-2" 239 > 240 <path 241 d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" 242 /> 243 </svg> 244 </a> 245 <a 246 href="#contact" 247 class="btn_transparent fw-medium d-inline-flex align-items-center" 248 > 249 <span class="fs_6">Kontaktieren Sie uns</span> 250 <svg 251 xmlns="http://www.w3.org/2000/svg" 252 viewBox="0 0 24 24" 253 height="18" 254 width="18" 255 class="ms-2" 256 > 257 <path 258 d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z" 259 /> 260 </svg> 261 </a> 262 </div> 263 </div> 264 </div> 265 </div> 266 </div> 267 <!-- Scroll Indicator --> 268 <div class="scroll-indicator"> 269 <div class="fs_xs text-uppercase letter-spacing-1 mb-2"> 270 Scrollen zum Entdecken 271 </div> 272 <div class="scroll-arrow"></div> 273 </div> 274 </div> 275 </header> 276 277 <!-- About Section - Main Cards --> 278 <section id="about" class="py-5"> 279 <div class="container-lg wrapper"> 280 <div class="my-5 text-center"> 281 <h2 class="my-3 fs-1 fw-bold">Ãber uns - Alpen Medika</h2> 282 <p class="my-3 fs_5 text-muted"> 283 Innovative medizinische Lösungen für eine moderne und globale 284 Gesundheitsversorgung. 285 </p> 286 <div class="heading_separator mx-auto"></div> 287 288 <div class="row my-5 g-4"> 289 <!-- About Card 1: Telemedicina Avanzata --> 290 <div class="col-lg-4 col-md-6 col-12"> 291 <div class="aboutCard p-4"> 292 <div class="text-center"> 293 <div class="mb-3"> 294 <svg 295 xmlns="http://www.w3.org/2000/svg"
296 viewBox="0 0 24 24" 297 height="48" 298 width="48" 299 fill="var(--secondary)" 300 > 301 <path 302 d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z" 303 /> 304 </svg> 305 </div> 306 <h3 class="fs-4 fw-semibold mb-3"> 307 Fortschrittliche Telemedizin 308 </h3> 309 <p class="text-muted"> 310 Pioniere in der digitalen Verbindung zwischen Patienten 311 und Spezialisten, die eine grenzenlose Versorgung 312 gewährleistet. 313 </p> 314 </div> 315 </div> 316 </div> 317 318 <!-- About Card 2: Filosofia Operativa --> 319 <div class="col-lg-4 col-md-6 col-12"> 320 <div class="aboutCard p-4"> 321 <div class="text-center"> 322 <div class="mb-3"> 323 <svg 324 xmlns="http://www.w3.org/2000/svg"
325 viewBox="0 0 24 24" 326 height="48" 327 width="48" 328 fill="var(--secondary)" 329 > 330 <path 331 d="M12,2L13.09,8.26L22,9L13.09,9.74L12,16L10.91,9.74L2,9L10.91,8.26L12,2M6.5,12.5L7.5,16.5L11.5,17.5L7.5,18.5L6.5,22.5L5.5,18.5L1.5,17.5L5.5,16.5L6.5,12.5M17.5,12.5L18.5,16.5L22.5,17.5L18.5,18.5L17.5,22.5L16.5,18.5L12.5,17.5L16.5,16.5L17.5,12.5Z" 332 /> 333 </svg> 334 </div> 335 <h3 class="fs-4 fw-semibold mb-3">Betriebsphilosophie</h3> 336 <p class="text-muted"> 337 Jede Lösung entsteht aus dem aktiven Zuhören klinischer 338 Bedürfnisse und kontinuierlicher Forschung. 339 </p> 340 </div> 341 </div> 342 </div> 343 344 <!-- About Card 3: Innovazione Farmaceutica --> 345 <div class="col-lg-4 col-md-6 col-12"> 346 <div class="aboutCard p-4"> 347 <div class="text-center"> 348 <div class="mb-3"> 349 <svg 350 xmlns="http://www.w3.org/2000/svg"
351 viewBox="0 0 24 24" 352 height="48" 353 width="48" 354 fill="var(--secondary)" 355 > 356 <path 357 d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15Z" 358 /> 359 </svg> 360 </div> 361 <h3 class="fs-4 fw-semibold mb-3"> 362 Pharmazeutische Innovation 363 </h3> 364 <p class="text-muted"> 365 Verabreichungssysteme, die die Therapietreue mit 366 millimetergenauer Präzision revolutionieren. 367 </p> 368 </div> 369 </div> 370 </div> 371 372 <!-- About Card 4: Certificazioni --> 373 <div class="col-lg-4 col-md-6 col-12"> 374 <div class="aboutCard p-4"> 375 <div class="text-center"> 376 <div class="mb-3"> 377 <svg 378 xmlns="http://www.w3.org/2000/svg"
379 viewBox="0 0 24 24" 380 height="48" 381 width="48" 382 fill="var(--secondary)" 383 > 384 <path 385 d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" 386 /> 387 </svg> 388 </div> 389 <h3 class="fs-4 fw-semibold mb-3">Zertifizierungen</h3> 390 <p class="text-muted"> 391 Alle unsere Geräte erfüllen die strengsten internationalen 392 Qualitäts- und Sicherheitsstandards. 393 </p> 394 </div> 395 </div> 396 </div> 397 398 <!-- About Card 5: Approccio Olistico --> 399 <div class="col-lg-4 col-md-6 col-12"> 400 <div class="aboutCard p-4"> 401 <div class="text-center"> 402 <div class="mb-3"> 403 <svg 404 xmlns="http://www.w3.org/2000/svg"
405 viewBox="0 0 24 24" 406 height="48" 407 width="48" 408 fill="var(--secondary)" 409 > 410 <path 411 d="M12,2C13.1,2 14,2.9 14,4C14,5.1 13.1,6 12,6C10.9,6 10,5.1 10,4C10,2.9 10.9,2 12,2M21,9V7L15,1H5C3.89,1 3,1.89 3,3V7H9V9H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V9M7,15V17H5V15H7M7,11V13H5V11H7Z" 412 /> 413 </svg> 414 </div> 415 <h3 class="fs-4 fw-semibold mb-3">Ganzheitlicher Ansatz</h3> 416 <p class="text-muted"> 417 Wir integrieren Technologie und Menschlichkeit für eine 418 wirklich patientenzentrierte Medizin. 419 </p> 420 </div> 421 </div> 422 </div> 423 424 <!-- About Card 6: Formazione Continua --> 425 <div class="col-lg-4 col-md-6 col-12"> 426 <div class="aboutCard p-4"> 427 <div class="text-center"> 428 <div class="mb-3"> 429 <svg 430 xmlns="http://www.w3.org/2000/svg"
431 viewBox="0 0 24 24" 432 height="48" 433 width="48" 434 fill="var(--secondary)" 435 > 436 <path 437 d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" 438 /> 439 </svg> 440 </div> 441 <h3 class="fs-4 fw-semibold mb-3"> 442 Kontinuierliche Weiterbildung 443 </h3> 444 <p class="text-muted"> 445 Wir investieren ständig in die Weiterbildung unseres Teams 446 und unserer Gesundheitspartner. 447 </p> 448 </div> 449 </div> 450 </div> 451 </div> 452 </div> 453 </div> 454 </section> 455 456 <!-- About Carousel Section --> 457 <section class="aboutcarousel-wrapper"> 458 <!-- Floating decorative elements --> 459 <div class="floating-element"></div> 460 <div class="floating-element"></div> 461 <div class="floating-element"></div> 462 463 <div class="aboutcarousel-container"> 464 <div class="my-5 text-center"> 465 <h2 class="my-3 fs-1 fw-bold">Unsere Identität</h2> 466 <p class="my-3 fs_5 text-muted"> 467 Bei Alpen Medika vereinen sich Innovation und Zuverlässigkeit, um 468 die Gesundheitsversorgung in ein modernes, effizientes und 469 globales Erlebnis zu verwandeln. 470 </p> 471 <div class="heading_separator mx-auto"></div> 472 <div class="aboutcarousel-content"> 473 <!-- Text Content for Carousel --> 474 <div class="aboutcarousel-text"> 475 <div class="carousel-options"> 476 <div class="carousel-option active" data-index="0"> 477 <div class="option-title">Spitzentechnologie</div> 478 <div class="option-description"> 479 Unsere Geräte integrieren die neuesten Innovationen in 480 Telemedizin und künstlicher Intelligenz, um eine präzise, 481 sichere und zuverlässige Gesundheitsüberwachung zu 482 gewährleisten. 483 </div> 484 </div> 485 <div class="carousel-option" data-index="1"> 486 <div class="option-title"> 487 Kontinuierlicher Support 24/7 488 </div> 489 <div class="option-description"> 490 Wir bieten engagierten Kundenservice und technischen 491 Support zu jeder Zeit, um ein unterbrechungsfreies und 492 stets den Erwartungen entsprechendes Erlebnis zu 493 gewährleisten. 494 </div> 495 </div> 496 <div class="carousel-option" data-index="2"> 497 <div class="option-title">Zertifizierte Qualität</div> 498 <div class="option-description"> 499 Alle unsere Produkte erfüllen streng die internationalen 500 Standards (ISO, FDA) und bieten maximale Sicherheit, 501 Zuverlässigkeit und Leistung. 502 </div> 503 </div> 504 </div> 505 </div> 506 <!-- Image Display for Carousel --> 507 <div 508 class="aboutcarousel-image" 509 data-aos="fade-up" 510 data-aos-duration="700" 511 > 512 <div class="image-container"> 513 <img 514 id="aboutcarouselImage" 515 src="./assets/img/about2.webp" 516 alt="Alpen Medika Bild" 517 class="carousel-image" 518 /> 519 </div> 520 </div> 521 </div> 522 </div> 523 </div> 524 </section> 525 526 <!-- About Cards Section - Additional Information --> 527 <section id="about-cards" class="py-5 bg-light"> 528 <div class="container"> 529 <div class="row align-items-center my-5"> 530 <div class="col-lg-6 col-md-6 col-12 my-4"> 531 <div class="px-4"> 532 <h2 class="fw-bold lh_sm">Die Geschichte von Alpen Medika</h2> 533 <div class="heading_separator"></div> 534 <p class="text-muted fs_5"> 535 Alpenmedika ist ein Unternehmen, das aus der Erfahrung einer 536 Reihe von Fachleuten im medizinischen Bereich entstanden ist, 537 mit dem Ziel, sich weiter im Bereich der Medizinprodukte, 538 elektromedizinischen Geräte und Telemedizin zu etablieren. Wir 539 sind bestrebt, innovative und auf alle Kundenanforderungen 540 zugeschnittene Lösungen anzubieten. 541 </p> 542 <div> 543 <a class='btn_secondary fw-medium d-inline-flex align-items-center' href='/sidly-care-pro-de'>
544 <span class="fs_6">Entdecken Sie unsere Produkte</span> 545 <svg 546 xmlns="http://www.w3.org/2000/svg" 547 viewBox="0 0 24 24" 548 height="18" 549 width="18" 550 class="ms-2" 551 > 552 <path 553 d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" 554 /> 555 </svg> 556 </a> 557 </div> 558 </div> 559 </div> 560 <div class="col-lg-6 col-md-6 col-12 my-4 mt-5"> 561 <img 562 src="assets/img/about_img.png" 563 width="100%" 564 height="auto" 565 alt="Alpen Medika" 566 /> 567 </div> 568 </div> 569 570 <!-- <div class="row g-4"> 571 572 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 573 <div class="aboutCard p-4 h-100"> 574 <div class="text-center"> 575 <img src="assets/img/Senza-titolo-1.png" height="75" width="auto" alt="Telemedicina" 576 class="mb-3"> 577 <h3 class="text-uppercase fw-semibold fs-4 mb-3">Telemedicina</h3> 578 <p class="fs_6 text-muted">Monitoraggio dei pazienti da remoto con tecnologie avanzate, 579 ovunque si trovino, senza bisogno di recarsi in strutture sanitarie.</p> 580 </div> 581 </div> 582 </div> 583 584 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 585 <div class="aboutCard p-4 h-100"> 586 <div class="text-center"> 587 <img src="assets/img/Senza-titolo-2.png" height="75" width="auto" 588 alt="Medicinale monodose" class="mb-3"> 589 <h3 class="text-uppercase fw-semibold fs-4 mb-3">Medicinale monodose</h3> 590 <p class="fs_6 text-muted">La somministrazione dei farmaci è ora tracciabile e 591 conforme alla normativa, garantendo aderenza alla terapia e corretta gestione del 592 processo.</p> 593 </div> 594 </div> 595 </div> 596 597 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 598 <div class="aboutCard p-4 h-100"> 599 <div class="text-center"> 600 <img src="assets/img/Senza-titolo-3.png" height="75" width="auto" 601 alt="Dispositivi medici" class="mb-3"> 602 <h3 class="text-uppercase fw-semibold fs-4 mb-3">Dispositivi medici</h3> 603 <p class="fs_6 text-muted">Alpenmedika fornisce dispositivi medici, ausili ortopedici 604 ed elettromedicali per ospedali, case di cura e strutture sanitarie.</p> 605 </div> 606 </div> 607 </div> 608 </div> --> 609 <div class="row g-4"> 610 <div class="my-5 text-center"> 611 <h2 class="my-3 fs-1 fw-bold"> 612 Bereiche, in denen wir tätig sind 613 </h2> 614 <p 615 class="text-muted fs_5" 616 data-aos="fade-up" 617 data-aos-delay="150" 618 > 619 Entdecken Sie die Bereiche, in denen wir Innovation, Qualität 620 und konkrete Ergebnisse liefern. 621 </p> 622 <div class="heading_separator mt-4 mx-auto"></div> 623 </div> 624 <!-- Service Card: Telemedicina --> 625 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 626 <div class="aboutCard p-4 h-100"> 627 <div class="text-center"> 628 <svg 629 xmlns="http://www.w3.org/2000/svg" 630 width="75" 631 height="75"
632 viewBox="0 0 24 24" 633 fill="#f3920c" 634 class="mb-3" 635 > 636 <path 637 d="M4 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2V6a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h6v-2H6a2 2 0 0 1-2-2V6zm9 6v3h3v2h-3v3h-2v-3H8v-2h3v-3h2z" 638 /> 639 </svg> 640 <h3 class="text-uppercase fw-semibold fs-4 mb-3"> 641 Telemedizin 642 </h3> 643 <p class="fs_6 text-muted"> 644 Die Medikamentenverabreichung ist jetzt nachvollziehbar und 645 konform mit den Vorschriften, was die Therapietreue und die 646 korrekte Prozessverwaltung gewährleistet. 647 </p> 648 </div> 649 </div> 650 </div> 651 652 <!-- Service Card: Medicinale monodose --> 653 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 654 <div class="aboutCard p-4 h-100"> 655 <div class="text-center"> 656 <svg 657 xmlns="http://www.w3.org/2000/svg" 658 width="75" 659 height="75"
660 viewBox="0 0 24 24" 661 fill="#f3920c" 662 class="mb-3" 663 > 664 <path 665 d="M8 2a1 1 0 0 0-1 1v6a5 5 0 1 0 10 0V3a1 1 0 0 0-1-1H8zm1 2h6v5a3 3 0 1 1-6 0V4zM5 18a1 1 0 0 1 1-1h12a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1zm2 2h10v2H7v-2z" 666 /> 667 </svg> 668 <h3 class="text-uppercase fw-semibold fs-4 mb-3"> 669 Einzeldosis-Medikament 670 </h3> 671 <p class="fs_6 text-muted"> 672 Die Medikamentenverabreichung ist jetzt nachvollziehbar und 673 konform mit den Vorschriften, was die Therapietreue und die 674 korrekte Prozessverwaltung gewährleistet. 675 </p> 676 </div> 677 </div> 678 </div> 679 680 <!-- Service Card: Dispositivi medici --> 681 <div class="col-lg-4 col-md-4 col-sm-6 col-12"> 682 <div class="aboutCard p-4 h-100"> 683 <div class="text-center"> 684 <svg 685 xmlns="http://www.w3.org/2000/svg" 686 width="75" 687 height="75"
688 viewBox="0 0 24 24" 689 fill="#f3920c" 690 class="mb-3" 691 > 692 <path 693 d="M17 3a1 1 0 0 0-1 1v1.586l-1.293-1.293a1 1 0 0 0-1.414 1.414L14.586 7H13a1 1 0 0 0 0 2h3.586l-2.293 2.293a1 1 0 1 0 1.414 1.414L18 10.414V13a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1h-2zM4 11a1 1 0 0 0-1 1v5a4 4 0 0 0 4 4h10a1 1 0 0 0 0-2H7a2 2 0 0 1-2-2v-5a1 1 0 0 0-1-1z" 694 /> 695 </svg> 696 <h3 class="text-uppercase fw-semibold fs-4 mb-3"> 697 Medizinische Geräte 698 </h3> 699 <p class="fs_6 text-muted"> 700 Die Medikamentenverabreichung ist jetzt nachvollziehbar und 701 konform mit den Vorschriften, was die Therapietreue und die 702 korrekte Prozessverwaltung gewährleistet. 703 </p> 704 </div> 705 </div> 706 </div> 707 </div> 708 </div> 709 </section> 710 711 <!-- Product Showcase Section --> 712 <section id="product-showcase" class="py-5 position-relative"> 713 <!-- Floating decorative elements --> 714 <div class="floating-elements"> 715 <div class="floating-element"></div> 716 <div class="floating-element"></div> 717 <div class="floating-element"></div> 718 </div> 719 720 <div class="container"> 721 <div class="my-5 text-center"> 722 <h2 class="my-3 fs-1 fw-bold">Unsere Produkte</h2> 723 <p class="text-muted fs_5" data-aos="fade-up" data-aos-delay="150"> 724 Intelligente medizinische Geräte, die die Lebensqualität 725 verbessern. 726 </p> 727 <div class="heading_separator mt-4 mx-auto"></div> 728 </div> 729 730 <!-- Product 1: SiDLY Care Pro --> 731 <div class="row justify-content-center mb-5"> 732 <div class="col-lg-10"> 733 <div class="product-card" data-aos="fade-up" data-aos-delay="100"> 734 <div class="row align-items-center"> 735 <div class="col-lg-6"> 736 <div class="badge-new"> 737 <svg 738 width="16" 739 height="16" 740 fill="currentColor"
741 viewBox="0 0 16 16" 742 > 743 <path 744 d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 12H7v-2h2v2Zm0-4H7V4h2v4Z" 745 /> 746 </svg> 747 Neues Modell 748 </div> 749 <h3 class="product-title"> 750 <span id="typed-pro"></span> 751 </h3> 752 <p class="product-description"> 753 Wir sind stolz darauf, ein neues Design unseres bewährten 754 Telemedizin-Armbands vorzustellen. In einer noch 755 perfekteren Form setzt das Armband seine Mission fort und 756 bietet eine zuverlässige Fernbetreuung. 757 </p> 758 759 <div class="stats-grid"> 760 <div class="stat-item"> 761 <div class="stat-number">24/7</div> 762 <div class="stat-label">Ãberwachung</div> 763 </div> 764 <div class="stat-item"> 765 <div class="stat-number">99%</div> 766 <div class="stat-label">Genauigkeit</div> 767 </div> 768 <div class="stat-item"> 769 <div class="stat-number">30</div> 770 <div class="stat-label">Tage Akkulaufzeit</div> 771 </div> 772 </div> 773 774 <ul class="feature-list"> 775 <li>Herzfrequenzüberwachung</li> 776 <li>Schlaf-Tracking</li> 777 <li>Notfall-Benachrichtigungen</li> 778 </ul> 779 780 <div class="d-flex gap-3 flex-wrap"> 781 <a 782 href="#contact" 783 class="btn btn-primary-custom d-inline-flex align-items-center gap-2" 784 > 785 <svg 786 xmlns="http://www.w3.org/2000/svg" 787 width="18" 788 height="18" 789 fill="currentColor"
790 viewBox="0 0 16 16" 791 > 792 <path 793 d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .485.379L2.89 5H14.5a.5.5 0 0 1 .49.598l-1.5 7A.5.5 0 0 1 13 13H4a.5.5 0 0 1-.49-.402L1.61 2H.5a.5.5 0 0 1-.5-.5zm5.5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" 794 /> 795 </svg> 796 Jetzt kaufen 797 </a> 798 <a class='btn btn-outline-custom' href='/sidly-care-pro-de'> 799 Mehr erfahren 800 </a> 801 </div> 802 </div> 803 <div class="col-lg-6"> 804 <div class="product-image-container"> 805 <img 806 src="./assets/img/Sidly_BandApp.webp" 807 alt="SiDLY Care Pro" 808 class="product-image" 809 /> 810 </div> 811 </div> 812 </div> 813 </div> 814 </div> 815 </div> 816 817 <!-- Product 2: SiDLY Vital Care --> 818 <div class="row justify-content-center"> 819 <div class="col-lg-10"> 820 <div class="product-card" data-aos="fade-up" data-aos-delay="200"> 821 <div class="row align-items-center"> 822 <div class="col-lg-6 order-lg-2"> 823 <h2 class="product-title"> 824 <span id="typed-vital"></span> 825 </h2> 826 <p class="product-description"> 827 Wir sind stolz darauf, ein neues Design unseres bewährten 828 Telemedizin-Armbands vorzustellen. In einer noch 829 perfekteren Form setzt das Armband seine Mission fort und 830 bietet eine zuverlässige Fernbetreuung. 831 </p> 832 833 <div class="stats-grid"> 834 <div class="stat-item"> 835 <div class="stat-number">24/7</div> 836 <div class="stat-label">Support</div> 837 </div> 838 <div class="stat-item"> 839 <div class="stat-number">50+</div> 840 <div class="stat-label">Sensoren</div> 841 </div> 842 <div class="stat-item"> 843 <div class="stat-number">5G</div> 844 <div class="stat-label">Verbunden</div> 845 </div> 846 </div> 847 848 <ul class="feature-list"> 849 <li>Erweiterte Gesundheitsanalysen</li> 850 <li>KI-gestützte Erkenntnisse</li> 851 <li>Echtzeit-Benachrichtigungen</li> 852 </ul> 853 854 <div class="d-flex gap-3 flex-wrap"> 855 <a 856 href="#contact" 857 class="btn btn-primary-custom d-inline-flex align-items-center gap-2" 858 > 859 <svg 860 xmlns="http://www.w3.org/2000/svg" 861 width="18" 862 height="18" 863 fill="currentColor"
864 viewBox="0 0 16 16" 865 > 866 <path 867 d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .485.379L2.89 5H14.5a.5.5 0 0 1 .49.598l-1.5 7A.5.5 0 0 1 13 13H4a.5.5 0 0 1-.49-.402L1.61 2H.5a.5.5 0 0 1-.5-.5zm5.5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" 868 /> 869 </svg> 870 Jetzt kaufen 871 </a> 872 <a class='btn btn-outline-custom' href='/sidly-vital-care-en'> 873 Mehr erfahren 874 </a> 875 </div> 876 </div> 877 <div class="col-lg-6 order-lg-1"> 878 <div class="product-image-container"> 879 <img 880 src="./assets/img/sidly_vital_pro.png" 881 alt="SiDLY Vital Care" 882 class="product-image" 883 /> 884 </div> 885 </div> 886 </div> 887 </div> 888 </div> 889 </div> 890 </div> 891 </section> 892 893 <!-- Features Section --> 894 <section id="features" class="py-5 bg-light" style="min-height: 600px"> 895 <div class="container"> 896 <div class="text-center mb-5"> 897 <h2 class="fw-bold fs-1">Warum Alpen Medika wählen?</h2> 898 <p class="text-muted fs_5"> 899 Innovative Lösungen für Exzellenz im Gesundheitswesen. 900 </p> 901 <div class="heading_separator mt-4 mx-auto"></div> 902 </div> 903 904 <div class="row g-4 justify-content-center"> 905 <!-- Feature Card 1: Tecnologia All'avanguardia --> 906 <div class="col-lg-4 col-md-6 col-12"> 907 <div class="aboutCard p-4 h-100"> 908 <div class="text-center"> 909 <div class="mb-3"> 910 <svg 911 xmlns="http://www.w3.org/2000/svg"
912 viewBox="0 0 24 24" 913 width="48" 914 height="48" 915 fill="var(--secondary)" 916 > 917 <path 918 d="M12,2L15.09,8.26L22,9L15.09,9.74L12,16L8.91,9.74L2,9L8.91,8.26L12,2M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11Z" 919 /> 920 </svg> 921 </div> 922 <h3 class="fs-4 fw-semibold mb-3">Spitzentechnologie</h3> 923 <p class="text-muted"> 924 Unsere Geräte integrieren die neuesten Innovationen in 925 Telemedizin und KI für eine präzise Gesundheitsüberwachung. 926 </p> 927 </div> 928 </div> 929 </div> 930 931 <!-- Feature Card 2: Supporto 24/7 --> 932 <div class="col-lg-4 col-md-6 col-12"> 933 <div class="aboutCard p-4 h-100"> 934 <div class="text-center"> 935 <div class="mb-3"> 936 <svg 937 xmlns="http://www.w3.org/2000/svg"
938 viewBox="0 0 24 24" 939 width="48" 940 height="48" 941 fill="var(--secondary)" 942 > 943 <path 944 d="M12,3L2,12H5V20H19V12H22L12,3M12,7.7L16,11.2V18H14V14H10V18H8V11.2L12,7.7Z" 945 /> 946 </svg> 947 </div> 948 <h3 class="fs-4 fw-semibold mb-3">24/7 Support</h3> 949 <p class="text-muted"> 950 Engagierter Kundenservice und technischer Support, um ein 951 unterbrechungsfreies Erlebnis zu gewährleisten. 952 </p> 953 </div> 954 </div> 955 </div> 956 957 <!-- Feature Card 3: Qualità Certificata --> 958 <div class="col-lg-4 col-md-6 col-12"> 959 <div class="aboutCard p-4 h-100"> 960 <div class="text-center"> 961 <div class="mb-3"> 962 <svg 963 xmlns="http://www.w3.org/2000/svg"
964 viewBox="0 0 24 24" 965 width="48" 966 height="48" 967 fill="var(--secondary)" 968 > 969 <path 970 d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,11H15V13H12V16H10V13H7V11H10V8H12V11Z" 971 /> 972 </svg> 973 </div> 974 <h3 class="fs-4 fw-semibold mb-3">Zertifizierte Qualität</h3> 975 <p class="text-muted"> 976 Alle Produkte erfüllen internationale Standards (ISO, FDA) 977 für Sicherheit und Zuverlässigkeit. 978 </p> 979 </div> 980 </div> 981 </div> 982 </div> 983 </div> 984 </section> 985 986 <!-- Mission Section --> 987 <section id="mission" class="position-relative overflow-hidden"> 988 <!-- Background image wrapper for parallax illusion --> 989 <div 990 class="mission-bg position-absolute top-0 start-0 w-100 h-100" 991 data-aos="zoom-in-up" 992 data-aos-duration="1500" 993 style=" 994 background: linear-gradient( 995 135deg, 996 rgba(25, 28, 24, 0.4), 997 rgba(15, 18, 13, 0.4) 998 ); 999 " 1000 ></div> 1001 1002 <div 1003 class="container my-4 my-lg-5 position-relative" 1004 style="z-index: 3" 1005 > 1006 <div class="row justify-content-center"> 1007 <div class="col-lg-8 col-12 text-center"> 1008 <h2 1009 class="text-light fw-bold" 1010 data-aos="fade-up" 1011 data-aos-delay="100" 1012 > 1013 Unsere Mission 1014 </h2> 1015 <div 1016 class="heading_separator mt-4 mx-auto" 1017 data-aos="zoom-in" 1018 data-aos-delay="200" 1019 ></div> 1020 <p 1021 class="text-light fs-6 mb-4" 1022 data-aos="fade-up" 1023 data-aos-delay="300" 1024 > 1025 Die Definition der Mission eines Unternehmens kann eine 1026 Herausforderung sein, wird aber mit einem klaren Geschäftsziel 1027 einfacher. Im Falle unseres Unternehmens ist es unsere Mission, 1028 im medizinischen, orthopädischen und Gesundheitssektor tätig zu 1029 sein und hochprofessionelle Dienstleistungen anzubieten. 1030 </p> 1031 <p 1032 class="text-light fs-6 mb-4 mb-lg-5" 1033 data-aos="fade-up" 1034 data-aos-delay="400" 1035 > 1036 Dank der Partnerschaften mit hochkompetenten 1037 Gesundheitseinrichtungen sind wir in der Lage, die 1038 fortschrittlichsten Techniken und Lösungen einzusetzen. Wir sind 1039 uns der wichtigen Verantwortung bewusst, die wir bei der 1040 Auswahl, Präsentation und dem Verkauf von Produkten tragen, die 1041 auf die Bedürfnisse unserer Kunden zugeschnitten sind. 1042 </p> 1043 <div data-aos="fade-up" data-aos-delay="500"> 1044 <a 1045 href="#contact" 1046 class="btn_secondary fw-medium d-inline-flex align-items-center" 1047 > 1048 <span class="fs-6">Kontaktieren Sie uns</span> 1049 <svg 1050 xmlns="http://www.w3.org/2000/svg"
1051 viewBox="0 0 24 24" 1052 height="18" 1053 width="18" 1054 class="ms-2" 1055 > 1056 <path 1057 d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" 1058 fill="currentColor" 1059 /> 1060 </svg> 1061 </a> 1062 </div> 1063 </div> 1064 </div> 1065 </div> 1066 </section> 1067 1068 <!-- FAQ Section --> 1069 <section 1070 id="faq" 1071 class="py-5" 1072 style="background: linear-gradient(135deg, #f7f9fc, #ffffff)" 1073 > 1074 <div class="container-fluid wrapper"> 1075 <div 1076 class="text-center mb-5" 1077 data-aos="fade-up" 1078 data-aos-duration="800" 1079 > 1080 <h2 class="fw-bold fs-1">Warum Alpen Medika wählen?</h2> 1081 <p class="text-muted fs_5"> 1082 Innovative Lösungen für Exzellenz im Gesundheitswesen. 1083 </p> 1084 <div class="heading_separator mt-4 mx-auto"></div> 1085 </div> 1086 1087 <div class="row justify-content-center"> 1088 <div class="col-lg-8 col-md-10 col-12"> 1089 <div class="accordion custom-accordion" id="faqAccordion"> 1090 <!-- FAQ Item 1 --> 1091 <div 1092 class="accordion-item border-0 mb-3" 1093 data-aos="fade-up" 1094 data-aos-delay="100" 1095 > 1096 <h3 class="accordion-header"> 1097 <button 1098 class="accordion-button shadow-none rounded-3" 1099 type="button" 1100 data-bs-toggle="collapse" 1101 data-bs-target="#faq1" 1102 aria-expanded="true" 1103 > 1104 <span class="fw-semibold" 1105 >Wie funktioniert das SiDLY Vital Care Armband?</span 1106 > 1107 </button> 1108 </h3> 1109 <div 1110 id="faq1" 1111 class="accordion-collapse collapse show" 1112 data-bs-parent="#faqAccordion" 1113 > 1114 <div class="accordion-body"> 1115 Das SiDLY Vital Care Armband überwacht ständig 1116 Vitalparameter wie Herzfrequenz, Blutsauerstoffsättigung 1117 und körperliche Aktivität. Die Daten werden in Echtzeit an 1118 unsere Cloud-Plattform übertragen, die sowohl für den 1119 Patienten als auch für den behandelnden Arzt über die 1120 spezielle App zugänglich ist. 1121 </div> 1122 </div> 1123 </div> 1124 1125 <!-- FAQ Item 2 --> 1126 <div 1127 class="accordion-item border-0 mb-3" 1128 data-aos="fade-up" 1129 data-aos-delay="200" 1130 > 1131 <h3 class="accordion-header"> 1132 <button 1133 class="accordion-button shadow-none collapsed rounded-3" 1134 type="button" 1135 data-bs-toggle="collapse" 1136 data-bs-target="#faq2" 1137 aria-expanded="false" 1138 > 1139 <span class="fw-semibold" 1140 >Sind die Geräte von den Gesundheitsbehörden 1141 zugelassen?</span 1142 > 1143 </button> 1144 </h3> 1145 <div 1146 id="faq2" 1147 class="accordion-collapse collapse" 1148 data-bs-parent="#faqAccordion" 1149 > 1150 <div class="accordion-body"> 1151 Ja, alle unsere Medizinprodukte sind CE-zertifiziert und 1152 vom italienischen Gesundheitsministerium zugelassen. Wir 1153 halten uns streng an die EU-Vorschriften für 1154 Medizinprodukte (MDR 2017/745) und erfüllen die ISO 1155 13485-Standards für Qualität. 1156 </div> 1157 </div> 1158 </div> 1159 1160 <!-- FAQ Item 3 --> 1161 <div 1162 class="accordion-item border-0 mb-3" 1163 data-aos="fade-up" 1164 data-aos-delay="300" 1165 > 1166 <h3 class="accordion-header"> 1167 <button 1168 class="accordion-button shadow-none collapsed rounded-3" 1169 type="button" 1170 data-bs-toggle="collapse" 1171 data-bs-target="#faq3" 1172 aria-expanded="false" 1173 >
1174 <span class="fw-semibold" 1175 >Wie lange hält die Batterie der Geräte?</span 1176 > 1177 </button> 1178 </h3> 1179 <div 1180 id="faq3" 1181 class="accordion-collapse collapse" 1182 data-bs-parent="#faqAccordion" 1183 > 1184 <div class="accordion-body"> 1185 Das SiDLY Vital Care verfügt über eine langlebige 1186 Batterie, die mit einer einzigen Ladung bis zu 7 Tage 1187 funktionieren kann. Eine vollständige Aufladung dauert 1188 etwa 2 Stunden. Alle unsere Geräte verwenden hochwertige 1189 Lithium-Ionen-Batterien mit integriertem Schutzsystem. 1190 </div> 1191 </div> 1192 </div> 1193 1194 <!-- FAQ Item 4 --> 1195 <div 1196 class="accordion-item border-0 mb-3" 1197 data-aos="fade-up" 1198 data-aos-delay="400" 1199 > 1200 <h3 class="accordion-header"> 1201 <button 1202 class="accordion-button shadow-none collapsed rounded-3" 1203 type="button" 1204 data-bs-toggle="collapse" 1205 data-bs-target="#faq4" 1206 aria-expanded="false" 1207 > 1208 <span class="fw-semibold" 1209 >Bieten Sie dedizierten technischen Support an?</span 1210 > 1211 </button> 1212 </h3> 1213 <div 1214 id="faq4" 1215 class="accordion-collapse collapse" 1216 data-bs-parent="#faqAccordion" 1217 > 1218 <div class="accordion-body"> 1219 Absolut. Unser technisches Support-Team ist 24/7 per 1220 Telefon, E-Mail und Chat erreichbar. Wir bieten auch 1221 Online-Schulungen für Ãrzte und Patienten sowie 1222 detaillierte Handbücher in deutscher Sprache und 1223 Fernunterstützung bei der Gerätekonfiguration an. 1224 </div> 1225 </div> 1226 </div> 1227 1228 <!-- FAQ Item 5 --> 1229 <div 1230 class="accordion-item border-0 mb-3" 1231 data-aos="fade-up" 1232 data-aos-delay="500" 1233 > 1234 <h3 class="accordion-header"> 1235 <button 1236 class="accordion-button shadow-none collapsed rounded-3" 1237 type="button" 1238 data-bs-toggle="collapse" 1239 data-bs-target="#faq5" 1240 aria-expanded="false" 1241 > 1242 <span class="fw-semibold" 1243 >Wie kann ich Ihre Produkte kaufen?</span 1244 > 1245 </button> 1246 </h3> 1247 <div 1248 id="faq5" 1249 class="accordion-collapse collapse" 1250 data-bs-parent="#faqAccordion" 1251 > 1252 <div class="accordion-body"> 1253 Unsere Produkte sind über ein Netzwerk autorisierter 1254 Händler in ganz Italien erhältlich. Sie können uns direkt 1255 über das Formular auf unserer Website kontaktieren oder 1256 unsere gebührenfreie Nummer anrufen, um zum 1257 nächstgelegenen Händler weitergeleitet zu werden. Wir 1258 bieten auch Direktverkauf für Gesundheitseinrichtungen und 1259 GroÃbestellungen an. 1260 </div> 1261 </div> 1262 </div> 1263 </div> 1264 </div> 1265 </div> 1266 </div> 1267 </section> 1268 1269 <!-- Contact Section --> 1270 <section id="contact" class="py-5"> 1271 <div class="container"> 1272 <!-- Contact Header --> 1273 <div class="contact-header text-center" data-aos="fade-up"> 1274 <h2 class="fw-bold lh_sm">Kontaktieren Sie uns</h2> 1275 <p class="text-muted fs_5" data-aos="fade-up" data-aos-delay="150"> 1276 Wir sind hier, um Ihnen zu helfen. Kontaktieren Sie uns bei Fragen 1277 oder Anliegen. 1278 </p> 1279 <div class="heading_separator"></div> 1280 </div> 1281 1282 <!-- Unified Contact Layout --> 1283 <div 1284 class="contact-wrapper d-flex flex-column flex-lg-row mt-5" 1285 data-aos="fade-up" 1286 data-aos-delay="200" 1287 > 1288 <!-- Contact Info Block --> 1289 <div class="contact-block left col-lg-6"> 1290 <h3 class="mb-4">Kontaktinformationen</h3> 1291 <p class="text-muted"> 1292 Wir sind hier, um Ihnen zu helfen! Sie können uns über einen der 1293 folgenden Kanäle erreichen. 1294 </p> 1295 1296 <div class="contact-details mt-4"> 1297 <!-- Address Item --> 1298 <div class="contact-item"> 1299 <div class="contact-icon"> 1300 <svg 1301 xmlns="http://www.w3.org/2000/svg" 1302 fill="none"
1303 viewBox="0 0 24 24" 1304 stroke-width="1.8" 1305 stroke="currentColor" 1306 width="28" 1307 height="28" 1308 > 1309 <path 1310 stroke-linecap="round" 1311 stroke-linejoin="round" 1312 d="M12 11.5a3 3 0 100-6 3 3 0 000 6z" 1313 /> 1314 <path 1315 stroke-linecap="round" 1316 stroke-linejoin="round" 1317 d="M19.5 11.5c0 5.25-7.5 10.5-7.5 10.5s-7.5-5.25-7.5-10.5a7.5 7.5 0 1115 0z" 1318 /> 1319 </svg> 1320 </div> 1321 <div class="contact-text"> 1322 <h4>Adresse</h4> 1323 <p>Via della Mendola 49/b, Bozen (BZ), 39100</p> 1324 </div> 1325 </div> 1326 1327 <!-- Phone Item --> 1328 <div class="contact-item"> 1329 <div class="contact-icon"> 1330 <svg 1331 xmlns="http://www.w3.org/2000/svg" 1332 fill="none"
1333 viewBox="0 0 24 24" 1334 stroke-width="1.8" 1335 stroke="currentColor" 1336 width="28" 1337 height="28" 1338 > 1339 <path 1340 stroke-linecap="round" 1341 stroke-linejoin="round" 1342 d="M2 5.5a.5.5 0 01.5-.5H5a.5.5 0 01.5.5V8a.5.5 0 01-.5.5H3a11.01 11.01 0 0011 11v-2a.5.5 0 01.5-.5h2.5a.5.5 0 01.5.5v2.5a.5.5 0 01-.5.5h-1A16 16 0 012 5.5z" 1343 /> 1344 </svg> 1345 </div> 1346 <div class="contact-text"> 1347 <h4>Telefon</h4> 1348 <a href="tel:+393287772992">+39 328 777 2992</a> 1349 </div> 1350 </div> 1351 1352 <!-- Email Item --> 1353 <div class="contact-item"> 1354 <div class="contact-icon"> 1355 <svg 1356 xmlns="http://www.w3.org/2000/svg" 1357 fill="none"
1358 viewBox="0 0 24 24" 1359 stroke-width="1.8" 1360 stroke="currentColor" 1361 width="28" 1362 height="28" 1363 > 1364 <path 1365 stroke-linecap="round" 1366 stroke-linejoin="round" 1367 d="M3.75 6.75h16.5v10.5H3.75V6.75z" 1368 /> 1369 <path 1370 stroke-linecap="round" 1371 stroke-linejoin="round" 1372 d="M3.75 6.75l8.25 6 8.25-6" 1373 /> 1374 </svg> 1375 </div> 1376 <div class="contact-text"> 1377 <h4>E-Mail</h4> 1378 <a href="mailto:[email protected]">[email protected]</a> 1379 </div> 1380 </div> 1381 </div> 1382 1383 <!-- Social Links --> 1384 <div class="social-links d-flex gap-3"> 1385 <a href="#" class="social-link"> 1386 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1387 <path 1388 d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" 1389 /> 1390 </svg> 1391 </a> 1392 <a href="#" class="social-link"> 1393 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1394 <path 1395 d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" 1396 /> 1397 </svg> 1398 </a> 1399 <a href="#" class="social-link"> 1400 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1401 <path 1402 d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" 1403 /> 1404 </svg> 1405 </a> 1406 <!-- Dummy Comit --> 1407 <a href="#" class="social-link"> 1408 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> 1409 <path 1410 d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M18.5,18.5V13.2A3.26,3.26 0 0,0 15.24,9.94C14.39,9.94 13.4,10.46 12.92,11.24V10.13H10.13V18.5H12.92V13.57C12.92,12.8 13.54,12.17 14.31,12.17A1.4,1.4 0 0,1 15.71,13.57V18.5H18.5M6.88,8.56A1.68,1.68 0 0,0 8.56,6.88C8.56,5.95 7.81,5.19 6.88,5.19A1.69,1.69 0 0,0 5.19,6.88C5.19,7.81 5.95,8.56 6.88,8.56M8.27,18.5V10.13H
14105.5V18.5H8.27Z" 1411 /> 1412 </svg> 1413 </a> 1414 </div> 1415 </div> 1416 1417 <!-- Contact Form Block --> 1418 <div class="contact-block right col-lg-6"> 1419 <h3 class="mb-4">Füllen Sie das untenstehende Formular aus</h3> 1420 <form> 1421 <div class="form-group mb-4"> 1422 <input 1423 type="text" 1424 class="form-control form-control-lg rounded-4" 1425 id="name" 1426 placeholder="Name und Nachname" 1427 /> 1428 </div> 1429 <div class="form-group mb-4"> 1430 <input 1431 type="email" 1432 class="form-control form-control-lg rounded-4" 1433 id="email" 1434 placeholder="E-Mail-Adresse" 1435 /> 1436 </div> 1437 <div class="form-group mb-4"> 1438 <input 1439 type="text" 1440 class="form-control form-control-lg rounded-4" 1441 id="phone" 1442 placeholder="Telefon" 1443 /> 1444 </div> 1445 <div class="form-group mb-4"> 1446 <textarea 1447 class="form-control form-control-lg rounded-4" 1448 id="message" 1449 rows="5" 1450 placeholder="Hinterlassen Sie uns eine Nachricht" 1451 ></textarea> 1452 </div> 1453 <p class="privacy-text text-muted mb-4"> 1454 Durch das Absenden des Formulars stimmen Sie der Verarbeitung 1455 Ihrer persönlichen Daten gemäà unserer Datenschutzerklärung 1456 zu. 1457 </p> 1458 <div class="d-flex justify-content-end"> 1459 <button 1460 type="submit" 1461 class="btn-submit d-flex align-items-center gap-2" 1462 > 1463 <span class="fw-medium">Nachricht senden</span> 1464 </button> 1465 </div> 1466 </form> 1467 </div> 1468 </div> 1469 </div> 1470 </section> 1471 <section 1472 class="footer-bridge-section text-center py-5" 1473 data-aos="fade-up" 1474 > 1475 <div class="container-lg"> 1476 <h3 1477 class="fw-semibold mb-3 display-6" 1478 data-aos="fade-up" 1479 data-aos-delay="100" 1480 > 1481 Bleiben Sie mit uns auf dem Laufenden 1482 </h3> 1483 <p 1484 class="footer-bridge-desc mx-auto" 1485 data-aos="fade-up" 1486 data-aos-delay="200" 1487 > 1488 Entdecken Sie die neuesten Innovationen, Veranstaltungen und Updates 1489 in der Welt der Medizintechnik mit <strong>Alpen Medika</strong>. 1490 </p> 1491 1492 <!-- Optional: Button for newsletter --> 1493 <div class="mt-4" data-aos="zoom-in" data-aos-delay="300"> 1494 <a 1495 href="#newsletter" 1496 class="btn btn-outline-dark rounded-pill px-4 py-2" 1497 > 1498 Newsletter abonnieren 1499 </a> 1500 </div> 1501 </div> 1502 </section> 1503 1504 <!-- Footer Section --> 1505 <footer class="pt-5 pb-3" style="background: #f9f9f9"> 1506 <div class="container-lg wrapper"> 1507 <div class="getInTouch"> 1508 <div class="row justify-content-between align-items-start"> 1509 <!-- Left: Logo and Description --> 1510 <div class="col-md-6 col-12 mb-4"> 1511 <div class="d-flex align-items-center gap-2 mb-2"> 1512 <img 1513 src="./assets/img/alpen_logo.png" 1514 width="50" 1515 alt="Alpen Medika Logo" 1516 /> 1517 <h2 class="fs-5 fw-normal text-dark my-0">Alpen Medika</h2> 1518 </div> 1519 <p class="text-muted small"> 1520 Alpenmedika bietet innovative Lösungen in den Bereichen 1521 Medizinprodukte, elektromedizinische Geräte und Telemedizin, 1522 mit Erfahrung und Wachstumsvision. 1523 </p> 1524 </div> 1525 1526 <!-- Right: Policies --> 1527 <div class="col-md-4 col-12 mb-4 text-md-end"> 1528 <ul class="list-unstyled small"> 1529 <li> 1530 <a class='text-muted text-decoration-none' href='/privacy-policy' target='_blank'>Datenschutzerklärung</a 1531 > 1532 </li> 1533 <li> 1534 <a class='text-muted text-decoration-none' href='/cookies-policy' target='_blank'>Cookie-Richtlinie</a 1535 > 1536 </li> 1537 <li> 1538 <a class='text-muted text-decoration-none' href='/terms' target='_blank'>Allgemeine Geschäftsbedingungen</a 1539 > 1540 </li> 1541 </ul> 1542 </div> 1543 </div> 1544 1545 <hr class="border border-secondary-subtle" /> 1546 1547 <div 1548 class="d-flex justify-content-between flex-wrap small text-muted" 1549 > 1550 <p class="mb-0"> 1551 ©
1551 2025 Alpen Medika. Alle Rechte vorbehalten. 1552 </p> 1553 <p class="mb-0">Powered by Alpen Medikaâ¢</p> 1554 </div> 1555 </div> 1556 </div> 1557 </footer> 1558 </div> 1559 1560 <!-- External JavaScript Libraries --> 1561
1561<script 1562 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 1563 integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" 1564 crossorigin="anonymous" 1565 ></script>
1565 1566
1566<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
1566 1567
1567<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
1567 1568
1568<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollToPlugin.min.js"></script>
1568 1569
1569<script src="assets/js/gsap.js"></script>
1569 1570
1570<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1570 1571
1571<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
1571 1572
1572<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
1572 1573 1574 <!-- Custom JavaScript for page functionality --> 1575
1575<script> 1576 // Initialize AOS (Animate On Scroll) library 1577 AOS.init({ 1578 duration: 1000, // Animation duration in milliseconds 1579 once: true, // Whether animation should happen only once - while scrolling down 1580 offset: 100, // Offset (in px) from the top of the screen to trigger animations 1581 }); 1582 1583 // Typed.js Animations for product titles 1584 // Initialize Typed.js for SiDLY Vital Care product title 1585 new Typed("#typed-vital", { 1586 strings: ["SiDLY Vital Care"], // Text to be typed 1587 typeSpeed: 50, // Typing speed in milliseconds 1588 backSpeed: 30, // Backspacing speed in milliseconds 1589 showCursor: false, // Do not show the typing cursor 1590 loop: false, // Do not loop the animation 1591 }); 1592 1593 // Initialize Typed.js for SiDLY Care Pro product title 1594 new Typed("#typed-pro", { 1595 strings: ["SiDLY Care Pro"], // Text to be typed 1596 typeSpeed: 50, // Typing speed in milliseconds 1597 backSpeed: 30, // Backspacing speed in milliseconds 1598 showCursor: false, // Do not show the typing cursor 1599 loop: false, // Do not loop the animation 1600 }); 1601 1602 // About Carousel Functionality 1603 const aboutOptions = document.querySelectorAll(".carousel-option"); // Select all carousel option elements 1604 const aboutImage = document.getElementById("aboutcarouselImage"); // Select the image element in the carousel 1605 1606 // Array of image sources for the carousel 1607 const aboutImages = [ 1608 "./assets/img/about2.webp", 1609 "./assets/img/about1.jpg", 1610 "./assets/img/about3.png", 1611 ]; 1612 1613 // Add click event listener to each carousel option 1614 aboutOptions.forEach((option) => { 1615 option.addEventListener("click", () => { 1616 const index = option.dataset.index; // Get the data-index attribute value 1617 1618 // Remove 'active' class from all options and add to the clicked one 1619 aboutOptions.forEach((o) => o.classList.remove("active")); 1620 option.classList.add("active"); 1621 1622 // Animate image change: fade out, change source, fade in 1623 aboutImage.style.opacity = "0"; 1624 aboutImage.style.transform = "scale(0.95)"; // Slightly shrink for animation 1625 1626 setTimeout(() => { 1627 aboutImage.src = aboutImages[index]; // Change image source 1628 aboutImage.style.opacity = "1"; // Fade in 1629 aboutImage.style.transform = "scale(1)"; // Restore size 1630 }, 300); // Delay for the fade-out animation 1631 }); 1632 }); 1633 1634 // Add hover effects to carousel options 1635 aboutOptions.forEach((option) => { 1636 option.addEventListener("mouseenter", () => { 1637 // Apply hover effect only if the option is not active 1638 if (!option.classList.contains("active")) { 1639 option.style.transform = "translateY(-3px)"; // Lift the option slightly 1640 } 1641 }); 1642 1643 option.addEventListener("mouseleave", () => { 1644 // Remove hover effect only if the option is not active 1645 if (!option.classList.contains("active")) { 1646 option.style.transform = "translateY(0)"; // Return to original position 1647 } 1648 }); 1649 }); 1650 </script>
1650 1651
1651<script src="./assets/js/cookie-popup.js"></script>
1651 1652 <div class="cookie-card"> 1653 <span class="title">ðª Cookie-Hinweis</span> 1654 <p class="description"> 1655 Wir verwenden Cookies, um das beste Erlebnis zu gewährleisten. 1656 <a href='/cookies-policy' target='_blank'>Lesen Sie die Cookie-Richtlinien</a 1657 >. 1658 </p> 1659 <div class="actions"> 1660 <button class="accept">Akzeptieren</button> 1661 </div> 1662 </div> 1663 </body> 1664</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.