Voluptua erroribus et eam, vix laboramus tota gusto
Sint duis deterruisset quo ad, menandri senserit sententiae meite. Vis eu porro simul utinam, saepe mentitum tacimates sea at. Utroque sensibus duo at, nibh minimum ut sea, est an primis denique sapientem oratio.Id mutat commune suscipit ius, hinc deterruisset ad vel. Cum et insolens oportere periculis, tota vidisse vix ex. Mei no quas pertinax comprehensam, voluptua erroribus et eam, vix laboramus adversarium no. Sit ut verear epicuri consetetur, eu est vide iuvaret, duo discere propriae ne. Altera suscipiantur interpretaris ex duo, nibh errem sadipscing no eam, in sea graeco impetus. Eam albucius urbanitas cu.
About
Ein Template ohne Menü, dafür eignet sich ein One-Pager vorzüglich
Dies ist ein One-Pager. Und sogar Einer, der ganz ohne Menü auskommt! Für weitere Inhalte öffnen sich bei einigen Buttons oder den 'Pfeil-Icons' Fenster innerhalb dieser Seite als div-Box, so wie beim nachstehenen Weiter-Button. Aber man muß ja nicht päpstlicher sein als der Papst und somit kann man auch bei einem One-Pager weitere Seiten öffnen, so wie wir das bei den Links im Fussbereich unter 'Rechtliches' im Beispiel gemacht haben. Wir wünschen Ihnen viel Spaß damit.
Kontaktieren Sie uns
Information
Important process lorem excelsior lobortis mollis
Magnificoexcelsior
Partem prompta duo eu, no duo placerat adversarium, mea mutat nostrum euripidis an. Prima aperiam luptatum id quo. Ex salutandi appellantur vis, debet legimus mora dias longus.
Bonistradevarius
At homero commodo eos, ad wisi decore petentium privixea graeci meliore. Ubique dicunt cu usu, mea ne zril timeam. An nec sapientem consequat conclusionemque, eum tation inermis at. Id modo sanctus pretectus mala vida est gloria.
Bellaterra
Atqui mediocrem tincidunt eum ad, soleat conclusionemque cum id, numquam offendit qui ea. Alienum constituto ut duo.
The Team
We proudly present our trainers, who even come from finland
Name
Alter
Location
Sanna Lene Virtanen
28
Helsinki
Mika Korhonen
36
Tampere
Lilja Aada Mottinen
42
Lappeenranta
Box-Fenster Introduction
Foto-Galerie Lightbox
Die Lightbox
Lightbox Picture Gallery
Vorstehend unsere Bilder-Gallerie. So funktioniert diese Foto-Schau: Nach Klick auf einem Foto öffnet sich ein neues Fenster mit dem Foto sowie einer Bildunterschrift und einer Anzeige (Bild X von Anzahl X), gleichzeitig dunkelt sich die komplette Webseite im Hintergrund ab. Es ist ein Jquery-Script.
Tolles Feature: Nachdem Sie ein Bild geklickt haben, fahren Sie mit der Maus über die rechte oder linke Fotohälfte des Bildes. Es erscheint dann ein Pfeil, welcher Sie durch Klick auf dieses immer weiter zum nächsten bzw. vorangehendem Foto führt. In diesem Fenster lässt sich also eine ganze Bildkollektion durchsehen. Zum Schließen des Fenster klickt man auf das 'Schließen-Symbol' oder irgendwo ausserhalb des Fensters.
Lightbox auf allen Fotos
Sie könnten das Lightbox-Script auch auf alle anderen Fotos, welche mit dem 'img-Tag' (und nicht als 'Hintergrund-Image') eingebaut sind, anwenden. Die entsprechenden Änderungen dazu sind nur in der HTML-Datei zu tätigen, denn das Script ist ja bereits eingebaut. Hier ist der Basis-Code als Beispiel:
Bild ohne Lightbox:
HTML
<img src="images/beispiel.jpg" width="800" height="530">
Bild mit Lightbox:
HTML
<a href="images/beispiel.jpg"
data-lightbox="gruppe1"
data-title="Ihre Bildunterschrift">
<img src="images/beispiel.jpg" width="800" height="530"></a>
Noch ein Hinweis: 'data-title' für eine Bildunterschrift ist optional und sollten Sie eine zweite Gallerie innerhalb der selben HTML-Datei aufmachen, so schreiben Sie bei der zweiten Gallerie dann bei 'data-lightbox' gruppe2 statt gruppe1.
Die Original-Lightbox
Hier einmal der Link zur originalen Lightbox-Gallery. Dort finden Sie bei Bedarf auch unter 'Options' noch verschiedene Möglichkeiten der Einstellung. Anhand der guten, weil einfachen Beispiele (Examples), erkennen Sie sehr schnell das Prinzip der Gallerie. Außerdem können Sie somit auch besser nachvollziehen, wie wir die Fotos bei unserer Gallerie responsive angelegt haben, denn diese responsive Anordnung ist ja nicht automatisch im genannten Script der Lightbox enthalten.
Box-Fenster About
Die Bilder
Die Fotos in dieser Vorlage sind vom Foto-Anbieter Picjumbo.
Wir haben diese innerhalb unseres Grid-Systems responsive angelegt. Gerne können Sie natürlich auch Ihre eigenen Fotos verwenden.
Die Font-icons
Font-Icons sind sozusagen grafisch wirkende Schriftzeichen, die aber wie normaler Text behandelt werden (denn es sind ja Textzeichen) und damit eine schnellere und leichtere Formatierung gegenüber grafischen Icons per Bildformat (z.b. gif, jpg oder png) ermöglichen.
Viele weitere Icons sind möglich, denn die sehr verbreitete kostenlose Icon-Schrift vom Anbieter "Fontawesome" wird ja durch einen entsprechenden Link im Kopfbereich des Templates aufgerufen. So fügen Sie ggfls. weitere Icons hinzu oder ersetzen die vorhandenen.
Wir haben die Icons schon für Sie angepasst. Denn ohne weitere Bearbeitung sind die Font-Icons immer genauso groß und erscheinen in gleicher Farbe wie die aktuell verwendete Schrift für den Text.
Was heisst eigentlich Mobile-First?
Die in Bezug auf das Responsive Webdesign angesagte Mobile-First-Technik (von klein auf groß) bietet eine bessere Performance-Leistung gegenüber der Desktop-First-Technik (von groß auf klein).
Das Coding für die kleinste mobile Bildschirmauflösung, nämlich das Smartphone, steht direkt am Anfang der CSS-Datei und wird somit sofort geladen, erst später im Code werden dann per Media Queries - Abfragen der Bildschirmgröße bezüglich der Mindestbreite (min-width) - andere, abweichende, größere Bildschirmauflösungen, wie Tablet, Notebook, Laptop und schließlich Desktop-PC angesprochen
Box-Fenster Kontakt
Ohne Formular
Hier alternative Seite ohne Formular
(anbei index_ohne_formular.html)
von uns also bereits angelegt, enthaltend kein Formular, aber dafür diverse Kontaktdaten.
Allgemeine Info zu Formularen
Zum Versenden der Daten im Formular benötigt man ein Mail-Versand-Script oder einen Anbieter, der Script und Hosting zur Verfügung stellt.
Box-Fenster Information-1
Information 1 Info
Die Minions meinen: Me want bananaaa! Underweaaar jiji tatata bala tu pepete para tú bappleees tatata bala tu underweaaar. Pepete hahaha tatata bala tu bananaaaa hana dul sae gelatooo baboiii bappleees poulet tikka masala bananaaaa po kass. Wiiiii underweaaar tatata bala tu tulaliloo uuuhhh. Bee do bee do bee do bee do bee do bee do uuuhhh aaaaaah gelatooo wiiiii bananaaaa bananaaaa.
La bodaaa poulet tikka masala pepete jeje. La bodaaa la bodaaa uuuhhh jiji pepete gelatooo bappleees hahaha daa bappleees. La bodaaa tulaliloo para tú ti aamoo! Tatata bala tu la bodaaa. Minions Ipsum. Me want bananaaa!
Jeje chasy tank yuuu! Pepete poulet tikka masala baboiii. Daa jeje chasy daa jeje bee do bee do bee do gelatooo uuuhhh tatata bala tu daa. Underweaaar pepete jeje jiji. Tatata bala tu bappleees pepete potatoooo hahaha jiji bee do bee do bee do jiji jiji me want bananaaa! Ti aamoo! Hana dul sae poopayee tatata bala tu para tú bee do bee do bee do jeje. Jeje chasy tank yuuu! Butt me want bananaaa! Gelatooo la bodaaa tatata bala tu ti aamoo! Baboiii butt.
Excelsior documenta es profundis
Vamos a la playa
Que hora es
No tengo dinero
El mar es azul
Box-Fenster Information-2
Information-2 Info
Kevin ist ein großer, länglicher Minion mit zwei Augen und aufsprießenden Haaren. Er trägt meist seine Golfkleidung. Kevin sagt: Uuuuhhh belloo! Wiiiii hana dul sae baboiii me want bananaaa! Chasy butt poopayee tank yuuu! Para tú bappleees tank yuuu! Pepete tank yuuu! Chasy potatoooo. Pepete la bodaaa ti aamoo! Chasy. Jiji bee do bee do bee do po kass tatata bala tu daa bee do bee do bee do uuuhhh bee do bee do bee do jeje hahaha daa. Jiji la bodaaa belloo! Pepete baboiii baboiii potatoooo.
Belloo! Baboiii bappleees poulet tikka masala hana dul sae. Hana dul sae baboiii bee do bee do bee do butt jeje chasy po kass butt tank yuuu! Jiji belloo! Tank yuuu! Poopayee gelatooo daa tulaliloo wiiiii. Potatoooo butt chasy po kass butt.
Minions speak banana
Daa wiiiii me want bananaaa! Tatata bala tu baboiii underweaaar wiiiii poopayee potatoooo. Po kass belloo! Jiji jeje. Chasy la bodaaa la bodaaa potatoooo gelatooo tulaliloo ti aamoo! Uuuhhh. Hahaha tank yuuu! Me want bananaaa! Uuuhhh underweaaar me want bananaaa!
Box-Fenster Information-3
Information-3 Info
Bob ist ein süßer, kleiner Minion. Er ist etwas dicklich und liebt seinen Teddy sehr. Bob sagt: Poulet tikka masala hana dul sae bappleees bee do bee do bee do para tú ti aamoo! Potatoooo. Bappleees jiji jeje potatoooo bee do bee do bee do bananaaaa. Gelatooo potatoooo poulet tikka masala poopayee bee do bee do bee do tatata bala tu poulet tikka masala. Me want bananaaa! me want bananaaa!
Butt hana dul sae chasy bananaaaa tatata bala tu. Bananaaaa la bodaaa potatoooo chasy potatoooo jeje butt jeje underweaaar tulaliloo. Tulaliloo daa bappleees belloo! Poulet tikka masala bee do bee do bee do aaaaaah me want bananaaa! Me want bananaaa! Tulaliloo gelatooo bananaaaa uuuhhh aaaaaah aaaaaah gelatooo tatata bala tu po kass bananaaaa.