294 lines
12 KiB
HTML
294 lines
12 KiB
HTML
<!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.png" alt="Artikel 1">
|
||
</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>
|
||
nonumy eirmod tempor invidunt ut labore et dolore magna.</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>Topline (kurze Beschreibung, Slogan, etc.)</h3>
|
||
|
||
<div class="company-text">
|
||
<p>
|
||
Ausführliche Beschreibung Lorem ipsum dolor sit amet, consetetur nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, at vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd takimata sanctus est Lorem ipsum dolor sit amet. Ausführliche sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor dolore magna aliquyam erat, sed diam.
|
||
</p>
|
||
Ausführliche Beschreibung Lorem ipsum dolor sit amet, consetetur nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, at vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd takimata sanctus est Lorem ipsum dolor sit amet. Ausführliche sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor dolore magna aliquyam erat.
|
||
</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> |