{"id":2,"date":"2021-07-21T13:48:04","date_gmt":"2021-07-21T11:48:04","guid":{"rendered":"https:\/\/bekatec-baukasten.de\/doc\/?page_id=2"},"modified":"2021-10-13T14:20:28","modified_gmt":"2021-10-13T12:20:28","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/bekatec-baukasten.de\/doc\/","title":{"rendered":"Dokumentation"},"content":{"rendered":"\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Layout<\/h2>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Container<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Fluid-Layout (100%)<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Boxed-Layout<\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Info<\/p>\n\n\n\n

Verschiedene Kombinationen sind m\u00f6glich. Zum Beispiel Boxed-Layout f\u00fcr Texte und Fluid-Layout f\u00fcr Bilder, Testimonials, usw.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n<\/a>\n\n\n\n

Header \/ Navbar<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Centered<\/p>\n\n\n\n

\"\"
Beispiel: https:\/\/bekatec-baukasten.de\/01<\/a>\/<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

Classic<\/p>\n\n\n\n

\"\"
Beispiel: https:\/\/bekatec-baukasten.de\/03<\/a>\/<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Centered
+ Fixed Header Image<\/p>\n\n\n\n

\"\"
Beispiel: https:\/\/bekatec-baukasten.de\/0<\/a>4\/<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

Burgermenu
+ Contact Icon<\/p>\n\n\n\n

\"\"
Beispiel: https:\/\/bekatec-baukasten.de\/02<\/a>\/<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Content<\/h2>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Fonts<\/h3>\n\n\n\n
<\/div>\n\n\n\n

Alle Schriftarten aus der Google Fonts Bibliothek<\/a> k\u00f6nnen problemlos eingebunden werden.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Empfehlung: Max. 2 Schriftarten pro Website, eine Schriftart f\u00fcr die \u00dcberschriften bzw. der Navigation und eine f\u00fcr den Flie\u00dftext.<\/em><\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Head- & Sublines<\/h3>\n\n\n\n
<\/div>\n\n\n\n

Headline (H1)<\/h1>\n\n\n\n

Headline (H2)<\/h2>\n\n\n\n

Headline (H3)<\/h3>\n\n\n\n

Headline (H4)<\/h4>\n\n\n\n

Headline (H5)<\/h5>\n\n\n\n
Headline (H6)<\/h6>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Text<\/h3>\n\n\n\n
<\/div>\n\n\n\n

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…<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

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.<\/p>\n<\/div>\n\n\n\n

\n

Stet clita kasd gubergren, no sea takimata sanctus est. 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…<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<\/div>\n\n\n\n

\n

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,<\/p>\n<\/div>\n\n\n\n

\n

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…<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

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. No sea takimata sanctus est Lorem ipsum.<\/p>\n<\/div>\n\n\n\n

\n

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…<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n

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…<\/p>\n<\/div>\n\n\n\n

\n

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. No sea takimata sanctus est Lorem ipsum.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n<\/a>\n\n\n\n

Testimonial<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

\u201eLorem ipsum dolor sit amet, consetetur sadipscing elitr.\u201c<\/p>\n\n\n\n

Lorem ipsum<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n

\u201eLorem ipsum dolor sit amet, consetetur sadipscing elitr.\u201c<\/p>\n\n\n\n

Lorem ipsum<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n<\/a>\n\n\n\n

Image<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Image + Text<\/h3>\n\n\n\n

Verschiedene Hintergrundfarben, Kombinationen, Abst\u00e4nde und Gr\u00f6\u00dfen sind m\u00f6glich.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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. 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.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Lorem ipsum<\/strong><\/p>\n\n\n\n

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. 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.<\/p>\n\n\n\n

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 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. 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. <\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n<\/a>\n\n\n\n

Image Cover<\/h3>\n\n\n\n

Verschiedene Hintergrundfarben, Kombinationen und Gr\u00f6\u00dfen sind m\u00f6glich.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\"\"
\n

Lorem Ipsum sed diam nonumy eirmod tempor invidunt ut…<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\"\"
\n

Lorem Ipsum sed diam nonumy eirmod tempor invidunt ut…<\/p>\n\n\n\n

\n
Weitere Informationen<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Table<\/h3>\n\n\n\n

Verschiedene Hintergrundfarben, Spaltenanzahl und Zeilenanzahl sind m\u00f6glich.<\/p>\n\n\n\n

<\/div>\n\n\n\n
Table-Header<\/th>Table-Header<\/th>Table-Header<\/th><\/tr><\/thead>
Table Content<\/td>Table Content<\/td>Table Content<\/td><\/tr>
Table Content<\/td>Table Content<\/td>Table Content<\/td><\/tr>
Table Content<\/td>Table Content<\/td>Table Content<\/td><\/tr>
Table Content<\/td>Table Content<\/td>Table Content<\/td><\/tr>
Table Content<\/td>Table Content<\/td>Table Content<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Icons<\/h3>\n\n\n\n

Alle Icons (Free und Brands) aus FontAwesom<\/a>e k\u00f6nnen problemlos eingebunden werden.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Icons + Text<\/h3>\n\n\n\n

Verschiedene Farben und Gr\u00f6\u00dfen sind m\u00f6glich.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n\n\n\n

\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n\n\n\n

\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n\n\n\n

\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n\n\n\n

\n
<\/i><\/div>\n\n\n\n

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.<\/p>\n<\/div>\n<\/div>\n\n\n\n

<\/div>\n\n\n\n<\/a>\n\n\n\n

Buttons<\/h3>\n\n\n\n

Verschiedene Farben, gef\u00fcllt oder outline.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n
Weitere Informationen<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Weitere Informationen<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Slider<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n \"First\n <\/div>\n
\n \"Second\n <\/div>\n
\n \"Third\n <\/div>\n <\/div>\n \n <\/span>\n Previous<\/span>\n <\/a>\n \n <\/span>\n Next<\/span>\n <\/a>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n<\/a>\n\n\n\n

Accordion<\/h3>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n
\n