Bereich Header (H2-Titel)
- Mit dem SVG-Carousel kann der Slider im Header erstellt werden
kmi-hardware-engineering.svg
kmi-prozessdesign.svg
kmi-software-engineering-visualization.svg
kmi-software_engineering_sps.svg
kmi-projektmanagement.svg
kmi-rueckerfoldung.svg
kmi-software_engineering_pls.svg
Kompetenzen.svg
Homepage Elemente
- Der Referenz Slider wird mit dem Element Animierter Logo-Slider erstellt
- Unter Partner Items können die Referenz Logos mit den Website Links eingefügt werden
- Unter Carousel-Options kann bspw. «autoplay» (automatisches abspielen) aktiviert werden
SVG-Galerie
Plugin: Support Team
HINWEIS: Hier werden per Zufall die Mitarbeiter, welche im Ordner «Support-Team» sind, ausgegeben.
Andreas Rutz
Inhaltselemente
- Mit dem Inhaltselement «Produkt Nav/Menu» kann eine Onepage-Navigation implementiert werden.
- Unter «Buttons» werden die Section-Links erstellt.
- Sofern der Inhalt nicht weiss / grau abwechselnd ist, kann einfach ein Frame «ruler after» zur Trennung der Inhaltselemente hinzugefügt werden
- Standardmässig werden mit den «spacer extra-large» die Abstände vor und nach dem Inhalt definiert.
Text & Images mit grauem Hintergrund
- Im Inhaltselement unter «Erscheinungsbild» kann der Hintergrund der Section auf grau («Section Background light grey») gestellt werden.
Text & Images
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Simple Accordion
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Spalten-Optionen (1-12 Spalten)
Text & Images Element
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Text & Images Element
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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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 gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Plugin: KMi Fancybox Gallery
- Im Ordner «Galerien» werden die File-Collections erstellt. Im Plugin wird dann darauf verwiesen.
Integer adipiscing semper (h2)
Fusce ultrices (h3)
Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis. Donec eget sem sit amet ligula viverra gravida. Etiam vehicula urna vel turpis. Suspendisse sagittis ante a urna.
Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.
Titel 2
Titel 3
Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.
Titel 3
Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.
Nam malesuada ornare (h4)
Integer adipiscing semper (h5)
Fusce ultrices (h6)
Zeilenlänge (ideal 75 Zeichen pro Zeile):
123456789112345678921234567893123456789412345678951234567896123456789712345678981234567899123456789023456789112345678921234567893123456789412345678951234567896123456789712345678981234567899123456789
Standardformatierungen
bold
italic
textsup
textsub
text left: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.
text right: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.
text center: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.
text justify: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer.
Links
File-Links
PDF
DOC
DOCX
PPT
PPTX
XLS
XLSX
ZIP
VCF
Interne-Links
Externe-Links
nicht besuchter externer Link (http://www.asgskladjgiosadjg.ch)
besuchter externer Link (http://www.google.ch)
Mailto-Link
info[at]marktideen.ch (check if href spam protected)
Listen
Nummerierte Liste 1
- Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.
- Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.
Nummerierte Liste 2
- Etiam eu ante non leo egestas nonummy
- Nam malesuada ornare dolor
- Quisque in wisi quis orci tincidunt fermentum
- Mauris aliquet mattis metus
- Etiam eu ante non leo egestas nonummy
- Quisque in wisi quis orci tincidunt fermentum
- Quisque in wisi quis orci tincidunt fermentum
- Quisque in wisi quis orci tincidunt fermentum
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
Unnummerierte Liste 1
- Morbi a est quis orci consequat rutrum. Nullam egestas feugiat felis. Integer adipiscing semper ligula. Nunc molestie, nisl sit amet cursus convallis, sapien lectus pretium metus, vitae pretium enim wisi id lectus. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Donec augue. Fusce ultrices, neque id dignissim ultrices, tellus mauris dictum elit, vel lacinia enim metus eu nunc.
- Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam.
Unnummerierte Liste 2
- Etiam eu ante non leo egestas nonummy
- Nam malesuada ornare dolor
- Quisque in wisi quis orci tincidunt fermentum
- Quisque in wisi quis orci tincidunt fermentum
- Etiam eu ante non leo egestas nonummy
- Nam malesuada ornare dolor
- Etiam eu ante non leo egestas nonummy
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
- Mauris aliquet mattis metus
- Fusce luctus convallis justo
Tables
Table normal with caption
Morbi a est quis orci consequat rutrum. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. | Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum. |
| Morbi a est quis orci consequat rutrum. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. Donec vestibulum. Etiam vel nibh. Quisque facilisis erat a dui. Nam malesuada ornare dolor. | Morbi a est quis orci consequat rutrum. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. Donec vestibulum. Etiam vel nibh. Quisque facilisis erat a dui. Nam malesuada ornare dolor. |
|
|
|
|
Table with thead and class="border"
| Nulla facilisi mauris pharetra | Nam malesuada ornare dolor |
|---|---|
Morbi a est quis orci consequat rutrum. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. | Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum. |
| Morbi a est quis orci consequat rutrum. Donec vestibulum. Etiam vel nibh. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. Quisque facilisis erat a dui. Nam malesuada ornare dolor. | Morbi a est quis orci consequat rutrum. Nulla facilisi. Mauris pharetra. Vel lacinia enim metus eu nunc. Donec vestibulum. Etiam vel nibh. Quisque facilisis erat a dui. Nam malesuada ornare dolor. |
|
|
|
|
Sonderzeichen
| pipe
• bullet
" quotation mark
' apostrophe
* star
% percentage
& ampersand
$ dollar
? question mark
! explenation mark
. dot
: double dot
… triple dot
; semicolon
< less than
> more than
© copyright
® registred
½ fraction 1/2
¼ fraction 1/4
— mdash
– ndash
- dash
Color Classes
rot
gruen
blau
more web color 1