free bootstrap template

Snippets

Hier einige Beispiele von bootsnipp.com.
Hierbei handelt es sich um fertige Skripte mit der entsprechenden CSS, die man sehr einfach in Mobirise integrieren kann.

Hier ein Beispiel für ein Bootstrap 4.0.0 Snippet als Akkordeon vom bootsnipp.com, das sich kinderleicht in irgendeinen Block integrieren lässt.


Das ist ein einfaches Beispiel für ein Akkordeon, das ich hier von bootsnipp.com übernommen habe. Dies ist das erste Tab und man kann hier einfügen was man will - z.B. dieses Foto.


Foto

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Hier ein Beispiel einer CSS für diese Schrift, gefunden auf bootsnipp.com.



Mobirise

Bilder mit Hover-Effekt und Lytebox von Tommy, gefunden auf bootsnipp.com.


Foto Enten

Enten

Enten

Lytebox

Foto Libelle

Libelle

Libelle

Lytebox

Foto Luchs

Luchs

Luchs

Lytebox

Foto Spatzen

Spatzen

Spatzen

Lytebox

Hier als Beispiel eine Popup-Box mit einem Formular. Dieses Formular wird hier nicht gesendet, sondern kehrt nach dem Klick auf "Senden" an den Beginn dieser Seite zurück, da dies nur ein Beispiel sein soll.


Dieses Formular dient lediglich als Beispiel für den Inhalt dieser Box. Den Inhalt der Box kann man natürlich völlig frei gestalten und auch die CSS seinen Wünschen anpassen.


Den Code für dieses Snippet findet Ihr hier.



Unten noch eine Tabelle, die man sortieren kann. Klickt auf die Überschriften. Den Code für dieses Snippet findet Ihr hier.

Artikel Lager Stadt
Hammer H 425 Berlin 2,45
Zange Z 4711 Hamburg 1,79
Schrauben S 2940 München 0,02