{site title=Jay.market favicon=favicon.ico languages=de,en
    {navbar id=mainmenu position=top size=10 min-size=1 sticky=true overlay=true opacity=0.85 logo-padding=4
        {brand logo=media/images/jay_alpha_borderless.png }
        {menu
            {navItem label=en:Home;;de:Startseite target=home icon=bi-house }
            {navItem label=de:Über#_#uns;;en:About#_#us target=about icon=bi-people }
            {navItem label=Shop target=shop icon=bi-bag }
            {navItem label=de:Überpunkt;;en:Parent icon=bi-card-list
                {navItem label=de:Unterpunkt1;;en:Child1 target=admin.php icon=bi-gear }
                {navItem label=de:Unterpunkt2;;en:Child2 target=https://claudia-beckert.com }
            }
        }
        {languageSelector }
    }
    {page id=home menuid=mainmenu footerid=footer1
        {section
            {layer
                {image src=media/images/lusen.jpg effect=zoom;1.2;40 }
            }
            {layer padding=5
                {image src=media/images/ROULIOvintageLogoAlpha.png fill=wvmin70 effect=move;-20,50,50,50;4;1 }
            }
        }
        {row
            {col size=50 min-size=11 text-align=left
                {layer
                    {image src=media/images/P7140111.JPG fill=cover filter=grayscale(100%);brightness(10%) }
                }
                {layer padding=15 height-responsible=true
                    {content id=Phrases responsive=scale
                        en:<h1 id="maintainability" class="typewriter" data-value="100">MAINTAINABILITY.</h1>
                        <h1 style="color:var(--color1);">CUSTOMIZABILITY.</h1>
                        <h1>PERFORMANCE.</h1>
                        <h1 style="color:var(--color1);">QUALITY.</h1>
                        <h1>STYLE.</h1>;;
                        de:<h1 id="maintainability" class="typewriter" data-value="100">WARTBARKEIT.</h1>
                        <h2 style="color:var(--color1);">ANPASSBARKEIT.</h2>
                        <h3>PERFORMANCE.</h3>
                        <h4 style="color:var(--color1);">QUALITÄT.</h4>
                        <h5>STYLE.</h5>
                    }
                }
            }
            {col size=50 background-color=#111111 padding=5 min-size=11 text-align=left
                {title label=de:SOFTWARE#_#ENTWICKLUNG;;en:SOFTWARE#_#DEVELOPMENT dot=2;1
                    de:<p>Unsere langjährige Erfahrung hilft uns Projekte innovativ, nachhaltig, hochqualitativ, passgenau und zu einem angemessenen Preis umzusetzen.
                    Die ROULIO steht für permanente Weiterentwicklung und dem Bestreben immer up-to-date zu sein und die neuesten bzw. besten Technologien einzusetzen.</p>
                    <p>Wir benutzen die folgenden Methoden um die höchste Qualität erreichen zu können:</p>;;
                    en:<p>Our many years of experience help us implementing our projects in an innovative, sustainable, high-quality, perfectly-fitting way at a reasonable price.
                    ROULIO stands for permanent advancement and the ambition of always being up-to-date and using the newest and best technologies.</p>
                    <p>We use the following methods to reach the highest quality:</p>
                }
                {features
                    {feature icon=bi-book
                        de:Clean Code Regeln – Sauberer, einfach zu lesender Code. Einfach zu warten und zu erweitern.;;
                        en:Clean Code Rules – Clean, easy to read code. Easy to maintain and extend.
                    }
                    {feature icon=bi-boxes
                        de:Object Calisthenics Regeln führen, ähnlich wie die Clean Code Regeln zu einer sauberen und effizienten Software Architektur.
                        Das vereinfacht extrem die Wartung und die Erweiterbarkeit. Es ist sozusagen das Streben nach perfekter Objektorientierung.;;
                        en:Object Calisthenics rules, similar to clean code, lead to a cleaner and more efficient software architecture.
                        This extremely simplifies the maintenance and extensibility. So to say it is the longing for perfect object orientation.
                    }
                    {feature icon=bi-activity
                        de:Testen – Unit Tests, Integration Tests, Test-Driven development. Alpha und Betatests mit dem Auftraggeber.;;
                        en:Testing – Unit Tests, Integration Tests, Test-Driven development. Alpha and Betatests with the customer.
                    }
                    {feature icon=bi-arrow-up-right-square
                        de:Performance – Nutzen der GPU zum Berechnen hochkomplexer Algorithmen, Profiling, Low Level Code Optimierungen. Effizientes/Optimiertes Datenbank Design.;;
                        en:Performance – Usage of the GPU for calculation of highly complex algorithms, profiling, low level code optimisations. Efficient and optimized database design.
                    }
                    {feature icon=bi-award
                        de:Design – User Interface Design, Anpassung der Oberflächen an die Corporate Identity.
                        Benutzen von Komponenten für höchste Benutzerfreundlichkeit. Visuelles Feedback. Zero-Wait-Tolerance. Grafik Design.;;
                        en:Design – User Interface Design, Adaptation of the UI to the Corporate Identity.
                        Usage of components for highest user friendlyness. Visual Feedback. Zero-Wait-Tolerance. Graphic Design.
                    }
                }
            }
        }
        {row
            {col padding=1
                {title label=de:Fähigkeiten;;en:Skills dot=2
                    de:Wir kombinieren das beste aus unseren Fähigkeiten und Ideen um den besten Code zu programmieren.;;
                    en:We combine the best of our skills and ideas to create the best code.
                }
            }
        }
        {row
            {col size=50 padding=1
                {range label=C   value=95 thickness=7 border=1;#000000 padding=1 }
                {range label=Java value=90 thickness=7 color=--color2 border=1;#000000 padding=1 }
                {range label=HTML/CSS value=79 thickness=7 border=1;#000000 padding=1 }
                {range label=de:Windows#_#Entwicklung;;en:Windows#_#Development value=86 thickness=7 color=--color2 border=1;#000000 padding=1 }
                {range label=de:Grafik#_#Entwicklung#_#2D/3D#_#GPU#_#Programmierung;;en:Graphics#_#Development#_#2D/3D#_#GPU#_#programming value=86 thickness=7 border=1;#000000 padding=1 }
                {range label=de:Lokalisation;;en:Localisation value=73 thickness=7 color=--color2 border=1;#000000 padding=1 }
            }
            {col size=50 padding=1
                {range label=C# value=90 thickness=7 color=--color2 border=1;#000000 padding=1 }
                {range label=PHP value=83 thickness=7 border=1;#000000 padding=1 }
                {range label=Javascript/jQuery value=84 thickness=7 color=--color2 border=1;#000000 padding=1 }
                {range label=Wordpress value=71 thickness=7 border=1;#000000 padding=1 }
                {range label=de:Cross-Platform#_#Entwicklung;;en:Cross-Platform#_#Development value=69 thickness=7 color=--color2 border=1;#000000 padding=1 }
                {range label=Mobile#_#Apps(Android/IOS) value=76 thickness=7 border=1;#000000 padding=1 }
            }
        }
        {row
            {col padding=1 text-align=center
                {image src=media/images/mockup_.png }
            }
        }
        {row padding=3
            {col padding=1
                {title label=de:WAS#_#SIE#_#VON#_#UNS#_#ERWARTEN#_#KÖNNEN;;en:WHAT#_#YOU#_#CAN#_#EXPECT#_#FROM#_#US dot=2
                    de:Nicht mehr oder weniger was wir selbst von uns erwarten würden;;
                    en:Not more or less what we expect from ourselves
                }
            }
        }
        {row
            {col size=33.33 padding=1
                {card image=media/images/22-400x400.jpg title=de:Kreativ,#_#Innovativ,#_#Visionär;;en:Creative,#_#Innovative,#_#Visionary
                    de:Mit Standard geben wir uns nicht zufrieden. Es muss immer die beste und optimalste Lösung sein.<br>
                    Einfach, selbsterklärend und top-funktional.<br>
                    Dafür wählen wir die besten Technologien und bilden uns permanent weiter.<br>
                    Trotz unserer Bodenständigkeit, versuchen wir immer vorauszudenken und verschiedenste Ideen in den Entwicklungsprozess einfließen zu lassen.<br><br>
                    Wir stellen uns jeder Herausforderung!;;
                    en:We are not satisfied with standard. It should always be the best solution possible.<br>
                    Simple, self-explanatory and top-functional.<br>
                    Therefore, we select the best technologies and train ourselves permanently.<br>
                    Besides being down-to-earth, we try to always think ahead and consider different ideas in our development processes.<br><br>
                    We accept every challenge!
                }
            }
            {col size=33.33 padding=1
                {card image=media/images/ssd-400x400.jpg title=de:Kommunikation#_#und#_#Flexibilität.;;en:Communication#_#and#_#Flexibility
                    de:Wir hören uns ihre Probleme an, gehen darauf ein und versuchen Sie bestmöglich zu lösen.
                    Dabei zeigen wir Ihnen verschiedene Möglichkeiten auf von denen wir dann gemeinsam die Beste auswählen und umsetzen.
                    Oft ist die beste Lösung nicht perfekt und muß korrigiert werden. Unsere Flexiblität erlaubt jederzeit die Einflußnahme des Kunden
                    um das Projekt zur Perfektion zu treiben.;;
                    en:We listen to your problems, get into it and try to solve it the best way. During that we show you the different possibilities,
                    from which we select and realize the best together. Often, the best solution is not perfect and has to be corrected.
                    Our flexibility allows the customer to interfere at all times, to create the perfect result.
                }
            }
            {col size=33.33 padding=1
                {card image=media/images/multi-400x400.jpg title=de:Qualität#_#und#_#Effizienz;;en:Quality#_#and#_#Efficiency
                    de:Fehlerfreie Software gibt es nicht, das weis jeder. Aber das Ziel ist es immer so wenige wie möglich zu machen.
                    Durch unsere hohen Programmierstandards und gut ausgebildeten Mitarbeitern sind wir in der Lage, höchste Qualität sicher zu stellen.
                    Wir machen keine Schnellschüsse. Saubere Einarbeitung und Planung gepaart mit der nötigen Flexibilität führt zu zielgerichteter Entwicklung.
                    Diese garantiert eine hochgradige Effizienz und somit ein optimales Preis-Leistungsverhältnis für den Kunden.;;
                    en:Everyone knows that there is no software without errors. But the goal is to make as less as possible.
                    By our high programming standards and well-trained employees, we are capable to deliver highest quality.
                    A good initial training and planning paired with the required flexibility leads to goal-oriented development.
                    This guarantees a high efficiency and therefore an ideal price-performance-ratio for the customer.
                }
            }
        }
        {row padding=3
            {col padding=1
                {slider arrows=true distribute=true
                    {sliderItem
                        {image src=media/images/256px-Audi_logo_detail_sw.png fill=height }
                    }
                    {sliderItem
                        {image src=media/images/256px-BMW_sw.png fill=height }
                    }
                    {sliderItem
                        {image src=media/images/256pxContinental_sw.png filter=invert(100%) fill=height }
                    }
                    {sliderItem
                        {image src=media/images/256pxSiemens-logo_sw.png fill=height }
                    }
                    {sliderItem
                        {image src=media/images/garmin-logo.png filter=invert(100%) fill=height }
                    }
                    {sliderItem
                        {image src=media/images/ingenics-digital__.png fill=height }
                    }
                    {sliderItem
                        {image src=media/images/Interstuhl_logo.jpg fill=height }
                    }
                }
            }
        }
        {row padding=3
            {col size=33.33 padding=2 text-align=left
                {title label=de:LOGO#_#ANIMATION;;en:LOGO#_#ANIMATION dot=2 }
                {video src=media/video/roulio_Video_147.mp4 }
            }
            {col size=33.33 padding=2 text-align=left
                {title label=de:WILLKOMMEN#_#IN#_#NIEDERBAYERN;;en:WELCOME#_#TO#_#LOWER#_#BAVARIA dot=2
                    de:<p>Kontaktieren Sie uns einfach. Ein erstes Sondierungsgespräch ist
                    für Sie kostenfrei und unverbindlich!</p>;;
                    en:<p>Just get in touch with us. A first exploratory discussion is free and nonbinding for you.</p>
                }
                {content padding=3
                    de:<p>
                    Anschrift:<br>
                    ROULIO Group GmbH<br>
                    Alte Passauer Straße 3<br>
                    94513 Schönberg<br>
                    Deutschland
                    </p><p>
                    Registrierung:  HRB 7910 Amtsgericht Passau
                    </p><p>
                    Telefon:  49 (0)170 / 4306364
                    </p><p>
                    E-Mail: <a href="mailto:contact@roulio.com">contact@roulio.com</a>
                    </p><p>
                    USt.-ID: DE273032605</p>;;
                    en:<p>
                    Address:<br>
                    ROULIO Group GmbH<br>
                    Alte Passauer Straße 3<br>
                    94513 Schönberg<br>
                    Deutschland<br>
                    </p><p>
                    Registration:  HRB 7910 Amtsgericht Passau
                    </p><p>
                    Phone:  49 (0)170 / 4306364
                    </p><p>
                    E-Mail: <a href="mailto:contact@roulio.com">contact@roulio.com</a>
                    </p><p>
                    VAT No: DE273032605</p>;;
                }
            }
            {col size=33.33 padding=2 text-align=left
                {title label=de:KONTAKTIEREN#_#SIE#_#UNS;;en:CONTACT#_#US dot=2 }
                {form id=adduserForm
                    {input id=name type=text label=en:Name;;de:Name name=name }
                    {input id=mailAddress type=email label=E-Mail name=email placeholder=me@example.com }
                    {input id=subject type=text label=en:Subject;;de:Betreff name=subject }
                    {input id=msg type=text label=en:Message;;de:Nachricht name=msg }
                    {submit label=en:Send;;de:Senden }
                }
            }
        }
        {row size=10
            {col
                {map icon=favicon.ico;24,24 }
            }
        }
    }
    {page id=shop menuid=mainmenu footerid=footer1 navbar=overlay:false
        {row
            {col size=20 padding=2
                {content
                    en:Shop;;
                    de:Shop
                }
            }
            {col size=80
                {product folder=TestProduct1
                }
            }
        }
    }
    {page id=about menuid=mainmenu footerid=footer1 navbar=overlay:true
        {row size=10
            {col }
        }
        {row
            {col size=20 padding=2 background-color=#006666;
                {content
                    de:<span>Wir sind eine Firma aus <b>Schönberg</b> in Niederbayern.<br>Im bayerischen Wald.</span>;;
                    en:<span>We are a company located in <b>Schönberg</b>, lower bavaria.<br>In the bavarian forest.</span>
                }
            }
            {col size=80 background-color=#666600;
                {image src=media/images/P7140111.JPG fill=cover offset=40,50
                }
            }
        }
    }
    {footer id=footer1 size=8 sticky=true overlay=false opacity=0.85
        {content id=HtmlTest2 halign=center valign=center
            en:© ROULIO Group GmbH.;;
            de:© ROULIO Group GmbH.
        }
    }
}