Files
website-html/index.html
2026-02-27 13:48:25 +01:00

305 lines
13 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</title>
<link rel="stylesheet" href="css/style.css">
<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 src="assets/endex_Logo_endex-Logo_Dual-DE.svg" alt="endex Logo">
</div>
<nav class="nav-links">
<a href="#news">News</a>
<a href="#services">Leistungen</a>
<a href="#company">Unternehmen</a>
<!-- <a href="#clients">Kunden</a> -->
<a href="#contact">Kontakt</a>
<a href="#career">Karriere</a>
</nav>
<div class="mobile-menu">
<div class="lang-switch">
<span id="lang-de" class="active">DE</span> |
<span id="lang-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">endex</h1>
<p class="hero-subline">
endex makes geodata useful in the real world.<br>
We work across the full geospatial value chain, from capturing data<br>
to delivering clear insights that support better decisions.
</p>
<a href="#services" class="hero-button">
Erfahre mehr zu uns
</a>
</div>
</section>
<!-- NEWS -->
<section class="news" id="news">
<div class="news-container">
<h2 class="news-section-title">Aktuelle News</h2>
<div class="news-slider">
<div class="news-track">
<!-- NEWS SLIDES: copy & edit these for each article -->
<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">Fernerkundungsdrohnen für Küstenschutz und Katastrophenmanagement in den Philippinen</h3>
<h4 class="news-subline">12. November 2025</h4>
<p class="news-text">In den vergangenen Monaten konnten wir bei endex,
gemeinsam mit der Deutschen Gesellschaft für Internationale Zusammenarbeit (GIZ),
den Einsatz von Kameradrohnen in den Philippinen voranbringen. Während des zweiwöchigen
Aufenthalts vor Ort wurden Mitarbeitende der philippinischen Küstenwache im Umgang mit deutschen
Langstreckendrohnen geschult, die zukünftig für den Küstenschutz und das Katastrophenmanagement
verwendet werden. Die mehrtägigen Schulungsprogramme beinhalteten die Flugvorbereitung, die
Systemwartung und das Verhalten in Ausnahmesituationen.</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">Artikel 1 Lorem ipsum</h3>
<h4 class="news-subline">H3 Subline Lorem ipsum</h4>
<p class="news-text">P Beschreibung Lorem ipsum dolor sit amet, consetetur sadipscing<br>
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna<br>
sed diam voluptua. At vero eos et accusam et justo duo dolores et<br>
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit<br>
Beschreibung Lorem ipsum dolor sit amet, consetetur sadipscing<br>
kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit<br>
nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
<a href=href="mailto: lukas.uptmoor@endex-geodaten.de" class="news-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">Artikel 1 Lorem ipsum</h3>
<h4 class="news-subline">H3 Subline Lorem ipsum</h4>
<p class="news-text">P Beschreibung Lorem ipsum dolor sit amet, consetetur sadipscing<br>
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna<br>
sed diam voluptua. At vero eos et accusam et justo duo dolores et<br>
nonumy eirmod tempor invidunt ut labore et dolore magna.</p>
</div>
</div> -->
</div>
<!-- DOT NAVIGATION -->
<div class="news-dots"></div>
</div>
</div>
</section>
<!-- SERVICES -->
<section id="services">
<div class="services-header">
<h2>Unsere Services</h2>
<h3>Topline (kurze Beschreibung, Slogan, etc.)</h3>
</div>
<div class="services-grid">
<div class="service-box">
<img src="assets/service1.png">
<h3 class="service-title">Inspektion von Bauwerken & Technischen Anlagen</h3>
<div class="service-arrow"></div>
<p class="service-text">
• Detektion von <strong>Funktionsstörungen und Wärmebrücken</strong> (z.B Solarparks, Gebäudedämmung)<br>
<strong>Flächen-</strong> und <strong>Volumenberechnung</strong> (z.B. Solarpotential, Haufwerksgröße von Abfall-, Roh- und Baustoffen)<br>
• Detektion von <strong>Leckagen</strong> (z.B. Wasserleitungen, Deichanlagen)<br>
• Visualisierung für <strong>vereinfachte Inspektion und Wartung</strong> (z.B. Straßen und Brücken, Windparks, Hochspannungsleitungen)
</p>
</div>
<div class="service-box">
<img src="assets/service2.png">
<h3 class="service-title">Kartierung von Land- & Wasserflächen</h3>
<div class="service-arrow"></div>
<p class="service-text">
<strong>Umweltplanung</strong> (z.B. Artenschutz, Biotoptypen, Archäo- und Neobiota)<br>
• Dokumentation von <strong>Vitalität für Land- und Forstwirtschaft</strong> (z.B. Bewässerung, Pflanzenschutz, Nährstoffbedarf, Totholz)<br>
• Dokumentation von <strong>langfristigen Veränderungen</strong> (z.B. Desertifikation, Subsidenz, Wiedervernässung)<br>
• Dokumentation von <strong>kurzfristigen Veränderungen</strong> (z.B. Gewässerqualität, Katastrophenmanagement, Schadenanalyse)
</p>
</div>
<div class="service-box">
<img src="assets/service3.png">
<h3 class="service-title">Verarbeitung & Auswertung von Geodaten</h3>
<div class="service-arrow"></div>
<p class="service-text">
• Aufbereitung von <strong>digitalen Höhenmodellen</strong> (z.B. DGM1, DOM1, nDOM1)<br>
• Aufbereitung von <strong>digitalen Orthophotos</strong> (z.B. DOP10, DOP20)<br>
<strong>Vegetationsdetektierung</strong> für Baumkataster (z.B. Baumart, Baumgröße)<br>
<strong>Landnutzungsklassifizierung</strong> (z.B. Versiegelungsanalyse)
</p>
</div>
</div>
</section>
<!-- COMPANY -->
<section id="company" class="company">
<div class="company-content">
<h2>Das Unternehmen</h2>
<h3>Environmental Intelligence Geodatenbanken mit Zugriff von überall</h3>
<div class="company-text">
<p>
Seit 2024 entwickeln wir bei endex maßgeschneiderte Lösungen im Bereich Fernerkundung und
IoT-Umweltdatenerhebung: Per Drohne, Satellit oder Sensornetzwerk. Dabei steht auch die Einbindung
in moderne SQL-basierte Geodatenbanken im Fokus, sodass die aufbereiteten Daten Ihnen jederzeit zur
Verfügung stehen und über verschiedene Schnittstellen in Ihren Projekten genutzt werden können.
Da wir auch mit sicherheitskritischen Organisationen zusammenarbeiten, setzen wir von Anfang an auf
zuverlässigen Datenschutz und arbeiten ausschließlich mit Servern in Europa.
</p>
Das Ingenieurbüro wurde aus dem Zusammenschluss von Luft-und Raumfahrtingenieur Lukas Uptmoor, M.Sc., und Umweltingenieur
Patrick Zerhusen, M.Sc., gegründet und ist seitdem neben dem Stammsitz in Lohne auch in Osnabrück und Berlin vertreten.
Angefangen mit Pflanzenmonitoring in der Landwirtschaft hat sich unser Kerngeschäft heute auf komplexere Beratungsdienstleistungen
für Regierungsprojekte verlagert. So ist endex z.B. im Rahmen der deutsch-philippinischen Entwicklungszusammenarbeit in Südostasien
als Beratungspartner für zivile Drohnen-und Fernerkundungssysteme tätg. Im Fokus steht vor allem allem um die Erfassung von Umwelt-
und Landnutzungsveränderungen. </p>
</div>
<img src="assets/company.jpg">
</div>
</section>
<!-- DIVIDER 1 -->
<div id="divider-1">
</div>
<!-- CLIENTS -->
<section id="clients">
<h2>Unsere Kundschaft</h2>
<div class="logo-scroll">
<div class="logo-track">
<img src="assets/logo-1.svg">
<img src="assets/logo-2.svg">
<img src="assets/logo-3.svg">
<img src="assets/logo-4.svg">
</div>
</div>
</section>
<!-- CONTACTS -->
<section id="contact">
<h2>Bereit mit uns zu Arbeiten?</h2>
<p>
Wir freuen uns über deine Projektanfragen lorem ipsum dolor sit amet,<br>
consetetur sadipscing elitr.
</p>
<div class="content-box">
<h3>Kontakt</h3>
<div class="contact-options">
<img src="assets/icon-mail.svg">
<a href="mailto: lukas.uptmoor@endex-geodaten.de
" class="contact-link">lukas.uptmoor@endex-geodaten.de
</a>
</div>
<div class="contact-options">
<img src="assets/icon-phone.svg">
<a href="tel:+4900000000000" class="contact-link">+49-000-00 00 00 00</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=href="mailto: lukas.uptmoor@endex-geodaten.de
" class="contact-button">
Schicke uns eine Mail
</a>
</section>
<section id="career">
<h2>Jobs und Karriere</h2>
<h3>Wir suchen… /Topline (kurze Beschreibung, Slogan, etc.)</h3>
<p>• Stellenbeschreibung<br>
• etc.<br>
• etc.<br>
• etc.<br>
<br>
Ansprechpartner, etc. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,<br>
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,<br>
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<br>
Stet clita kasd gubergren, no sea takimata sanctus est </p>
</section>
<!-- DIVIDER 2 -->
<div id="divider-2">
</div>
<!-- FOOTER -->
<footer>
<div class="footer-grid">
<img src="assets/endex_Logo_endex-Logo_Dual-DE.svg" id="footer-logo" alt="endex Logo">
<div>
<h4>Services</h4>
<a href="#news">Newsletter</a><br>
<a href="#services">Leistungen</a><br>
<a href="#company">Unternehmen</a><br>
<a href="#clients">Kunden</a><br>
<a href="#contact">Kontakt</a><br>
<a href="#career">Karriere</a>
</div>
<div>
<h4>Rechtliches</h4>
<a href="/legal/legals.html" target="_blank">Impressum</a><br>
<a href="/legal/legals.html" target="_blank">Datenschutz</a><br>
</div>
<div>
<h4>Anschrift</h4>
<a>Musterfirma GmbH<br>Frau Erika Mustermann<br>Hauptstraße 1<br>12345 Musterstadt</a>
</div>
<div>
<h4>Social</h4>
<a href="https://de.linkedin.com/company/endex-geo" target="_blank">
<img src="assets/icon-linkedin.svg"></img>
</a>
</div>
</div>
<div class="copyright">
Copyright © 2026 endex
</div>
</footer>
<script src="js/script.js" defer></script>
</body>
</html>