Files
website-html/index.html
2026-03-03 15:39:19 +01:00

244 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>endex | Ingenieurb&uuml;ro f&uuml;r Fernerkundung und Geodaten</title>
<link rel="stylesheet" href="css/style.css?v=20260303">
<link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600&display=swap" rel="stylesheet">
</head>
<body>
<!-- NAV -->
<header>
<div class="nav">
<div class="logo" onclick="scrollToTop()">
<img id="logo" src="assets/endex_Logo_endex-Logo_Dual-DE.svg" alt="endex Logo">
</div>
<nav class="nav-links">
<a href="#news" data-i18n="nav_news">News</a>
<a href="#services" data-i18n="nav_services">Leistungen</a>
<a href="#company" data-i18n="nav_company">Unternehmen</a>
<a href="#contact" data-i18n="nav_contact">Kontakt</a>
<a href="#career" data-i18n="nav_career">Karriere</a>
</nav>
<div class="mobile-menu">
<div class="lang-switch">
<span id="lang-de" class="active" onclick="setLang('de')">DE</span> |
<span id="lang-en" onclick="setLang('en')">EN</span>
</div>
<div class="burger" onclick="toggleBurger()">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</header>
<!-- HERO -->
<section id="start" class="hero">
<div class="hero-overlay">
<h1 class="hero-title" data-i18n="hero_title">endex</h1>
<p class="hero-subline" data-i18n="hero_subline">
Mit endex werden Geodaten zum Mehrwert. Wir begleiten Sie durch die gesamte Wertschöpfungskette: Von der präzisen Datenerfassung bis zu klaren Insights, die bessere Entscheidungen ermöglichen.
</p>
<a href="#company" class="hero-button" data-i18n="hero_button">
Erfahre mehr zu uns
</a>
</div>
</section>
<!-- NEWS -->
<section class="news" id="news">
<div class="news-container">
<h2 class="news-section-title" data-i18n="news_title">Aktuelle News</h2>
<div class="news-slider">
<div class="news-track">
<div class="news-slide">
<div class="news-media">
<img src="assets/IMG_News1.jpg" alt="Artikel 1">
</div>
<div class="news-content">
<h3 class="news-title" data-i18n="news1_title">Fernerkundungsdrohnen für Küstenschutz und Katastrophenmanagement in den Philippinen</h3>
<h4 class="news-subline" data-i18n="news1_date">12. November 2025</h4>
<p class="news-text" data-i18n="news1_text">In den vergangenen Monaten konnten wir bei endex...</p>
</div>
</div>
<!-- <div class="news-slide">
<div class="news-media">
<img src="assets/IMG_News1.png" alt="Artikel 2">
</div>
<div class="news-content">
<h3 class="news-title" data-i18n="news2_title">Artikel 2 Lorem ipsum</h3>
<h4 class="news-subline" data-i18n="news2_date">H3 Subline Lorem ipsum</h4>
<p class="news-text" data-i18n="news2_text">P Beschreibung Lorem ipsum...</p>
<a href="mailto:lukas.uptmoor@endex-geodaten.de" class="news-button" data-i18n="news2_button">
Mehr dazu hier!
</a>
</div>
</div>
<div class="news-slide">
<div class="news-media">
<img src="assets/IMG_News1.png" alt="Artikel 3">
</div>
<div class="news-content">
<h3 class="news-title" data-i18n="news3_title">Artikel 3 Lorem ipsum</h3>
<h4 class="news-subline" data-i18n="news3_date">H3 Subline Lorem ipsum</h4>
<p class="news-text" data-i18n="news3_text">P Beschreibung Lorem ipsum...</p>
</div>
</div> -->
</div>
<div class="news-dots"></div>
</div>
</div>
</section>
<!-- SERVICES -->
<section id="services">
<div class="services-header">
<h2 data-i18n="services_title">Unsere Services</h2>
<p data-i18n="services_text"> Bei endex konzipieren wir automatisierte und leistungsfähige Fernerkundungsmethoden sowie skalierbare
und webbasierte Geodateninfrastrukturen. Wir bieten praxisorientierte Beratungsdienstleistungen und maßgeschneiderte Produktentwicklungen
für private und öffentliche Kundinnen und Kunden.</p>
</div>
<div class="services-grid">
<div class="service-box">
<img src="assets/holybro.jpg">
<h3 class="service-title" data-i18n="service1_title">Inspektion von Bauwerken & Technischen Anlagen</h3>
<div class="service-arrow"></div>
<p class="service-text" data-i18n-html="service1_text">
• Detektion von <strong>Funktionsstörungen und Wärmebrücken</strong>...
</p>
</div>
<div class="service-box">
<img src="assets/thermal.jpg">
<h3 class="service-title" data-i18n="service2_title">Kartierung von Land- & Wasserflächen</h3>
<div class="service-arrow"></div>
<p class="service-text" data-i18n-html="service2_text">
<strong>Umweltplanung</strong>...
</p>
</div>
<div class="service-box">
<img src="assets/webgis.jpg">
<h3 class="service-title" data-i18n="service3_title">Verarbeitung & Auswertung von Geodaten</h3>
<div class="service-arrow"></div>
<p class="service-text" data-i18n-html="service3_text">
• Aufbereitung von <strong>digitalen Höhenmodellen</strong>...
</p>
</div>
</div>
</section>
<!-- COMPANY -->
<section id="company" class="company">
<div class="company-content">
<h2 data-i18n="company_title">Das Unternehmen</h2>
<h3 data-i18n="company_subtitle">Environmental Intelligence Geodatenbanken mit Zugriff von überall</h3>
<div class="company-text">
<p data-i18n="company_text1">Seit 2024 entwickeln wir bei endex...</p>
<p data-i18n="company_text2">Das Ingenieurbüro wurde aus dem Zusammenschluss...</p>
</div>
<img src="assets/company.jpg">
</div>
</section>
<!-- DIVIDER 1 -->
<div id="divider-1"></div>
<!-- CONTACT -->
<section id="contact">
<h2 data-i18n="contact_title">Bereit mit uns zu Arbeiten?</h2>
<p data-i18n="contact_text">
Wir stellen Ihnen unser Know-How im Bereich Fernerkundung oder Geodaten gerne für Ihr Projekt zur Verfügung und freuen uns auf ein unverbindliches Gespräch mit Ihnen!
</p>
<div class="content-box">
<h3 data-i18n="contact_box_title">Kontakt</h3>
<div class="contact-options">
<img src="assets/icon-mail.svg">
<a href="mailto:info@endex-geodaten.de" class="contact-link">info@endex-geodaten.de</a>
</div>
<div class="contact-options">
<img src="assets/icon-phone.svg">
<a href="tel:+491746124118" class="contact-link">+49 174 612 4118</a>
</div>
<div class="contact-options">
<img src="assets/icon-linkedin.svg">
<a href="https://de.linkedin.com/company/endex-geo" target="_blank" class="contact-link">LinkedIn</a>
</div>
</div>
<a href="mailto:lukas.uptmoor@endex-geodaten.de" class="contact-button" data-i18n="contact_button">
Schicke uns eine Mail
</a>
</section>
<!-- CAREER -->
<section id="career">
<h2 data-i18n="career_title">Jobs und Karriere</h2>
<p data-i18n="career_text1">Unsere Mission ist es...</p>
<h3 data-i18n="career_subtitle">Wir suchen für unseren Standort in Berlin</h3>
<p data-i18n="career_text2">• Praktikant/-in oder Abschlussarbeit Geoinformatik...</p>
</section>
<!-- DIVIDER 2 -->
<div id="divider-2"></div>
<!-- FOOTER -->
<footer>
<div class="footer-grid">
<img src="assets/endex-Logo_Solo.svg" id="footer-logo" alt="endex Logo">
<div>
<h4 data-i18n="footer_services">Services</h4>
<a href="#news" data-i18n="nav_news">Newsletter</a><br>
<a href="#services" data-i18n="nav_services">Leistungen</a><br>
<a href="#company" data-i18n="nav_company">Unternehmen</a><br>
<a href="#contact" data-i18n="nav_contact">Kontakt</a><br>
<a href="#career" data-i18n="nav_career">Karriere</a>
</div>
<div>
<h4 data-i18n="footer_legal">Rechtliches</h4>
<a href="/legal/legals.html" target="_blank" data-i18n="footer_imprint">Impressum</a><br>
<a href="/legal/legals.html" target="_blank" data-i18n="footer_privacy">Datenschutz</a>
</div>
<div>
<h4 data-i18n="footer_address">Anschrift</h4>
<a>endex GmbH i.G.<br>
Wicheler Kamp 2<br>
49393 Lohne<br>
Germany</a>
</div>
<div>
<h4 data-i18n="footer_social">Social</h4>
<a href="https://de.linkedin.com/company/endex-geo" target="_blank">
<img src="assets/icon-linkedin.svg">
</a>
</div>
</div>
<div class="copyright" data-i18n="footer_copyright">
Copyright © 2026 endex
</div>
</footer>
<script src="js/script.js" defer></script>
</body>
</html>