Merge remote-tracking branch 'origin/master'

xeokit · Dec 26, 2023 · 6b4b64f · 6b4b64f
2 parents fb5020c + 0a27a17
commit 6b4b64f
Show file tree

Hide file tree

Showing 90 changed files with 8,208 additions and 905 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,52 @@
+# Numerous always-ignore extensions
+*.diff
+*.err
+*.orig
+*.log
+*.rej
+*.swo
+*.swp
+*.vi
+*.7z
+*.dmg
+*.gz
+*.iso
+*.rar
+*.tar
+*~
+
+## OS X
+.DS_Store
+._*
+Desktop.ini
+Thumbs.db
+.Spotlight-V100
+.Trashes
+.cache
+.project
+.settings
+.tmproj
+*.esproj
+nbproject
+*.sublime-project
+*.sublime-workspace
+.idea
+
+# Folders to ignore
+temp
+tmp
+.tmp
+/node_modules
+/vendor
+
+## Windows
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+*.code-workspace
+
+
+
+#.htaccess
+
diff --git a/_includes/homeheader.html b/_includes/homeheader.html
@@ -5,7 +5,7 @@
             <div class="col-lg-12">
                 <h1 class="text-white mt-5 mb-2">xeokit: Web Programming Toolkit<br>for AEC Graphics</h1>
                 <p class="lead mb-5 text-white">xeokit is an open source 3D graphics SDK from <a href="http://xeolabs.com">xeolabs</a> for BIM and AEC.<br>Built to view huge models in the browser. Used by industry leaders.</p>
-                <p><a class="btn btn-primary btn-lg" href="./demo.html?projectId=OTCConferenceCenter&tab=storeys">Run a Demo
+                <p><a class="btn btn-primary btn-lg" href="https://xeokit.github.io/xeokit-sdk/examples/bimviewer.html">Run a Demo
                     &raquo;</a></p>
             </div>
         </div>

diff --git a/_includes/marketing/de/banner.html b/_includes/marketing/de/banner.html
@@ -0,0 +1,27 @@
+<section class="cta">
+    <div class="container">
+      <div class="row">
+        <img
+          src="./img/marketing/logo.png"
+          class="cta__logo"
+          alt="Xeokit logo"
+          loading="eager"
+          decoding="async"
+        />
+        <h1 class="cta__title">
+          Ihre komplexe 3D BIM Modelle leicht gemacht
+        </h1>
+        <div class="cta__buttons-wrapper">
+          <a href="#contact" class="btn btn-primary">Kontakt</a>
+          <a href="https://xeokit.io" target="_blank" rel="noopener" class="btn btn-outline-secondary"> Mehr erfahren </a>
+        </div>
+        <img
+          src="./img/marketing/cta-order.png"
+          class="cta__order"
+          alt="Quality certificate"
+          loading="eager"
+          decoding="async"
+        />
+      </div>
+    </div>
+  </section>
diff --git a/_includes/marketing/de/contact.html b/_includes/marketing/de/contact.html
@@ -0,0 +1,38 @@
+<section id="contact" class="contact">
+    <div class="container">
+      <div class="row">
+        <div class="col-12 col-lg-4">
+          <h2 class="contact__title">Kontakt</h2>
+          <div class="contact__subtitle">Immer für Sie da 100%</div>
+          <ul class="contact__list">
+            <li class="contact__list__item">Optimiert</li>
+            <li class="contact__list__item">Konfigurierbar</li>
+            <li class="contact__list__item">Effizient</li>
+            <li class="contact__list__item">Integrierbar</li>
+            <li class="contact__list__item">Zuverlässig</li>
+            <li class="contact__list__item">Sicher</li>
+          </ul>
+          <div class="contact__contact contact__contact--phone">
+            <a href="tel:+41762785998">+41 76 278 5998</a>
+          </div>
+          <div class="contact__contact contact__contact--email">
+            <a href="mailto:[email protected]">[email protected]</a>
+          </div>
+        </div>
+        <div class="offset-lg-1 col-12 col-lg-7">
+          <form id="form" class="contact__form"  action="https://formspree.io/f/xnqyzkbb" method="POST">
+            <input type="text" name="name" autocomplete="given-name" placeholder="Name" required/>
+            <input type="text" name="company" autocomplete="organization" placeholder="Firma" required/>
+            <input type="email" name="email" autocomplete="email" placeholder="E-Mail" required/>
+            <textarea placeholder="Nachricht" name="message" minlength="10"></textarea>
+            <div class="input_consent mb-3">
+              <input id="consent" name="consent" type="checkbox" value="" aria-required="true" aria-invalid="false" required />
+              <label for="consent">Mit dem Absenden dieses Formulars akzeptiere ich, dass die eingegebenen Informationen im Rahmen der gestellten Anfrage und der daraus resultierenden Geschäftsbeziehung verwendet werden. Siehe unsere Datenschutzrichtlinie, um mehr über unsere Datenschutzrichtlinie zu erfahren.</label>
+            </div>
+            <button type="submit" class="btn btn-primary">Kontakt</button>
+            <p id="form-status"></p>
+          </form>
+        </div>
+      </div>
+    </div>
+  </section>
diff --git a/_includes/marketing/de/examples-2.html b/_includes/marketing/de/examples-2.html
@@ -0,0 +1,25 @@
+<section class="image-text-white">
+    <div class="container">
+      <div class="row">
+        <div class="block-row block-row--reverse">
+          <div class="col-12 col-md-6 image-wrapper">
+            <img
+              src="./img/marketing/image-text_img2.png"
+              class="image-text__image"
+              alt="Monitor image"
+              loading="lazy"
+              decoding="async"
+            />
+          </div>
+          <div class="col-12 col-md-6">
+            <div class="image-text__text-wrapper">
+              <p class="image-text__text">
+                Die Stadt von Lyon (FR) als 7 BIM Modelle mit Koordinaten
+                doppelter Genauigkeit, interaktiv im Browser angezeigt
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
diff --git a/_includes/marketing/de/examples.html b/_includes/marketing/de/examples.html
@@ -0,0 +1,33 @@
+<section class="image-text-color">
+    <div class="container">
+      <div class="row">
+        <div class="image-text__subtitle">FALLSTUDIEN</div>
+        <h2 class="image-text__title">Beispiele</h2>
+        <div class="block-row">
+          <div class="col-12 col-md-6">
+            <div class="image-text__text-wrapper">
+              <p class="image-text__text">
+                2028 Kopien des IFC Modells von West Riverside Hospital,
+                interaktiv im Browser angezeigt
+              </p>
+              <div class="image-text__additional-info">
+                <span class="image-text__additional-info__first"
+                  >8.5 MIO. OBJEKTE</span
+                >
+                <span>2.5 MRD. DREIECKE</span>
+              </div>
+            </div>
+          </div>
+          <div class="col-12 col-md-6 image-wrapper">
+            <img
+              src="./img/marketing/image-text_img1.png"
+              class="image-text__image"
+              alt="Monitor image"
+              loading="lazy"
+              decoding="async"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
diff --git a/_includes/marketing/de/footer.html b/_includes/marketing/de/footer.html
@@ -0,0 +1,35 @@
+<script>
+  var form = document.getElementById("form");
+
+  async function handleSubmit(event) {
+    event.preventDefault();
+    var status = document.getElementById("form-status");
+    var data = new FormData(event.target);
+    fetch(event.target.action, {
+      method: form.method,
+      body: data,
+      headers: {
+          'Accept': 'application/json'
+      }
+    }).then(response => {
+      if (response.ok) {
+        status.innerHTML = "Vielen Dank für Ihre Einreichung!";
+        form.reset()
+      } else {
+        response.json().then(data => {
+          if (Object.hasOwn(data, 'errors')) {
+            status.innerHTML = data["errors"].map(error => error["message"]).join(", ")
+          } else {
+            status.innerHTML = "Hoppla! Beim Senden Ihres Formulars ist ein Problem aufgetreten"
+          }
+        })
+      }
+    }).catch(error => {
+      status.innerHTML = "Hoppla! Beim Senden Ihres Formulars ist ein Problem aufgetreten"
+    });
+  }
+  form.addEventListener("submit", handleSubmit)
+</script>
+</body>
+
+</html>
diff --git a/_includes/marketing/de/head.html b/_includes/marketing/de/head.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Xeokit</title>
+    <meta name="description" content="Zeigen Sie Ihre BIM-Objekte im Detail mit dem xeokit 3D-Online-Viewer an. Xeokit ist perfekt für Architekten, Ingenieure und Bauprofis und bietet einen großartigen BIM-Viewer.">
+    <meta name="keywords" content="BIM Object Viewer, 3D model online, 3D online viewer, BIM Viewer, Javascript IFC, Javascript viewer, Javascript glb">
+    <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
+    <link rel="canonical" href="https://xeokit.io/fur-das-geschaft.html">
+    <link rel="alternate" href="https://xeokit.io/for-business.html" hreflang="en">
+    <link href="./vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="./css/marketing.css" rel="stylesheet"  />
+    <link rel="shortcut icon" href="./favicon.ico" />
+    <meta property="og:locale" content="de_DE">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Xeokit - BIM Object Viewer">
+    <meta property="og:site_name" content="Xeokit">
+    <meta property="og:url" content="https://xeokit.io/fur-das-geschaft.html">
+    <meta property="og:description" content="Zeigen Sie Ihre BIM-Objekte im Detail mit dem xeokit 3D-Online-Viewer an. Xeokit ist perfekt für Architekten, Ingenieure und Bauprofis und bietet einen großartigen BIM-Viewer.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="./img/marketing/xeokit_3d_bim_viewer.png">
+
+<!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/a3a23638b4c88c568b93abd5/script.js"></script> <!-- End cookieyes banner -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-664SYH8BEG"></script>
+  <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+
+      gtag('config', 'G-664SYH8BEG');
+  </script>
+  </head>
+  <body>
diff --git a/_includes/marketing/de/header.html b/_includes/marketing/de/header.html
@@ -0,0 +1,28 @@
+<header class="header">
+    <div class="container">
+      <div class="row">
+        <nav class="header__content">
+          <div class="header__logo-wrapper">
+            <a  href="https://xeokit.io/">
+              <img
+                src="./img/marketing/logo.png"
+                class="first-part"
+                alt="Xeokit logo"
+                loading="eager"
+                decoding="async"
+              />
+            </a>
+            <a  href="https://creoox.com/" target="_blank" rel="noopener">
+              <img
+                src="./img/marketing/logo2.png"
+                alt="Creoox logo"
+                loading="eager"
+                decoding="async"
+              />
+            </a>
+          </div>
+          <a href="https://calendly.com/xeokit-wk/45min" target="_blank" rel="noopener noreferrer" class="btn btn-outline-primary">Termin buchen</a>
+        </nav>
+      </div>
+    </div>
+  </header>
diff --git a/_includes/marketing/de/image-text.html b/_includes/marketing/de/image-text.html
@@ -0,0 +1,68 @@
+<section class="text-images">
+    <div class="container">
+      <div class="row">
+        <div class="text-images__text-wrapper">
+          <div class="first-part">
+            <span class="text-images__subtitle">BRANCHEN</span>
+            <h2 class="text-images__title">Ein perfektes Match</h2>
+          </div>
+          <div class="second-part">
+            <p class="text-images__text">
+              Neue Möglichkeiten für Ihr Geschäft durch digitale
+              Transformation in die BIM Welt entdecken
+            </p>
+          </div>
+        </div>
+        <div class="text-images__images-wrapper">
+          <div class="item">
+            <p class="item__text">Bauwesen</p>
+            <img
+              src="./img/marketing/text-images_image1.jpg"
+              class="item__image"
+              alt="Image for Bauwesen"
+              loading="lazy"
+              decoding="async"
+              width="281"
+              height="323"
+            />
+          </div>
+          <div class="item">
+            <p class="item__text">Infrastruktur</p>
+            <img
+              src="./img/marketing/text-images_image2.jpg"
+              class="item__image"
+              alt="Bild für Infrastruktur"
+              loading="lazy"
+              decoding="async"
+              width="281"
+              height="323"
+            />
+          </div>
+          <div class="item">
+            <p class="item__text">Öl- und <br />Gasindustrie</p>
+            <img
+              src="./img/marketing/text-images_image3.jpg"
+              class="item__image"
+              alt="Bild für Text Öl- und Gasindustrie"
+              loading="lazy"
+              decoding="async"
+              width="281"
+              height="323"
+            />
+          </div>
+          <div class="item">
+            <p class="item__text">Energie- und<br />Kraftwirtschaft</p>
+            <img
+              src="./img/marketing/text-images_image4.jpg"
+              class="item__image"
+              alt="Bild für Energie- und Kraftwirtschaft"
+              loading="lazy"
+              decoding="async"
+              width="281"
+              height="323"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>