first commit
This commit is contained in:
Tim Bendt
436
clients/ferdinand/index.html
Executable file
436
clients/ferdinand/index.html
Executable file
@@ -0,0 +1,436 @@
|
||||
|
||||
<!doctype html>
|
||||
<html class="no-js" lang="en">
|
||||
<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>lighttune</title>
|
||||
<link rel="stylesheet" href="assets/css/app.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800&subset=latin-ext" rel="stylesheet">
|
||||
<script defer src="assets/icons/fontawesome.min.js"></script>
|
||||
<script defer src="assets/icons/solid.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="sticky-shrinknav-header">
|
||||
<div class="grid-container">
|
||||
<header class="sticky-shrinknav-header-title grid-x grid-padding-x align-bottom">
|
||||
<div class="cell medium-4"><img class="logo" src="assets/img/lighttune3sm.png" /></div>
|
||||
<div class="cell medium-8"><div class="subtitle">INNOVATIVE LEUCHTENKOMPONENTEN AUS MÜNCHEN</div></div>
|
||||
|
||||
|
||||
</header>
|
||||
<ul class="menu">
|
||||
<!-- /src/partials/nav-links.html -->
|
||||
<li><a href="#project" class="jsScrollNext">PROJECT</a></li>
|
||||
<li><a href="#product" class="jsScrollNext">PRODUKT</a></li>
|
||||
<li><a href="#data" class="jsScrollNext">TECHNISCHE DATEN</a></li>
|
||||
<li><a href="#technik" class="jsScrollNext">TECHNIK</a></li>
|
||||
<li><a href="#produktion" class="jsScrollNext">PRODUKTION</a></li>
|
||||
<li><a href="#uberuns" class="jsScrollNext">ÜBER UNS</a></li>
|
||||
<li><a href="#kontact" class="jsScrollNext">KONTAKT</a></li>
|
||||
<li><a href="#impressum" class="jsScrollNext">IMPRESSUM</a></li> </ul>
|
||||
<div class="sticky-shrinknav-menu">
|
||||
<div class="sticky-shrinknav-inline-title grid-x grid-padding-x">
|
||||
<a href="#main_video" class="jsScrollNext home-link">
|
||||
<img class="nav-logo" src="assets/img/lighttune3sm.png" />
|
||||
</a>
|
||||
<span class="subtitle show-for-medium">INNOVATIVE LEUCHTENKOMPONENTEN AUS MÜNCHEN</span>
|
||||
<button type="button" class="button secondary hollow" data-toggle="offcanvas"><i class="fa fa-bars"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- -->
|
||||
</header>
|
||||
<div class="off-canvas-wrapper">
|
||||
<div class="off-canvas position-top menu-drawer" id="offcanvas" data-off-canvas >
|
||||
<div class="grid-container">
|
||||
|
||||
<ul class="menu">
|
||||
<li><a href="#project" class="jsScrollNext">PROJECT</a></li>
|
||||
<li><a href="#product" class="jsScrollNext">PRODUKT</a></li>
|
||||
<li><a href="#data" class="jsScrollNext">TECHNISCHE DATEN</a></li>
|
||||
<li><a href="#technik" class="jsScrollNext">TECHNIK</a></li>
|
||||
<li><a href="#produktion" class="jsScrollNext">PRODUKTION</a></li>
|
||||
<li><a href="#uberuns" class="jsScrollNext">ÜBER UNS</a></li>
|
||||
<li><a href="#kontact" class="jsScrollNext">KONTAKT</a></li>
|
||||
<li><a href="#impressum" class="jsScrollNext">IMPRESSUM</a></li> <li>
|
||||
<button class="off-canvas-close-button" aria-label="Close menu" type="button" data-close>
|
||||
<span aria-hidden="true"><i class="fa fa-angle-up"></i></span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="off-canvas-content" data-off-canvas-content>
|
||||
<!-- Your page content lives here -->
|
||||
<div class="grid-container article-text">
|
||||
<div class="responsive-embed widescreen">
|
||||
<video poster="assets/img/poster.jpg" preload="auto" id="main_video">
|
||||
<source src="assets/video/lighttune.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="video-starter" id="main_video_starter">
|
||||
<img src="assets/img/Pfeil.svg" alt="Pfeil" width="50" height="100" id="play_button"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="promo-hero-content grid-x grid-padding-x align-middle">
|
||||
<div class="cell large-12">
|
||||
<!-- <h1 class="promo-hero-title">LightTune - Das Projekt</h1> -->
|
||||
<!-- <p class="promo-hero-description hide-for-small-only">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor ante, varius eget lacinia porta, faucibus ut eros. Donec quis dui id felis pharetra fermentum.</p> -->
|
||||
<div class="promo-hero-ctas">
|
||||
<!-- <a href="#" class="promo-section-cta button primary">Shop Now</a> -->
|
||||
<!-- <a href="#" class="promo-section-cta button hollow">Learn More</a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="grid-container introduction-text article-text" >
|
||||
<div>
|
||||
<div id="project"></div>
|
||||
<h2>Das Projekt</h2>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x align-top">
|
||||
<div class="cell large-6">
|
||||
<p>Lighttune ist eine Kooperation zwischen dem Designer und Entwickler Wilfried Mose und Markus Friederichsen, Friederichsen & Raidl GmbH.<br/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="cell large-6 align-center">
|
||||
<p>Eine erste Komponentenserie konzentriert sich auf Höhenverstellungen für abgependelte LED - Deckenleuchten.</p>
|
||||
<p>Für Sie, als Hersteller solcher Leuchten, wird Ihr Produktportfolio durch die neuen Funktionen der Höhenverstellungen in der Anwendung optimiert und aufgewertet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="bar-secondary" >
|
||||
<div class="grid-container article-text" id="product">
|
||||
<h2>Das Produkt</h2>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="cell large-6">
|
||||
<h3>Höhenverstellungen Typ 1 und 2</h3>
|
||||
<p>Die hier vorgestellten Höhenverstellungen Lighttune 1 und Lighttune 2 erweitern den Einsatz von abgependelten LED-Leuchten in einer bislang noch nicht bekannten Weise.</p>
|
||||
<p>Die Leuchte hängt an einem speziell entwickelten Kabel das sowohl der Stromzufuhr, als auch der mechanischen Abhängung dient. </p>
|
||||
<p>Wir erzielen, je nach Modell, Verstellwege zwischen 85 cm und 185 cm, bei Leuchtengewichten bis 3,5 kg. </p>
|
||||
<p>Für die Lighttune Höhenverstellungen Typ 1 und 2 liegen Gebrauchsmusterschutz und CE- Konformitätserklärung vor, ein Patent ist angemeldet. </p>
|
||||
</div>
|
||||
<div class="cell large-6">
|
||||
<h3>Wir bieten 2 Versionen an:</h3>
|
||||
<p>Lighttune 1 für abgependelte Leuchten mit 1 Kabel.</p>
|
||||
<p>Lighttune 2 mit 2 Einzellitzen für lineare Leuchten oder abgependelte Leuchten mit 2 parallelen Zuleitungen </p>
|
||||
<p>Als zusätzliche Erweiterung der Produktpalette sind alle hier vorgestellten Höhenverstellungen an Stromschienen-Systeme adaptierbar. <br/>
|
||||
Beim Zug am Leuchtenkopf nach unten, oder beim Anheben der Leuchte bleibt sie in jeder Situation in der gewünschten Höhe stehen, sinkt also nicht ab und steigt auch nicht nach oben.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x" id="data">
|
||||
<!-- Beginning of generated table from src/data/products.json -->
|
||||
<div class="cell large-6 ">
|
||||
<h3>Höhenverstellungen Lighttune 1</h3>
|
||||
<div class="orbit" role="region" aria-label="product photos" data-orbit data-auto-play="false">
|
||||
<div class="orbit-wrapper">
|
||||
<div class="orbit-controls">
|
||||
<button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
|
||||
<button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
|
||||
</div>
|
||||
<ul class="orbit-container">
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/1sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/2sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/3sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<nav class="orbit-bullets">
|
||||
<button class="is-active" data-slide="0"><span class="show-for-sr"></span><span class="show-for-sr">Current Slide</span></button>
|
||||
<button data-slide="1"><span class="show-for-sr"></span></button>
|
||||
<button data-slide="2"><span class="show-for-sr"></span></button>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="data-table">
|
||||
<h4>Technishe Daten Lighttune 1 </h4>
|
||||
<div class="data-table__subhead">
|
||||
Höhenverstellbereich
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Verstellbereich
|
||||
</div>
|
||||
<div class="cell auto">185 cm</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Gehäuse
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Durchmesser
|
||||
</div>
|
||||
<div class="cell auto">85 mm</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Höhe
|
||||
</div>
|
||||
<div class="cell auto">33 mm</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Kabel
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Durchmesser / Adern
|
||||
</div>
|
||||
<div class="cell auto">2,4 mm / 3</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Isolierung
|
||||
</div>
|
||||
<div class="cell auto">FEP</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Strombelastung
|
||||
</div>
|
||||
<div class="cell auto">48V / 2A</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Drehkontakt
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Pole
|
||||
</div>
|
||||
<div class="cell auto">3</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
<b>Preis</b>
|
||||
</div>
|
||||
<div class="cell auto">auf Anfrage</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cell large-6 ">
|
||||
<h3>Höhenverstellungen Lighttune 2</h3>
|
||||
<div class="orbit" role="region" aria-label="product photos" data-orbit data-auto-play="false">
|
||||
<div class="orbit-wrapper">
|
||||
<div class="orbit-controls">
|
||||
<button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>◀︎</button>
|
||||
<button class="orbit-next"><span class="show-for-sr">Next Slide</span>▶︎</button>
|
||||
</div>
|
||||
<ul class="orbit-container">
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/4sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/5-sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="is-active orbit-slide">
|
||||
<figure class="orbit-figure">
|
||||
<img class="orbit-image" src="assets/img/6-sm.jpg" alt="">
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<nav class="orbit-bullets">
|
||||
<button class="is-active" data-slide="0"><span class="show-for-sr"></span><span class="show-for-sr">Current Slide</span></button>
|
||||
<button data-slide="1"><span class="show-for-sr"></span></button>
|
||||
<button data-slide="2"><span class="show-for-sr"></span></button>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="data-table">
|
||||
<h4>Technishe Daten Lighttune 2 </h4>
|
||||
<div class="data-table__subhead">
|
||||
Höhenverstellbereich
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Verstellbereich
|
||||
</div>
|
||||
<div class="cell auto">135 cm</div>
|
||||
<div class="cell auto">85 cm</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Gehäuse
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Durchmesser
|
||||
</div>
|
||||
<div class="cell auto">85 mm</div>
|
||||
<div class="cell auto">85mm</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Höhe
|
||||
</div>
|
||||
<div class="cell auto">33 mm</div>
|
||||
<div class="cell auto">33 mm</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Kabel
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Durchmesser / Adern
|
||||
</div>
|
||||
<div class="cell auto">(2x) 1,5 mm / 1</div>
|
||||
<div class="cell auto">1,5 mm / 1<br/>2,4 mm / 3</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Isolierung
|
||||
</div>
|
||||
<div class="cell auto">FEP</div>
|
||||
<div class="cell auto">FEP</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Strombelastung
|
||||
</div>
|
||||
<div class="cell auto">48V / 2A</div>
|
||||
<div class="cell auto">48V / 2A</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
Drehkontakt
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
Pole
|
||||
</div>
|
||||
<div class="cell auto">3</div>
|
||||
<div class="cell auto">3</div>
|
||||
</div>
|
||||
<div class="data-table__subhead">
|
||||
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x data-table__specification">
|
||||
<div class="cell small-6 spec-name">
|
||||
<b>Preis</b>
|
||||
</div>
|
||||
<div class="cell auto">auf Anfrage</div>
|
||||
<div class="cell auto">auf Anfrage</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End of generated table -->
|
||||
<div ></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="grid-container article-text" id="technik">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="cell small-6"><img src="assets/img/produkt1-sm.jpg" /></div>
|
||||
<div class="cell small-6"><img src="assets/img/produkt2-sm.jpg" /></div>
|
||||
</div>
|
||||
<article class="article-text grid-x grid-padding-x" >
|
||||
<div class="cell large-12">
|
||||
<h2>Die Technik</h2>
|
||||
</div>
|
||||
<div class="cell large-6">
|
||||
<p>Ermöglicht wird diese Funktion durch eine ausgeklügelte Mechanik und Kabelführung in einem kompakten Deckenbaldachin. </p>
|
||||
<p>Bei einer Einbauhöhe von nur 33 mm wird ein Verstellweg von bis zu 185 cm realisiert. </p>
|
||||
<p>Das für die Höhenverstellung entwickelte Spezialkabel der Lighttune 1 misst 2.4 mm im Durchmesser und beinhaltet 3 Litzen. Die 3. Litze ermöglicht den zusätzlichen Einsatz einer Steuerleitung.</p>
|
||||
<p>Die Lighttune 2 Höhenverstellung wird in der Regel mit 2 Einzelkabeln mit Ø 1,5 mm betrieben, aber auch eine Kombination aus 3-adrigem Kabel und 1–adrigem Kabel ist möglich.</p>
|
||||
<p>Die Strombelastbarkeit liegt bei 2A und deckt somit den Leistungsbedarf der meisten LED-Leuchten ab. Eine Kevlar-Verstärkung der Kabel entlastet die stromführenden Litzen. Die Kabel sind mit Teflon umspritzt und somit hitze-und alterungsbeständig und genügen hohen optischen Ansprüchen.</p>
|
||||
</div>
|
||||
<div class="cell large-6">
|
||||
<p>Die eingeschaltete Leuchte flackert dank hochwertiger vergoldeter Schleifkontakte während des Verstellvorgangs nicht.</p>
|
||||
<p>Firmenspezifische Anpassungen des Baldachins an das jeweilige CI des Produktportfolios sind ebenso möglich, wie die Adaptierung an verschieden schwere Leuchten, bei gleichbleibend kompakten Abmessungen der Gehäuse-Mechanik der Höhenverstellung.</p>
|
||||
<p>Sonderwünsche wie der Einbau mehrerer Höhenverstellungen in einen gemeinsamen Deckenbaldachin sind ebenso darstellbar.</p>
|
||||
<p>Wenn Sie wünschen statten wir Ihnen Musterleuchten mit Lighttune aus. So können Sie selbst beurteilen welchen Mehrwert Ihre Leuchten durch die Höhenverstellungen erfahren.</p>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
<div class="bar-secondary">
|
||||
<section class="grid-container" id="produktion">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="cell small-6"><img src="assets/img/produktion1-sm.jpg" /></div>
|
||||
<div class="cell small-6"><img src="assets/img/produktion2-sm.jpg" /></div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="grid-container article-text" >
|
||||
<article class="grid-x grid-padding-x">
|
||||
<div class="cell medium-12">
|
||||
<h2>Die Produktion</h2>
|
||||
<p>
|
||||
Friederichsen & Raidl produziert seit 1991 unter anderem für Kunden aus dem Bereichen Hausgeräteindustrie, Maschinenbau, Medizintechnik, Beleuchtung und Architektur. Das Leistungsspektrum umfaßt den gesamten Prozess vom Designprototypen bis zur Serienfertigung und Baugruppenmontage. Auch Versand und Logistik werden von Friederichsen & Raidl GmbH abgedeckt.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
<section class="grid-container article-text" id="uberuns">
|
||||
<h3>Über Uns</h3>
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell large-6">
|
||||
<!-- <img src="assets/img/wilfried.jpg" alt="Wilfried"> -->
|
||||
<h2>Wilfried Mose</h2>
|
||||
<p>Design / Entwicklung</p>
|
||||
<p>Wilfried Mose ist als freier Designer und Entwickler tätig.</p>
|
||||
</div>
|
||||
<div class="cell large-6">
|
||||
<!-- <img src="assets/img/markus.jpg" alt="Markus"> -->
|
||||
<h2>Markus Friederichsen</h2>
|
||||
<p>Produktion / Vertrieb / Verwaltung</p>
|
||||
<p>Durch die Kooperation mit Friederichsen & Raidl GmbH werden Produktdesign, Herstellung und Vertrieb gewährleistet.</p>
|
||||
<div id="kontact"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="cell large-6">
|
||||
<h2>Kontakt</h2>
|
||||
<p><b>E-Mail</b> <a href="mailto:wilfried.mose@freenet.de">wilfried.mose@freenet.de</a></p>
|
||||
</div>
|
||||
<div class="cell large-6">
|
||||
<h2>Kontakt</h2>
|
||||
<h4>Friederichsen & Raidl GmbH</h4>
|
||||
<p><b>Telefon</b> +49 (0) 8093904717</p>
|
||||
<p><b>Fax</b> +49 (0) 8093904757</p>
|
||||
<p><b>E-Mail</b> <a href="mailto:info@friederichsen-raidl.de">info@friederichsen-raidl.de</a></p>
|
||||
<p><b>Web</b> <a href="http://www.friederichsen-raidl.de" target="_blank">www.friederichsen-raidl.de</a></p>
|
||||
<p><b>Adresse</b> Lindach 3, 85625 Baiern</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="bar-secondary article-text" id="impressum">
|
||||
<section class="grid-container">
|
||||
<h2>Impressum</h2>
|
||||
<p>Angaben gemäß § 5 TMG:<br>
|
||||
<br>
|
||||
Friederichsen & Raidl GmbH
|
||||
<br>
|
||||
Lindach 3
|
||||
<br>
|
||||
85625 Baiern
|
||||
<br><br>
|
||||
Geschäftsführung: Markus Friederichsen
|
||||
<br>
|
||||
Sitz: Baiern, Landkreis Ebersberg
|
||||
<br><br>
|
||||
Registergericht: Amtsgericht München, HRB 183552
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="assets/js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user