Hero Sektion + Notch Sektion

Immer 50vh (50% Display­höhe) hoch.

Home » Templates

Titel (H1)

Hero Slider

Immer 50vh (50% Display­höhe) hoch.

Refe­renz Teaser Sektion

Padding-top: 50vh (50% Display­höhe).
Padding-bottom: 10vw (10% Display­breite) = auf dem Handy so viel wie links & rechts

Refe­renz

Titel

Reihe Vorein­stel­lung mit 10px border-radius, Verlauf und CSS-Klasse glassy (back­drop-filter: blur)

BG Grau Sektion

Sektion -> Vorein­stel­lung

15px Margin rund­herum

Narrow Width Reihe: Reihe mit gerin­gerer Breite, um Text enger zu halten. Reihen Vorein­stel­lung mit Reihen CSS-Klasse = narrow

Größerer Text für Hervor­he­bung ohne Über­schriften. Modul Verein­stel­lung mit CSS-Klasse = bigger.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd guber­gren, no sea taki­mata sanctus est Lorem ipsum dolor sit amet.

BG Blau Sektion

Sektion -> Vorein­stel­lung

15px Margin rund­herum

2 Spalten mit weißem Text (Design > Text > Text­farbe: Hell)

Mit unserer Soft­ware­lö­sung NeuroomNet können Medien­technik und Gebäude­steuerung jetzt noch einfa­cher reali­siert werden.

NeuroomNet lässt alle Ihre Geräte mitein­ander kommu­ni­zieren und bequem von einem Gerät aus steuern. Dank einer komfor­ta­blen Benut­zer­ober­fläche und dem breiten Funk­ti­ons­um­fang lassen sich Kosten sparen. Audio­vi­su­elle Medien­technik, Digital Signage und Gebäu­de­au­to­ma­tion können nahtlos mitein­ander verbunden werden. Smarte Schalt­zeiten und effi­zi­ente Gerä­te­steue­rung sparen nach­haltig Energie in jedem Betrieb ein.

Cards Reihe

Museum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Science Center

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Shop­ping Center

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Museum

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Science Center

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Shop­ping Center

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Content Carousel

Gebäu­de­be­trieb

Auto­ma­ti­sie­rung ermög­licht einen effi­zi­enten Betrieb und Kosten­sen­kungen.

Ein- und Ausschalten

zeit­ge­steuert oder manuell

Medien­steuerung

Mit Skript Blöcken intuitiv program­mieren

Zentrierte Reihe mit Lottie

Reihe CSS-Klasse = centered

Medien­steuerung – Logik-Editor

Jedes Gebäude ist anders und jede Medien­technik wird individuell genutzt. Hierfür bietet die NeuroomNet Medien­steuerung alle Möglich­keiten sehr einfach Abläufe (Aktionen) fest­zu­legen, die auf bestimmte Ereig­nisse ausge­führt werden sollen. Ereig­nisse können z. B. eine Uhrzeit, das Drücken eines Buttons auf dem Tablet oder das Über­schreiten eines Schwell­wertes sein. So kann sehr einfach jeden Tag um eine bestimme Uhrzeit eine Durch­sage gestartet werden oder auf einen Button-Klick eine Licht­stim­mung aufge­rufen werden und/oder ein Umschalten von Medi­en­quellen vorge­nommen werden. Dadurch ergeben sich unzäh­lige Möglich­keiten, ohne eine Program­mier­sprache lernen zu müssen oder sich in die Proto­kolle der Endge­räte einzu­ar­beiten.

Medien­steuerung – Logik-Editor

Jedes Gebäude ist anders und jede Medien­technik wird individuell genutzt. Hierfür bietet die NeuroomNet Medien­steuerung alle Möglich­keiten sehr einfach Abläufe (Aktionen) fest­zu­legen, die auf bestimmte Ereig­nisse ausge­führt werden sollen. Ereig­nisse können z. B. eine Uhrzeit, das Drücken eines Buttons auf dem Tablet oder das Über­schreiten eines Schwell­wertes sein. So kann sehr einfach jeden Tag um eine bestimme Uhrzeit eine Durch­sage gestartet werden oder auf einen Button-Klick eine Licht­stim­mung aufge­rufen werden und/oder ein Umschalten von Medi­en­quellen vorge­nommen werden. Dadurch ergeben sich unzäh­lige Möglich­keiten, ohne eine Program­mier­sprache lernen zu müssen oder sich in die Proto­kolle der Endge­räte einzu­ar­beiten.

Screen­shot Bild mit Lightbox

Modul Vorein­stel­lung (Schatten und 10px border-radius)

Lightbox Option (Link)