Bereich Header (H2-Titel)

  • Mit dem SVG-Carousel kann der Slider im Header erstellt werden

col-lg-4 (H4-Titel)

  • Die Spalten werden mit dem Inhaltselement Spalten-Optionen erstellt (1-12 Spalten möglich)
  • HINWEIS: Wenn das Element direkt auf das Header-Element folgt wird es mit Schaten und Kreis angezeigt.

col-lg-4

Text

col-lg-4

Text

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

Animierter Logo-Slider

Hier können Referenzen in einem Slider dargestellt werden.





Plugin: Support Team

 

HINWEIS: Hier werden per Zufall die Mitarbeiter, welche im Ordner «Support-Team» sind, ausgegeben.

 

Andreas Rutz

+41 71 955 04 50

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):

1­2­­3­­4­­5­­6­­7­­8­­9­­1­1­2­­3­­4­­5­­6­­7­­8­­9­­2­­1­2­­3­­4­­5­­6­­7­­8­­9­­3­­1­2­­3­­4­­5­­6­­7­­8­­9­­4­­1­2­­3­­4­­5­­6­­7­­8­­9­­5­­1­2­­3­­4­­5­­6­­7­­8­­9­­6­­1­2­­3­­4­­5­­6­­7­­8­­9­­7­­1­2­­3­­4­­5­­6­­7­­8­­9­­8­­1­2­­3­­4­­5­­6­­7­­8­­9­­9­­1­2­­3­­4­­5­­6­­7­­8­­9­­­­2­­3­­4­­5­­6­­7­­8­­9­­1­1­2­­3­­4­­5­­6­­7­­8­­9­­2­­1­2­­3­­4­­5­­6­­7­­8­­9­­3­­1­2­­3­­4­­5­­6­­7­­8­­9­­4­­1­2­­3­­4­­5­­6­­7­­8­­9­­5­­1­2­­3­­4­­5­­6­­7­­8­­9­­6­­1­2­­3­­4­­5­­6­­7­­8­­9­­7­­1­2­­3­­4­­5­­6­­7­­8­­9­­8­­1­2­­3­­4­­5­­6­­7­­8­­9­­9­­1­2­­3­­4­­5­­6­­7­­8­­9­


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

interner Link()

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

  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.
  2. 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

  1. Etiam eu ante non leo egestas nonummy
  2. Nam malesuada ornare dolor
  3. Quisque in wisi quis orci tincidunt fermentum
    1. Mauris aliquet mattis metus
    2. Etiam eu ante non leo egestas nonummy
    3. Quisque in wisi quis orci tincidunt fermentum
      1. Quisque in wisi quis orci tincidunt fermentum
      2. Quisque in wisi quis orci tincidunt fermentum
      3. Fusce luctus convallis justo
    4. Mauris aliquet mattis metus
    5. Fusce luctus convallis justo
  4. Mauris aliquet mattis metus
  5. Fusce luctus convallis justo
  6. Mauris aliquet mattis metus
  7. Fusce luctus convallis justo
  8. Mauris aliquet mattis metus
  9. Fusce luctus convallis justo
  10. Mauris aliquet mattis metus
  11. Fusce luctus convallis justo
  12. Mauris aliquet mattis metus
  13. 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

Nam malesuada ornare dolor. Cras gravida, diam.

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.
  • Quisque in wisi quis
  • Qrci tincidunt fermentum
  • Etiam eu ante non leo egestas
  • Quisque in wisi quis
  • Qrci tincidunt fermentum
  • Etiam eu ante non leo egestas
  1. Quisque in wisi quis
  2. Qrci tincidunt fermentum
  3. Etiam eu ante non leo egestas
  1. Quisque in wisi quis
  2. Qrci tincidunt fermentum
  3. Etiam eu ante non leo egestas

Table with thead and class="border"

Nulla facilisi mauris pharetraNam 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.
  • Quisque in wisi quis
  • Qrci tincidunt fermentum
  • Etiam eu ante non leo egestas
  • Quisque in wisi quis
  • Qrci tincidunt fermentum
  • Etiam eu ante non leo egestas
  1. Quisque in wisi quis
  2. Qrci tincidunt fermentum
  3. Etiam eu ante non leo egestas
  1. Quisque in wisi quis
  2. Qrci tincidunt fermentum
  3. Etiam eu ante non leo egestas

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

more html entities 1, 2


Color Classes

rot
gruen
blau

more web color 1


Ruler After